JavaScript」カテゴリーアーカイブ

[JavaScript] moment.jsで日付時刻操作を行うTips

JavaScriptのdateオブジェクトは中々に使いづらい。moment.jsはそれを非常に使いやすい形にラッピングしたモジュールである。本記事では、私はmoment.jsを使って業務で役立った使い方を備忘録代わりにまとめる。

  • 更新日2018年04月09日

[vue] vue-chartjsのreactiveDataを用いてリアクティブにグラフを描画する

グラフ描画ライブラリのJavaScriptライブラリであるChart.jsを、Vueから使いやすくしたラッパーライブラリであるvue-chartjsを用いて、グラフをリアクティブに描画するサンプル。

  • 更新日2018年04月10日

[Node] Node.jsでチャットワーク(chatwork)にメッセージを送信する

Node.jsを用いてチャットワーク(chatwork)にメッセージを送信するTips。
メッセージを送信する最短Tipsで、それに特化したモジュールを使うので、メッセージの取得やタスクの作成など、チャットワークAPIでできる様々なことは本記事では取り扱わない。

  • 更新日2018年01月09日

[Amazon Echo] AlexaでYahoo路線の問い合わせを行うスキルを開発する

年末年始に、AmazonEchoをお借りする機会があったので、年末年始休み中にスマートスピーカーデビューも含めてスキル開発をやってみようと思った。日頃お世話になっているYahoo路線を口頭で利用できるスキルを開発することにし、本記事ではその内容を整理して、大雑把にAlexaスキル開発の流れを共有できるようにした。

  • 更新日2018年04月13日

[node] cheerio-httpcliで、レスポンスから現在のURLを取得する

nodeでWebスクレイピングする際に、cheerio-httpcliを採用したが、要素クリックなどで画面遷移した先のURLを取得する方法で詰まったので、その解決方法の備忘録を残す。

  • 更新日2018年01月01日

[Vue] 親コンポーネントと子コンポーネントで双方向バインディングする

VueJSにて、親コンポーネントから子コンポーネントに対して初期値を与え、子コンポーネントは自身のUIで値を書き換えて、親コンポーネント側のデータも動的に更新させる方法メモ。

  • 更新日2018年04月20日

[Vue] 音声入力できる入力コンポーネントを作る

Web Speech APIを用いて、テキストエリアに音声入力でテキストを挿入するVueコンポーネントを作成する。

  • 更新日2017年12月30日

Redux Form で、クライアントバリデーションを実施する

Redux用のフォームライブラリである、Redux Formを用いて、クライアントバリデーション(validation)を実施した備忘録。比較的我流が多くて間違った使い方をしてる可能性もある。

  • 更新日2017年12月04日

[jQuery] セレクトボックスの切り替えに応じて、次のセレクトボックスの選択肢を切り替える

例えば、なんらかの大区分をセレクトボックスで選択すると、大区分に対応した中区分のみが中区分用セレクトボックスで選択できるようになり、同様に中区分を選択すると対応する小区分が選択できるようになるアレを実装する。

  • 更新日2017年11月29日

[Vue + OnsenUI] v-ons-navigatorでページ遷移する

Vue2.4.4及びOnsenUIのVue2向けモジュールであるvue-onsenui2.2.1のv-ons-navigatorを用いた画面遷移を実装を行う。

  • 更新日2017年12月30日