Create React Appを使わずにReact・TypeScript環境を構築するには？ React・TypeScript環境には何のビルドツール（バンドラ・コンパイラ）を使う？ webpackの使い方は？ 本記事ではこのような疑問を解決します。 React環境の構築と言えば、「Create React App」コマンドがとても便利です。 しかし、Create React AppでReact […]
package.jsonとは？その中身は？ dependenciesとdevDependenciesの違いとは？ package.jsonに関するnpmコマンドとは？ 本記事ではこのような疑問を解決します。 Node.jsでパッケージ管理をする際に必須となるのがpackage.jsonとnpmコマンドについての知識です。 例えば、今流行りのReactなどでアプリケーション開発をする際には知らないと […]
Electronの使い方は？ ReactとElectronでの環境構築方法は？ 本記事ではこのような疑問を解決します。 デスクトップアプリを作成する際に便利なフレームワークがElectronです。 Electronを使えば簡単にデスクトップアプリを作成することができます。 ではElectronを使った開発方法はどのようなものなのでしょうか？ 今回はフロントエンドのフレームワークにReactを用いて […]
WebSocketとは？ WebSocketの仕組みや使い方とは？ 本記事ではこのような疑問を解決します。 今回は、双方向通信を可能にするWebSocketについて。 ・チャットアプリのように、メッセージが来たら通知されるようにしたい。・サーバー側でデータの更新がされた際に、すぐさまクライアント側で表示されているデータも更新させたい。 イマドキのWebアプリであれば、上記のような機能を実現してくれ […]
本記事のターゲット読者 UdemyでおすすめのJavaScript講座とは？ モダンJavaScriptを学べる講座とは？ 本記事の読者想定レベル JavaScriptの基礎文法をある程度理解している方（他のプログラミング言語でもOK） 例えば・・・「変数はデータを格納するものだよね～」「関数はこうやって定義するよね～」「配列ってこういうものだよね～」 今回はUdemyのJavaScript講座厳 […]
非同期処理でフォーム画面を表示するには？ Django側からFormをJSONでフロント側に返すには？ 本記事ではこのような疑問を解決します。 Djangoにおいて、非同期処理でフォーム画面を表示をしたい場面ってあると思います。 例えば、「新規作成」ボタンをクリックしたら新規作成フォームがパッと表示されるようなシーンです。 このような場合、JavaScriptを使った、Djangoとテンプレート間 […]
Djangoで非同期処理を実装するには？ プルダウンメニューで特定のリストを表示するには？ Fetch APIの使い方とは？ 本記事ではこのような疑問を解決します。 Djangoにおいて、非同期処理でプルダウンメニューを使ったリスト表示をしたい場面ってあると思います。 例えば、プルダウンメニューの商品カテゴリーで「ドリンク」を選択したら、ソフトドリンクやアルコールメニューがパッと表示されるようなシ […]
イマドキJavaScriptの機能や書き方とは？ 最近のJavaScriptの使い方とは？ 本記事ではこのような疑問を解決します。 Web開発になくてはならないプログラミング言語がJavaScriptです。 そんなJavaScriptは、2015年に発表されたECMAScript（JavaScriptの母体規格）の大幅なバージョンアップによって機能や書き方などが更なる進化を遂げました。 この201 […]