ランキング参加中プログラミング | 11 | ダッシュボードの追加 ホーム] >> | 13 | アイコン(Font Awesome)の利用 サイト fonts.google.com 上記のサイトで選んだフォントをサイトに適用することができます。 今回は「Kosugi Maru」というフォントを適用して…

ランキング参加中プログラミング | 10 | パスワード確認の省略 ホーム] >> | 12 | Googleフォント ユーザーモデルに項目を追加します。 コマンド rails g migration AddColumsToUser about:text status:boolean 「db\migrate\20200723123617_add_colums_to_u…

ランキング参加中プログラミング | 09 | Gmailの設定 ホーム] >> | 11 | ダッシュボードの追加 ユーザー編集ページを更新してパスワードのフィールドを減らします。 ユーザ情報を更新する際に今までは現在のパスワードを入力していましたが、今回の変更によ…

ランキング参加中プログラミング | 08 | フラッシュメッセージ(noty) ホーム] >> | 10 | パスワード確認の省略 Gmailを使ってメールの送信をできるようにします。 以下の手順でGmailのセキュリティを２段階認証プロセスに変更し、アプリパスワードを生成して…

ランキング参加中プログラミング | 07 | ログイン機能の実装 ホーム] >> | 09 | Gmailの設定 notyのデザインについては以下を参照して下さい。 ned.im notyはyarnを使ってインストールします。 コマンド yarn add noty 「app\javascript\packs\application.j…

ランキング参加中プログラミング | 06 | ナビゲーションバーの実装 ホーム] >> | 08 | フラッシュメッセージ(noty) ユーザーモデルに氏名の項目を追加します。 コマンド rails g migration AddFullnameToUser full_name:string コマンド マイグレーション適…

ランキング参加中プログラミング | 05 | deviceの利用| ホーム] >> | 07 | ログイン機能の実装 まずはホームページのコントローラ作成です。 コマンド rails g controller Pages home ナビゲーションバーを作成していきます。 「app\views」フォルダに「shar…

ランキング参加中プログラミング | 04 | Bootstrapの利用 ホーム] >> | 06 | ナビゲーションバーの実装 「devise」を利用してメールとパスワードでの認証ができるように実装します。 記述追加 GemFile(56行目) gem 'devise' GemFile source 'https://rubygem…

ランキング参加中プログラミング | 03 | アプリケーションの作成 ホーム] >> | 05 | deviceの利用 Bootstrapを利用する準備をします。 Yarnで必要なパッケージ「Bootstrap」「jquery」「popper.js」をインストールします。 コマンド yarn add jquery@3.6.0 b…

ランキング参加中プログラミング | 02 | Railsをインストール ホーム] >> | 04 | Bootstrapの利用 アプリケーション名「Minpaku2」を作成 コマンド rails _6.0.4.7_ new Minpaku2 -d postgresql アプリケーションの作成 ターミナルで作成された「Minpaku2」…

ランキング参加中プログラミング | 01 | 開発環境を整える ホーム] >> | 03 | アプリケーションの作成 「Visual Studio Code」を開き、「ターミナル」の「新しいターミナル」を選択してターミナルを開きます。 新しいターミナル 下に起動したターミナルでデ…

ランキング参加中プログラミング [ホーム] >> | 02 | Railsをインストール 民泊施設の登録、編集、予約など、民泊を行うために必要な機能を備えたサイトをRuby on Railsバージョン6で構築するための手順を書いていきます。 今回は、MacOSXのみで開発を進めて…

ランキング参加中プログラミング11 | モデルからデータを抽出して表示 ＜＜ [ホーム] 写真ボタンを押すと、それぞれの写真詳細ページにジャンプするようにします。 ビューに写真の詳細ページ用の新しいメソッドを追加します。 「testapp/views.py」ファイル…

ランキング参加中プログラミング10 | ビューの編集 ＜＜ [ホーム] ＞＞ 12 | 写真詳細ページ作成 ビューに写真モデルの読み込みを定義します。 from .models import Picture 「testapp/views.py」ファイルを以下のように編集します。 記述追加 【testapp/vie…

ランキング参加中プログラミング09 | 管理ダッシュボードのカスタマイズ ＜＜ [ホーム] ＞＞ 11 | モデルからデータを抽出して表示 ビューの編集方法を解説していきます。 まずは「testapp/views.py」ファイルを編集します。 picture_data変数に格納した文字…

ランキング参加中プログラミング08 | モデル ＜＜ [ホーム] ＞＞ 10 | ビューの編集 「admin」の管理ダッシュボードを日本語化します。 「testproject/」フォルダにある「settings.py」ファイルを以下のように設定します。 記述変更 【testproject/settings.…

ランキング参加中プログラミング07 | テンプレート ＜＜ [ホーム] ＞＞ 09 | 管理ダッシュボードのカスタマイズ モデルを作成し、データベースにフィールドを作成します。 「testapp/models.py」ファイルを以下のように編集します。 記述変更 【testapp/mode…

ランキング参加中プログラミング06 | 新しいビューの作成 ＜＜ [ホーム] ＞＞ 08 | モデル 全てのビューページに共通するテンプレートを作成します。 「templates」フォルダに「navigation.html」という名前のhtmlファイルを新規作成します。 新規作成した「…

ランキング参加中プログラミング05 | Bootstrapの導入 ＜＜ [ホーム] ＞＞ 07 | テンプレート 新しい問合せページを作成してみます。 まずは「testapp/views.py」ファイルにメソッドを追加します。 名前は「inquiry()」とします。 記述追加 【testapp/views.…

ランキング参加中プログラミング04 | 管理ダッシュボードの作成 ＜＜ [ホーム] ＞＞ 06 | 新しいビューの作成 Bootstrap5を導入していきます。 まずは以下のBootstrapページを開きます。 getbootstrap.jp トップページの「はじめる」をクリックします。 Boot…

ランキング参加中プログラミングPostgresql 14.4のインストール ＜＜ [ホーム] ＞＞ 05 | Bootstrapの導入 Visual Studio Codeでワークスペースを保存して作業を再開する場合、ターミナルでの位置は「~/Desktop/testproject」からの再開になります。 このま…

ランキング参加中プログラミング03 | Djangoアプリケーションの作成 ＜＜ [ホーム] ＞＞ 04 | 管理ダッシュボードの作成 MacにPostgresql（バージョン14.4）をインストールします。 まずはPostgresqlホームページに移動します。 www.postgresql.org 上部の「…

ランキング参加中プログラミング02 | Djangoのインストールとプロジェクトの作成 ＜＜ [ホーム] ＞＞ Postgresql 14.4のインストール まずVisual Studio Codeを起動し、ターミナルを起動します。 作業を始める流れとしては、ターミナルでデスクトップに移動…

ランキング参加中プログラミング01 | 開発環境の構築 ＜＜ [ホーム] ＞＞ 03 | Djangoアプリケーションの作成 早速Djangoでプロジェクトを作成していきます。 ターミナルでデスクトップに移動します。 コマンドcd Desktop cd Desktop venv( virtualenv)を使…

ランキング参加中プログラミング[ホーム] ＞＞ [ 02 | Djangoのインストールとプロジェクトの作成] DjangoはPythonで実装されたWebアプリケーションフレームワークです。 まずは開発のための環境を構築していきます。 Homebrewのインストール Homebrewとは、…

ランキング参加中プログラミング [TOP] 次のプログラムを作ってみましょう。 【dataclass1.py】 from dataclasses import dataclass @dataclass class Elephant: name: str age: int weight: int def printElephant( e ): print( '名前:' + str(e.name) + ',…

ランキング参加中プログラミング [TOP] 次>> StringBufferは、文字列に文字列を加えたりすることのできるメソッドです。 Pythonでの文字列連結は足し算するだけでいいです。 str = 'str1' + 'str2' 次のプログラムを作ってみましょう。 【buffertest1.py】 c…

ランキング参加中プログラミング [TOP] 次>> 次のプログラムを作ってみましょう。 【hyou5.py】 # hyou5.py import re class Hyou5: def __init__(self): self.data = [[ '1', '2', '3', '4', '5', '6' ], [ '田中', '木村', '佐藤', '鈴木', '高橋', '斉藤'…

ランキング参加中プログラミング[９３]Bootstrap | メッセージと会話 | 会話表示[ホームに戻る] 「50 | 通知」の内容をBootstrapの記述に変更します。 コマンド rails g model Notification content user:references コマンド rails g migration AddUnreadTo…

ランキング参加中プログラミング[９２]Bootstrap | メッセージと会話 | コントローラとビュー作成[ホームに戻る] >> [９４]Bootstrap | 通知 「48 | メッセージと会話 | 会話表示」の内容をBootstrapに変更します。 会話表示できるようにします。 「app\cont…