JavaScript の基本部分の仕様を定めているのが ECMAScript です。 ES6 以降もJavascriptはどんどん進化していて、いろいろな機能が追加され続けています。それを知っていないとプログラムの理解に時間がかかったりするので、ブラッシュアップが必要です。...
Reactでアプリケーション開発(ユニットテスト編~Jestを利用)
ユニットテストはプログラムで記載した処理に対して与えた情報(引数など)に想定した通りの結果が返るかをプログラムでチェックします。 手を加えたところは必ずテストするのが原則です。ユニットテストがあるとテストを実行することで想定したテストすべてチェック出来て継続的な開発でデグレーションを未然に防ぐことが出来ます。...
Reactでアプリケーション開発(Atomic Designでコンポーネント設計編)
Reactで作成したコンポーネントを組み合わせて画面を作ります。 どのようにすれば再利用やデザイン変更しやすくなるのでしょうか。 自分で一から考えると相応の時間がかかります。書籍を参考にして自分の実力を底上げしましょう。 Atomic Designついて理解したことを紹介します。...
Reactでアプリケーション開発(ReactとTypeScriptの知識編)
Reactはいざ開発するとなると何からして良いか分からなくなりました。 Reactだけでなく、JavascriptのES6の仕様、フック、他のライブラリの知識も必要になってきます。 様々な知識を総動員しないと開発出来ない印象です。 しかし、一度アプリケーションを開発すれば機能拡張やチーム開発がスムーズにいくそうです。...
Vue3のドキュメントで理解したこと~Vueを知らないエンジニアがドキュメントで理解出来ること
Vue3の公式ドキュメントでEssentials項目について理解したことを紹介します。こちらはSFC形式で私が理解した内容です。ローカル環境にVue3をインストールして手を動かして理解することをおすすめします。Reactを調べたことがあり似ているところがありますが直感的にはVueが使いやすい印象です。...
WindowsでDockerを使って開発するために知っておくこと良いこと
WindowsでDockerを使って開発するにあたって、ファイルシステムの問題、権限の問題、メモリの問題について解説しました...
Using Redux Data~最もシンプルなReduxアプリケーションで構造を理解しよう
Redux logicを記述するための中心的なステップについて知っておきましょう。これからいくつかのソーシャルメディアプリケーションの仕様を今までと同じステップで追加していきます。...
Windows環境でDockerを使ったLaravel環境構築
Windows環境で【超入門】20分でLaravel開発環境を爆速構築するDockerハンズオンを実施する方へ向けた情報です。 WSL2にLinuxをインストールするので、その環境でDockerを操作すると、Windows環境から離れて完全にLinux環境だけで作業することが出来ます。...
Basic Redux Data Flow
今まで学んだ知識をもとに、より実践的なサンプルアプリケーションを作成してより深くReduxのことを学んでいきましょう。 小さなソーシャルメディアアプリを構築します。アプリケーションを構築することでReduxをどうやって使うか理解していきましょう。...
Redux App Structure~最もシンプルなReduxアプリケーションで構造を理解しよう
Reduxのアプリケーションの構造を公式のテンプレートを利用してできるカウンターアプリケーションを例に説明します。 テンプレートを利用するとすぐにカウンターアプリが利用できるようになるので動作しなくて苦労することはありません。...