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

javascriptでオブジェクトの配列から特定のkeyだけ取り出して配列にまとめたい時

例えば、サーバーからユーザー情報をAPIでJSONで取り出してきました。以下のようなJSONがあったとします。このJSONから、useridだけ取り出したい。よくある処理だけど、毎回ループ書くのは面倒。... 続きを読む

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

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

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

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

高尾山のバリエーションルートを攻める(宝珠寺尾根~小仏城山~高尾山)

休みの日はフェスのごとく人でごった返す高尾山でも、通常の登山道ではないバリエーションルートなら静かな山歩きが楽しめます。ただし登山初心者にはおすすめできません。

バリエーションルートは通常の登山道ではないので、急傾斜、落石、がけ崩れ、道迷い、滑落、危険生物・植物などに遭遇することがあります。十分な装備と事前準備・調査が必要ですので、踏破スキルに自信がない場合は通常の登山道を利用するべきです。

続きを読む高尾山のバリエーションルートを攻める(宝珠寺尾根~小仏城山~高尾山)

タイトーオンラインクレーンに10万円近く課金してわかった、特徴と実情を話す

最近、オンラインクレーンゲームが流行ってますね。わざわざゲームセンターに行かなくても画面越しにクレーンゲームを操作して、景品がゲットできると無料で送ってくれるというサービスです。... 続きを読む

コンビニの冷凍フライドポテトを3社食べ比べ&徹底レビュー!一番美味しいのはローソン!

コンビニエンスストアで買える冷凍フライドポテトが大好きです(息子が)1つ100円程度で買えるのと、電子レンジで加熱するだけですぐに食べられる手軽さがいいですね。今回は、セブンイレブン、ファミリーマート、ローソンそれぞれの冷凍フライドポテトを買って食べ比べてみました。各社特徴が違っているのでコンビニエンスストアの冷凍フライドポテト選びに役立てていただければと思います。

続きを読むコンビニの冷凍フライドポテトを3社食べ比べ&徹底レビュー!一番美味しいのはローソン!

ノマドワーカー派のためのWework。月額45ドルのミニマムプランでコスパよく使ってます!

最近東京で大人気のコワーキングスペースと言えばWework。1人で仕事するフリーランスから、Wework内に専用エリアを作るレベルのベンチャーまでスタートアップからスモールビジネスにまで対応しており、メンバー同士の交流が盛んなオープンなコミュニティが人気ですね。... 続きを読む