[javascript] JSONとかのkey-valueオブジェクトの配列から特定のkeyの値だけ取り出して配列や別名のオブジェクトにまとめたい(スプレッド演算子とmap())

javascriptでオブジェクトの配列から特定のkeyだけ取り出して配列にまとめたい時 例えば、サーバーからユーザー情報をAPIでJSONで取り出してきました。以下のようなJSONがあったとします。このJSONから、u … 続きを読む

[javascript] JSONとかのkey-valueオブジェクトの配列から特定のkeyの値だけ取り出して配列にまとめたい(スプレッド演算子とmap())

javascriptでオブジェクトの配列から特定のkeyだけ取り出して配列にまとめたい時 例えば、サーバーからユーザー情報をAPIでJSONで取り出してきました。以下のようなJSONがあったとします。このJSONから、u … 続きを読む

vue.js コンポーネントをAPI通信後に非同期で読込、動的に切り替える方法

vue.jsでAPIを叩いて、そのデータを子コンポーネントに注入する際、コンポーネントを初期配置するとデータが受け渡しされません。v-ifディレクティブでAPI通信が終わったタイミングで表示する方法もありますが、動的コンポーネントを使えば以下のようにコンポーネントを遅延配置できます。

このコードで記述すれば、APIの通信結果によって使うコンポーネントを切り替えることも可能です。例えば正常時は表示系コンポーネント、エラー時はエラー表示のコンポーネントを表示させる、など。

続きを読む

vue.js+vuetify ヘルプ集 戻るボタン/テキスト色の変え方/アイコン付きボタン/v-navigation-drawerのTipsなど

vuetify.js勉強中です(仕事上必要だったので。。。) できることが非常に多いのですが、ドキュメントが日本語化されてないので調べるのが大変ですね! さて、vuetifyの基本である、テキスト色の変え方から日本語でわ … 続きを読む

ノマドワークに一番オススメのカフェは間違いなく喫茶室ルノアールである理由

数多くのカフェでノマドワークをしてきた私が決める、ノマドワークにオススメのカフェチェーンナンバーワンは、間違いなく喫茶室ルノアールです。 ノマドワークに快適になってきた喫茶室ルノアール 喫茶室ルノアールと言えば、タバコ臭 … 続きを読む