Technical Blog

技術ブログ

WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。

Blog 2022-11-29

コンポーネントの繰り返しに使用する「map関数」

しまぶーさんが、「コンポーネントを、mapで繰り返そう」という動画を上げてくれていたので、学習ブログを書いていきます。 この記事では、主な内容のみを書いていきます(動画内では、詳細についても解説されています)。 今回使用した開発環境 以前の記事で作成した、ローカル環境を使用しました。 言語は、TypeScriptを設定しましたが、今回の内容では、JavaScriptのみを使用し …

Blog 2022-11-27

Google Chartsの円グラフに投票できる例

こちらの参考書のchapter7の内容です。 以下のように、Google Chartsの円グラフが表示されていて、表のボタンを押すと数字が増えて、グラフも連動して変化するようになっています。 動作環境 vue.jsのバージョンは、2.5.17です。 全体の流れ 先ほどのサンプルを作成するときの全体の流れはこちらです。 Google Chartsを用意する まずは、google …

プログラミング プログラミング > Vue.js
Blog 2022-11-25

Djangoの開発用サーバーを立ち上げてみた

Pythonのフレームワーク「Django(ジャンゴ)」について書いていきます。 今後、WEBエンジニアとして活躍していくのに、WEBアプリケーションを一人で作成できる知識が必要だと思ったので、こちらの本を購入しました。 この記事では、Djangoをインストールして、Djangoの雛形をローカル開発環境で確認するまでの過程を記録していきます。 Djangoをインストールする ま …

Django プログラミング
Blog 2022-11-24

Next.jsのセットアップを行いました

テスト環境を起動して、http://localhost:3000をcommandを押しながらクリックすると、Welcome to Next.js!という最初の画面に到達することができました。 Welcome画面が表示されるまで node.jsのバージョン確認を行い、yarn create next-appをコマンドで打ち込むとmy-reactという名前でプロジェクトが作成されま …

Next.js