学生向けプログラミング入門 | 無料

学生向けにプログラミングを無料で解説。Java、C++、Ruby、PHP、データベース、Ruby on Rails, Python, Django

Windows

【学習6.0】【Windows】決済

登録したクレジットカードで決済できるようにします。 「app\controllers\charge_controller.rb」ファイルを以下のように編集して下さい。 記述更新 app\controllers\charge_controller.rb 変更箇所が多いのでコードをコピーしてファイルの内容を置き換えて…

【学習6.0】【Windows】Stripe(ストライプ)

まずは以下の手順でStripeのアカウントを取得してください。 mrradiology.hatenablog.jp ダッシュボードで「公開可能キー」と「シークレットキー」をコピーします。公開可能キーとシークレットキー 記述追加 GemFile(89行目) gem 'stripe', '=4.18.1' GemFil…

【学習6.0】【Windows】マイプロジェクトページ

購入したプロジェクトを表示するページを作成します。 「app\controllers\project_controller.rb」ファイルに以下の記述を追加します。 記述追加 app\controllers\project_controller.rb(4行目) before_action :authenticate_user!, only: [:list] app\contr…

【学習6.0】【Windows】サブスクリプション

モデルを作成していきます。 コマンド rails g model Subscription project:references user:references 「db\migrate\20200804060608_create_subscriptions.rb」ファイルを編集します。 記述追加 db\migrate\20200804060608_create_subscriptions.rb 9行目…

【学習6.0】【Windows】タスク4 Gitにコミット

タスク4で行なった変更をGitにコミットします。 ソース管理を選択します。ソース管理 「+」をクリックして全ての変更をステージします。全ての変更をステージ コミットネームを入力します。コミットネームを入力 チェックマークをクリックしてコミットしま…

【学習6.0】【Windows】動画(Wistia)

動画プレイヤーにWistiaを導入します。 wistia.com Freeのアカウントを作成してログインします。 Try for free ログインしたら「create」ボタンを押してサンプルのビデオを登録して下さい。 サンプルビデオ登録 ビデオを登録したら「Embed&Share」をクリッ…

【学習6.0】【Windows】Markdown関数

Markdown関数を利用できるように実装していきます。 Markdown関数の詳しい使用方法は下記のページを参照して下さい。 guides.github.com 記述追加 GemFile(85行目) gem 'redcarpet', '~> 3.5' gem 'coderay', '~> 1.1', '>= 1.1.3' GemFile source 'https://…

【学習6.0】【Windows】プロジェクトビュー

写真をカルーセル表示できるようにします。 コマンド yarn add bulma-extensions 「app\javascript\packs\application.js」ファイルを以下のように書き換えます。 1.記述追加 app\javascript\packs\application.js(13行目) window.BulmaCarousel = require…

【学習6.0】【Windows】コントローラ

プロジェクトコントローラを作成します。 コマンド rails g controller Project index show app\controllers\project_controller.rb class ProjectController < ApplicationController before_action :set_project, only: [:show] def index @projects = Pro…

【学習6.0】【Windows】タスク3 Gitにコミット

タスク3で行なった変更をGitにコミットします。 ソース管理を選択します。ソース管理 「+」をクリックして全ての変更をステージします。全ての変更をステージ コミットネームを入力します。コミットネームを入力 チェックマークをクリックしてコミットしま…

【学習6.0】【Windows】タスク管理

タスクの管理モデルを作成します。 コマンド rails g trestle:resource Task タスクモデルに「有効化」「無効化」を格納するカラムを作成します。 コマンド rails g migration AddActiveToTask active:boolean 記述追加 db\migrate\20200802105846_add_activ…

【学習6.0】【Windows】プロジェクト管理

trestleでリッチテキストが使えるようにします。 記述追加 GemFile(82行目) gem 'trestle-tinymce', '~> 0.3.0' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.6' # Bundle edge Rails…

【学習6.0】【Windows】アクションテキスト

アクションテキストをインストールします。 コマンド rails action_text:install マイグレーション適用 rails db:migrate 「app\models\project.rb」ファイルを以下の内容に更新します。 1.5行目に以下の記述を追加します。 has_rich_text :description ha…

【学習6.0】【Windows】ユーザ管理

ユーザ管理が出来るようにします。 「GemFile」に以下の記述を追加します。 GemFile(74行目) gem 'trestle-search', '~> 0.4.2' gem 'trestle-active_storage', '~> 3.0' gem "mini_magick" gem 'image_processing', '~> 1.2' GemFile source 'https://rubyg…

【学習6.0】【Windows】ダッシュボード(trestle)

trestle管理画面にダッシュボードを作成します。 「app\admin」フォルダに「dashboard_admin.rb」ファイルを新規作成して下さい。 app\admin\dashboard_admin.rb(新規作成したファイル) Trestle.admin(:dashboard) do menu do item :ダッシュボード, icon: "…

【学習6.0】【Windows】プロジェクトとタスクモデル

プロジェクトとタスクのモデルを作成していきます。 コマンド(2つ) rails g model Project name:string content:text price:bigint user:references rails g model Task title:string note:text video:string header:boolean tag:bigint project:referenc…

【学習6.0】【Windows】trestle

管理ダッシュボードを作成します。 記述追加 GemFile(72行目) gem 'trestle', '~> 0.9.3' gem 'trestle-auth', '~> 0.4.0' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.6' # Bundle …

【学習6.0】【Windows】タスク2 Gitにコミット

タスク2で行なった変更をGitにコミットします。 ソース管理を選択します。ソース管理 「+」をクリックして全ての変更をステージします。全ての変更をステージ コミットネームを入力します。コミットネームを入力 チェックマークをクリックしてコミットしま…

【学習6.0】【Windows】プロフィールページ

ユーザープロフィールページを作成します。 「app\controllers\users_controller.rb」ファイルに以下のメソッドを追加します。 記述追加 app\controllers\users_controller.rb(8行目) def show @user = User.find(params[:id]) end app\controllers\users_co…

【学習6.0】【Windows】アマゾンS3

herokuにアプリケーションをデプロイすると画像をローカルに保存することができません。 それに対応するため、アップロードした画像を全てアマゾンS3に保存するよう設定します。 アマゾンS3のキーの取得方法は以下の手順でお願いします。 mrradiology.hatena…

【学習6.0】【Windows】画像アップロード(ActiveStorage)

アバター画像をアップロードできるようにします。 コマンド rails active_storage:install コマンド マイグレーションの適用 rails db:migrate 「app\models\user.rb」ファイルに記述を追加します。 1.3行目に以下の記述を追加します。 has_one_attached :…

【学習6.0】【Windows】アイコン

「Font Awesome」のアイコンを使えるようにします。 fontawesome.com 「app\views\layouts\application.html.erb」ファイルに以下の記述を追加します。 記述追加 app\views\layouts\application.html.erb(13行目) <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> app\views\layouts\application.html.erb </link>

【学習6.0】【Windows】ダッシュボード

ユーザーモデルに項目を追加します。 コマンド rails g migration AddColumsToUser about:text status:boolean 「db\migrate\20200801121900_add_colums_to_user.rb」ファイルの記述を以下のように更新します。 記述追加 db\migrate\20200801121900_add_colu…

【学習6.0】【Windows】Google認証

Google Cloud PlatformにGoogleアカウントでログインしてAPIキーを取得してください。 手順は以下の通りにお願いします。 mrradiology.hatenablog.jp GemFileに以下の記述を追加します。 記述追加 GemFile(63行目) gem 'omniauth' gem 'omniauth-google-oaut…

【学習6.0】【Windows】Googleフォント

サイト fonts.google.com 上記のサイトで選んだフォントをサイトに適用することができます。 今回は「Kosugi Maru」というフォントを適用してみます。 https://fonts.google.com/specimen/Kosugi+Maru?subset=japanese 「select this style」をクリックしま…

【学習6.0】【Windows】Gメール

Gmailを使ってメールの送信をできるようにします。 以下の手順でGmailのセキュリティを2段階認証プロセスに変更し、アプリパスワードを生成してください。 mrradiology.hatenablog.jp 1.記述の変更 config\environments\development.rb(35行目) 「false」…

【学習6.0】【Windows】フラッシュメッセージ(noty)

notyのデザインについては以下を参照して下さい。 ned.im notyはyarnを使ってインストールします。 コマンド yarn add noty 「app\javascript\packs\application.js」に以下の記述を追加します。 記述追加 app\javascript\packs\application.js(11行目) wind…

【学習6.0】【Windows】氏名認証

ユーザーモデルに氏名の項目を追加します。 コマンド rails g migration AddFullnameToUser full_name:string コマンド rails db:migrate HeidiSQLでテーブル確認 full_nameフィールドの確認 ユーザモデルにバリデーションを追加します。 記述追加 app\model…

【学習6.0】【Windows】デバイス

メールとパスワードでの認証を作成します。 記述追加 GemFile(57行目) gem 'devise' GemFile source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.6.6' # Bundle edge Rails instead: gem 'rails', git…

【学習6.0】【Windows】ナビゲーションバー(Bulma)

ナビゲーションバーを使えるようにBulmaの設定をします。 bulma.io GemFileに以下の記述を追加します。 記述追加 GemFile(53行目) gem 'bulma-rails', '~> 0.7.4' gem 'bulma-extensions-rails', '~> 1.0.30' GemFile source 'https://rubygems.org' git_sou…

関連記事(外部サイト)