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