TypeScript TypeScriptの設定について(tsconfig.json) 2022年4月11日 TypeScriptにエラーがある場合はコンパイル時にJavaScriptファイルを生成しないようにする。 "noEmitOnError": true...金沢夏樹
Python Pythonの統合開発環境(IDE):PyCharm 2022年4月10日 PyCharmとは、JetBrainsが提供しているPython用の統合開発環境です。 Pythonのメジャーなフレームワークである、DjangoやFlaskをサポートしている。...金沢夏樹
Python Pythonでの開発に便利なAnaconda Navigator 2022年4月10日 Anaconda Navigatorというのは、Pythonで開発する時に便利なディストリビューションです。 ※ディストリビューションというのは、関連のアプリケーションがまとめられたソフトウェアのことです。 開発用の仮想環境をローカルに作成する場合などに活用できます。...金沢夏樹
TypeScript TypeScriptのコンパイル 2022年4月3日 TypeScriptでフロントエンドのコードを書いた場合、事前にコンパイルする必要があります。 UI部分が直接TypeScriptで動くわけではなく、ブラウザが認識してくれるのはJavaScriptだからです。そのため、TypeScriptで書いたコードはJavaScriptに変換する必要があり、そのための方法について...金沢夏樹
Django Djangoでユーザー認証用のアプリの名称 2022年3月27日 Djangoでアプリケーションを作成する時には、アプリと呼ばれる単位で機能を実装していくことになります。 python3 manage.py startapp アプリ名 このようなコマンドでアプリを追加していくのですが、ユーザー認証用にアプリを作った時に『account』という名称でアプリを作ると、モデルをマイグレーシ...金沢夏樹
Django Djangoの標準ユーザー 2022年3月27日 Djangoが標準で用意しているログイン認証の仕組みで持っているユーザー関連のモデル ・django.contrib.auth.models.User ユーザー権限に関する設定 ユーザー権限には3つの設定がある Superuser権限Staff権限Active Superuser権限(is_superuser) 全権限...金沢夏樹
React React Hooksを使っている場合の画面遷移 2022年3月24日 ReactでHooksを使って開発をしている中で気が付いた点のメモです。 ページ間で共通で利用するステートをuseContextで受け渡す処理を追加したのですが、その時にあまり何も考えず、画面遷移にaタグを使用して遷移するように書いたのですが、それだとステートがクリアされてしまいます。 react-router-dom...金沢夏樹
Web開発・プログラミング Web開発を学ぶ順序の参考となるロードマップ 2022年3月10日 Web開発にチャレンジしようと思ったときに、個別のテーマに関する情報はネットコンテンツや技術書、YouTube、Udemyなどで比較的容易に見つけられたのですが、それらの繋がりやどういう順に学ぶのがスムーズに理解していけるのかが分からないというのがありました。 基本的には、作りたいものを実際に作り始めてみて、前に進める...金沢夏樹
JavaScript JavaScriptの配列に対する処理 2022年3月9日 ●mapメソッド 配列の全ての要素に対して処理するような場合に使うメソッドです。 const colors = ["red", "blue", "yellow"]; colors.map((color) => { console.log(color) }); 例えばこんなコードの場合、コンソールにred、blu...金沢夏樹
Django Djangoの言語とタイムゾーンを日本に変更 2021年11月15日 Djangoをインストールした直後だとこんな感じで英語での表示になっています。 これを日本語に変更する方法について説明します。 プロジェクト全体に関わる設定はsettings.py ではさっそく設定していきます。 startprojectコマンドでDjangoプロジェクトを作成した時に、『settings.py』という...金沢夏樹
Django Djangoでサービス開発の流れ 2021年11月15日 ※以下、記載しているコマンドはDocker composeを使用していることを前提になります。 ①プロジェクトの作成 django-admin startproject プロジェクト名 ②アプリケーション作成 python3 manage.py startapp アプリケーション名 ③プロジェクト設定に作成したアプリを...金沢夏樹
HTML HTMLでチェックボックスのラベルもクリック可能にする方法 2021年11月14日 HTMLでチェックボックスを作った場合に、チェックボックス部分(四角の部分)をクリックした時にON/OFFを変更するのは当然ですが、チェックボックスに対するラベル部分も反応するように実装する方法についてです。 <label> <input type="checkbox" />チェックボックスA </l...金沢夏樹
Django Djangoで『ModuleNotFoundError: No module named 'xxxx'』が出た時に確認すべき内容 2021年11月14日 Djangoで開発している時に、タイトルに書いた『ModuleNotFoundError: No module named 'xxxx'』というエラーが出力された場合の解決方法についてです。 まずエラーの内容については、'xxxx'というモジュールが見つからないというメッセージなので、まずはちゃんと該当のオブジェクトを...金沢夏樹
Django Djangoでテーブル(モデル)作成の手順 2021年11月14日 ①models.pyファイルでテーブル定義を行う モデル名は単数形で命名した方が良いです。なぜなら管理画面で表示される場合に自動で複数形にして表示されるためです。(Booksというモデルを作るとBookssと表示されます。) それ以外の不都合は今のところ見つけていませんが、なんか気持ち悪いので単数形で命名するのが一般的...金沢夏樹
Django 初回のマイグレーションの後にカスタムユーザーの実装をした場合 2021年11月14日 カスタムユーザーの実装はDjangoのプロジェクト作成後、最初に行っておくことが望ましいのですが、途中で実装しないといけないこともあります。 最初からやり直せる場合はそうするのがベストですが、そうもいかない場合は途中で実装することになりますが、実装後にマイグレーションする段階でエラーが発生するので、その回避方法について...金沢夏樹
Django Django REST Frameworkを使ってAPI作成 2021年11月14日 フロントエンドをReact等で作成して、バックエンドをDjangoにするような場合に、DjangoをAPI化してReactからアクセスして連携するというようなことができる。 Django REST Frameworkの設定をすれば、Viewの部分(views.py)をAPIにして、他は通常のDjangoと同じように開発...金沢夏樹
React DockerでローカルにReact開発環境作成 2021年11月14日 ①Dockerfileを作成 FROM node:14.13.1 WORKDIR /usr/src/app # Expressをインストール RUN npm install --save express # Babel環境をインストール RUN npm install --save-dev babel-cli # ES...金沢夏樹
React Reactで開発する時に必須となるJSX 2021年11月14日 Reactを使ってフロントエンド開発をするときに勉強しておく必要があるテーマがいくつかありますが、その1つがJSXです。 JSXとは JSXというのは、JavaScriptの中でHTMLのような記述が出来る拡張言語です。Reactの公式ドキュメントでもJSXによる記述でサンプルコードが書かれているため、Reactを使う...金沢夏樹
Django Djangoで入力フォームを作成する(forms.py) 2021年11月14日 『forms.py』というファイルにフォームの内容を定義していきますが、このファイルはstartappでアプリケーションを作成した時に自動生成されないので、該当のアプリケーションフォルダの配下に自分でファイル追加する必要があります。 入力フォームの定義方法 フォームの定義方法には2種類あり、モデルを参照して項目を作成す...金沢夏樹