2018-06-01から1ヶ月間の記事一覧

アプリのログを適切に見ることができるようになる

ログの格納場所 development環境であれば、log/development.log ログに出力される内容 Started GET "/practices/101_how_to_use" for 127.0.0.1 at 2014-05-19 21:44:47 +0900 Processing by PracticesController#show as HTML Parameters: {"name"=>"101_ho…

結合テストのコードを書けるようになる

使えるRSpec入門・その4「どんなブラウザ操作も自由自在!逆引きCapybara大辞典」 noticeやalertの設定方法の違い Ruby on Rails チュートリアル:実例を使って Rails を学ぼう 結合テスト(フィーチャーテスト)の書き方 以下二つのテストを書いていきます…

コントローラのテストコードを書けるようになる

RSpec コントローラのテストの書き方まとめ RailsのController Spec | 酒と涙とRubyとRailsと Ruby on Rails、RSpecを使ってコントローラのテストを書いてみる - naichi's lab RailsでController Specを書く際に知っておきたいTips Gemfile group :developme…

モデルのテストコードを書けるようになる

はじめてのRSpec - まずテスト書いてからコード書くシンプルなチュートリアル RSpecによるユニットテストの書き方 — recompile.net Ruby on Rails チュートリアル:実例を使って Rails を学ぼう Rails5でRSpec入門 - bagelee(ベーグリー) 【Rails入門】RSp…

メールを送信できるようになる

Railsからメールを送信してみる! メール送信 - 気にすんな - アットウィキ 開発中にいちいちメールが飛ぶのがウザいとお思いのあなたへーletter_opener - リア充爆発日記 Rails の ActionMailer でメール送信処理 Gmail を使って Net::SMTPAuthenticationEr…

基本的なセキュリティトピックに気をつけて設計できるようになる

クロスサイトスクリプティング [Ruby-on-rails] rawとhtml_safeとの対比htmlをエスケープする erb | CODE Q&A [日本語] RailsビューのHTMLエスケープは#link_toなどのヘルパーメソッドで解除されることがある 今までHTMLに普通に <td><%= blog.title %></td> としてい…

応用的な画面やフォームを作成できるようになる~2~

ルーティングにアクションを追加 - Ruby on Rails入門 使用するアクションへのルーティングだけを設定 - Ruby on Rails入門 Comment viewのなかで2つもrenderしたり、 <%= render 'comments/index', { blog: @blog, entry: @entry } %><%= render 'comments…

応用的な画面やフォームを作成できるようになる

Blog 1---* Entry 1---* Comments の形で作っていく。 Rails3でform_forにネストしたresourcesへのURLを指定する Rails - longkey1's blog 【 Rails 】View から Controller に値を受け渡すには - poyopoyo0のブログ Railsの開発効率をあげる - Pryを使ってR…

Haml / Sass / CoffeeScriptでビューを書く ~CoffeeScript~ ver2

if文 <CoffeeScript> <JavaScript> 比較演算子、論理演算子 <CoffeeScript> <JavaScript> switch文 <CoffeeScript> <JavaScript> for、while、配列内包 <CoffeeScript> 配列や、オブジェクト要素への処理 <CoffeeScript> 関数 <CoffeeScrip…

Haml / Sass / CoffeeScriptでビューを書く ~CoffeeScript~

CoffeeScript:https://dotinstall.com/lessons/basic_coffeescript コメント # comment###commentcomment### <CoffeeScript> <JavaScript> JavaScriptの埋め込み 文字列の扱い <CoffeeScript> <JavaScript> 配列 <CoffeeScript> <JavaScript> …

Haml / Sass / CoffeeScriptでビューを書く ~Sass~

Sass:https://dotinstall.com/lessons/basic_sass 共通変数定義 $baseFontSize: 13px;#main{ font-size: $baseFontSize} 色の特徴 llightn darken で少し明るめ、暗めとかできる $brandColor: red;#main{ color: lighten($brandColor, 30%)} 条件分岐 $debu…

Haml / Sass / CoffeeScriptでビューを書く ~Haml~

Hamlが5分で分るチートシート | 酒と涙とRubyとRailsと RailsのHTMLテンプレートエンジン Haml入門 - Rails Webook Convert HTML/ERB to HAML online 手始めにHamlから GemfileにHamlを追加 # Hamlgem 'haml-rails' 基本記法 <strong> Hello!</strong> ↓Haml↓ %p Hello! で済…

Modelの初歩

モデルの生成 railsコマンド(rails) - - Railsドキュメント rails g model Entry title:string body:text rails g model Comment body:text status:string entry_id:integer 関連(association) [初心者向け] Railsで関連するデータ(親子関係)を保存する方…

RailsChat message

参考 Ruby on Rails チュートリアル 機能拡張5(メッセージ機能) Messageモデルの生成 rails generate model Message content:text from_id:integer to_id:integer room_id:string $ rails db:migrate モデル同士の関連付け app/models/message.rb app/models…

Heroku

Herokuログイン % heroku login Gemfile group :development, :test do gem 'sqlite3', '1.3.13' 特にこれ注意。 gem 'sqlite3'は普通のところから消さないとダメだよ。 group :production do gem 'pg', '0.20.0'end config/database.yml production: <

LINEみたいな一対一Webアプリ作成 〜2〜

ここからはソースコード関係! ついに機能を実装。 ユーザーのサインイン機能 Filebaseの認証の初期化 scripts/main.jsの FriendlyChat.prototype.initFirebase GoogleによるFirebaseの認証 scripts/main.jsの FrendlyChat.prototype.signIn FrendlyChat.pro…

LINEみたいな一対一Webアプリ作成

参考 FirebaseでWebチャットアプリをデプロイするまで(1時間コース) サンプルコードの取得 GitHubのサンプルをクローン アプリのインポート クローンした中のweb-startディレクトリを使う。 Firebaseプロジェクト作成とアプリ設定 https://console.firebas…

Scaffoldを使わないで〜特定のレコードを指定する機能のアクション実装〜

参考 特定データに関するscaffoldアクションの実装&基礎的なリファクタリング手法 (1/2):開発現場でちゃんと使えるRails 4入門(3) - @IT 今回は前回同様scaffoldの理解! show、edit、update、deleteアクションを個別で自作 ルーティング設定でresource…

Scaffoldを使わないで1からRails

scaffoldの中身を理解するためにMVCコンポーネントと7つのアクションを個別で自作する (1/3):開発現場でちゃんと使えるRails 4入門(2) - @IT 上のリンクを元に勉強を進めていく。 rails _5.1.4_ new sample_app で新しいディレクトリ兼諸々作成。 最初に…

Rails scaffold の中身のお話

ビューのソースコードは「app/views」 <% ... %> <%= ... %> の中身がRubyのコードを用いている部分。 この2個の違いとしてはサーバーを立ち上げてブラウザで見たとき タグ中の戻り値が表示されるかされないか。 コントローラーのソースコードは「app/contro…

jQueryでスクロールボタン対応する!(押している間)

基本的には以下のリンクが横移動してくれてるから それを縦に直すようにすること! CSS - Jqueryを使ってボックス要素をボタンを押している間少しづつ横スクロールしたい。(94967)|teratail 修正ポイント ・テストケースが横にしか入らない。理由はわからな…

jQueryでメニューA/Bが交互に切り替わるような画面

jQueryはJavaScriptで書くらしい! 基本的なタブ切り替えはここでかけた! 参考:jQueryとCSSでシンプルなタブ切り替え おすごとにオンオフみたいなタブはどうしようかな。。。? if文って書けるのかなぁって思ってたら思ったよりも普通に書けるみたい! そ…

CSS レイアウト 2カラムがうまくいかない?

横並びメニューの区切り線を隣接セレクタを使ってスマートに実装する方法 - ウェブ企画ラボ 思ってる以上にmargin,paddingとかは足し算されないらしい! 共通部分は相殺されます。 枠組みつけるときに参考にしたサイト 【CSS】おしゃれなボックスデザイン(…

初めてのHTML〜文字化け〜

Chromeで開く方法 ファイル右クリック→Open in Browser→Chrome 文字化けする場合は <meta charset="UTF-8"> この一行を<head>の次の行に入れてないことを疑うこと! 文字化けは解決したから明日以降に本格的な描き方講座って感じだ。</head></meta>

CurlでWebアプリケーションを動かす

結論からいうと % curl -F "lecture_sample_message[user]=苦戦中" -F "lecture_sample_message[text]=苦戦中" https://tryout.sonicgarden.jp/lecture/sample/messages lecture_sample_message[user] についてはまず.../newのHTMLのソースコードを見つける…

新規でプログラム作成〜GitHubに入れるまでの流れ

プログラム描き初めとして、まずテスト駆動開発するために gem install rspec rspec --init specディレクトリが生成されるからその中にテストコード作成する triangle_spec.rbみたいな奴作って、requireの内容は以下 require "spec_helper"require File.expa…

GitHubでForkした物を自分のリポジトリにPushする方法

GitHub 上のレポジトリのフォーク、プッシュ、プルリクエスト | 日本Symfonyユーザー会 最初にフォーク git clone git:....をして そのソースコードを編集したりなんなり、完成したら git add . git commit -m "Finalize" リポジトリをGitHubに作って git re…

.zshrcがないとrubyのバージョンも変えられない

何回か前のzshのお話。 簡単に言うと便利なショートカット入れたりするイメージなんだけれども echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.zshrc echo 'eval "$(rbenv init -)"' >> ~/.zshrc を追加しないと rbenvを使えないなど弊害がある。 expor…

GitHubでPull Requestを作成できるようになる

GitHubに新しいSSHキー登録する方法 GitHubにSSH接続できるようにする方法 GitHubでPull Requestの練習 GitHub初心者はForkしない方のPull Requestから入門しよう | qnyp blog 上の例としては、GitHubで共有するとき、 自分で(ローカルで)mergeができない…