こんにちは。opiyoです。 今回は、番外編：シェア=リツイート機能の拡張をやっていきます。 マイクロポストにリツイートアイコンを表示して、「シェア=リツイート」できるようにします。 ではでは、早速行ってみましょう。 railsチュートリアルシェア=リツイート機能の拡張でやること 仕様 【できたこと】 リツイートアイコンを表示する リツイートされた数を表示する リツイートしたポストがタイムラインにも表示される 自分のタイムラインにてリツイートしたポストを考慮してソートできてない 【できてないこと】 フォローしている人がリツイートしたポストがトップページにも表示される 誰がリツイートしたのかポストに表示する 対象画面とイメージ railsチュートリアルシェア=リツイート機能の拡張の完成版 【view】 # app/views/microposts/_micropost.html.erb <l

こんにちは。opiyoです。 今回は、番外編：いいね機能の拡張をやっていきます。 マイクロポストにハートアイコンを表示して、「いいね」できるようにします。 ではでは、早速行ってみましょう。 railsチュートリアルのいいね機能の拡張でやること 仕様 「いいね」機能を実装するに当たって、ざっくりだけど仕様を明確にしてみようと思う。 一つ一つのマイクロポストに「いいね」することができる 「いいね」は一つのマイクロポストに対して一人一回まで 「いいね」表示場所は、投稿日下にアイコンを使って表示する（いいね：ハート、削除：ゴミ箱） 「いいね」されたら赤いハート、取り消されたら白いハートにする 「いいね」された数を表示する（実装中） 「いいね」ボタンはajaxで処理する（困ってる） こんな感じだろうか。一人一回までって制御が出来れば色々サンプルはありそうだし出来そうかな？ 対象画面とイメージ 対象に

こんにちは。opiyoです。 今回は、番外編：検索機能の拡張をやっていきます。 ユーザーとマイクロポストをあいまい検索できるような機能を各画面に追加します。 ではでは、早速行ってみましょう。 railsチュートリアル検索機能の拡張で学んだこと ユーザー一覧に名前をあいまい検索できる # app/views/users/index.html.erb <% provide(:title, 'All users') %> <h1>All users</h1> <%= will_paginate %> <%= form_tag users_path, method: :get do %> <p> <%= text_field_tag :search %> <%= submit_tag "検索" %> </p> <% end %> <ul class="users"> <%= render @use

こんにちは。opiyoです。 今日は私が入会している人生逃げ切りサロンのメンバーである迫 佑樹さんが Rubyで作る! ビットコイン自動売買システム の作り方を解説した動画について紹介させてもらいます。 この動画の最大の魅力はプログラミング経験が全くない人でもPCさえあれば誰でも作れてしまうところです！ 私は、この動画で学んだことをフル活用して自分でも簡単なRailsアプリを作って見ました。 これについても最後に簡単に紹介できればと思います。 皆さん。プログラミングを学べば誰でも金持ちになれるそうですよ？ そのきっかけを迫 佑樹さんから学ばせてもらいましょう。 迫 佑樹（さこ ゆうき）さんって何者？ 先ずは簡単ではありますが迫さんの紹介です。 現役の大学生 Web、iPhoneアプリのフリーランスエンジニア プログラミングスクールの現役講師 月間12万PVのブログ「ロボット・IT雑食日記」

こんにちは。opiyoです。 Webアプリケーションの勉強をする際に先ず引っかかるので環境構築ではないでしょうか。 参考書や記事の通りやってるのにエラーになる。 ググって色々やってみる 解決できない 辞める これ凄いもったいないですよね。せっかく何かを学びたいと思ってもその手前で諦めてしまう。 近くに分かる人が入れば良いですが、中々そんな状況もない。私も何度も経験があります。 ですがそんな悩みは昔のこと。既に出来上がった環境を使えるサービスがあるそうです。それが Cloud9 無料だよ！ Cloud9とは クラウド上に構築された開発環境を私たちが使えるようにしたサービスです。 Cloud9へユーザー登録する 先ずはユーザー登録していきます。この際に一点だけ注意点はクレジットカードが必要になります。 普通に使う分には料金は発生しないので、ご安心ください。 「メールアドレス」を登録してNEXT

こんにちは。opiyoです。 今日はRailsの勉強をしていると出てくる「Active Record 」について、勉強したいと思います。 User.first User.find(1) User.update User.create!(hoge: hoge) こんな奴らですね。 ではでは早速、行ってみましょう。 railsでデータを取得するActiveRecordとは Ruby on Railsで使われているO/Rマッパー。データベースからデータを取り出すときのアプローチの一つ。 O/Rマッパーとは 「オブジェクトリレーショナルマッピング」の略。 (ORMと略されることもある) オブジェクトをリレーショナルデータベース(RDBMS)のテーブルに接続するもの ORMを使用することで、SQL文を直接書かなくて良い わずかなコードで、オブジェクトの属性やリレーションシップをデータベースに保存/読

こんにちわ。opiyoです。 改めてちゃんと書こうと思いますが、一先ず今日。ってかさっき今月中を目標にしていたRailsチュートリアル14章までのまとめ記事をアップしました。 せっかくなので、まとめポストを書こうと思います。（今月の目標記事数に届かないから急いて書いてるってのは内緒な） ではでは、どうぞー opiyotan.hatenablog.com opiyotan.hatenablog.com opiyotan.hatenablog.com opiyotan.hatenablog.com opiyotan.hatenablog.com opiyotan.hatenablog.com opiyotan.hatenablog.com opiyotan.hatenablog.com opiyotan.hatenablog.com opiyotan.hatenablog.com opiyot

こんにちは。opiyoです。 今回は、第14章をやっていきます。 第14章はフォロー、フォロワーする機能を追加します。 なんとなんと最後の章までやってまいりました。 ではでは、早速行ってみましょう。 railsチュートリアル14章の演習解説 14.1.1 演習 データモデルの問題 (および解決策) 14.1.1.1 ＜問題＞ 図 14.7のid=1のユーザーに対してuser.following.map(&:id)を実行すると、結果はどのようになるでしょうか? 想像してみてください。ヒント: 4.3.2で紹介したmap(&:method_name)のパターンを思い出してください。例えばuser.following.map(&:id)の場合、idの配列を返します。 ＜回答＞ [2,7,10,8] 14.1.1.2 ＜問題＞図 14.7を参考にして、id=2のユーザーに対してuser.follo

こんにちは。opiyoです。 今回は、第12章をやっていきます。 第12章はパスワードを忘れた時の再設定方法です。 どうやら難しそうですが、早速行ってみましょう。 railsチュートリアル12章の演習解説 12.1.1 演習 PasswordResetsコントローラ 12.1.1.1 ＜問題＞この時点で、テストスイートが greenになっていることを確認してみましょう。 ＜回答＞ 問題なし 12.1.1.2 ＜問題＞表 12.1の名前付きルートでは、pathではなくurlを使うように記してあります。なぜでしょうか? 考えてみましょう。ヒント: アカウント有効化で行った演習 (11.1.1.1) と同じ理由です。 ＜回答＞ メールの本文で使うリンクになるので、絶対パス=_urlを使わないとどのサイトなのか参照できないから 12.1.2 演習 新しいパスワードの設定 12.1.2.1 ＜問題＞

こんにちは。opiyoです。 今回は、第11章をやっていきます。 第11章はメールを使ってアカウントを有効化する方法です。 どうやら難しそうですが、早速行ってみましょう。 railsチュートリアル11章の演習解説 11.1.1 演習 AccountActivationsコントローラ 11.1.1.1 ＜問題＞現時点でテストスイートを実行すると greenになることを確認してみましょう。 ＜回答＞ 問題ないことを確認 11.1.1.1 ＜問題＞表 11.2の名前付きルートでは、pathではなくurlを使うように記してあります。なぜでしょうか? 考えてみましょう。ヒント: 私達はこれからメールで名前付きルートを使います。 ＜回答＞ _pathだと、相対パスでの表記になってしまうため。 11.1.2 演習 AccountActivationのデータモデル 11.1.2.1 ＜問題＞本項での変更を

こんにちは。opiyoです。 今回は、第10章をやっていきます。 第10章はユーザー登録以外の「表示」「編集」「削除」の方法です。 railsチュートリアル10章の学んだこと target="_blank"が使われていますが、これを使うとリンク先を新しいタブ (またはウィンドウ) で開くようになる <a href="http://gravatar.com/emails" target="_blank">change</a> form_forの引数にインスタンス変数を使うと中身がある場合はそれをRailsが勝手に表示する :allow_nil → trueならば、nilの検証はスキップ。つまり空文字(' ')はキャッチする！ beforeフィルターはコントローラ内のすべてのアクションに適用されるので、ここでは適切な:onlyオプション (ハッシュ) を渡すことで、:editと:updateア

こんにちは。opiyoです。 今回は、第9章をやっていきます。 第9章は画面からユーザーを登録する方法です。 railsチュートリアル9章で学んだこと 記憶トークン (remember token) を生成し、cookiesメソッドによる永続的cookiesの作成 安全性の高い記憶ダイジェスト (remember digest) によるトークン認証にこの記憶トークンを活用 railsチュートリアル9章の演習解説 9.1.1 演習 記憶トークンと暗号化 9.1.1.1 ＜問題＞コンソールを開き、データベースにある最初のユーザーを変数userに代入してください。その後、そのuserオブジェクトからrememberメソッドがうまく動くかどうか確認してみましょう。また、remember_tokenとremember_digestの違いも確認してみてください。 ＜回答＞ * user = User.

こんにちは。opiyoです。 今回は、第8章をやっていきます。 第8章は画面からユーザーを登録する方法です。 railsチュートリアル8章の学んだこと httpはステートレスなプロトコル。つまり状態がない リクエストのひとつひとつは、その前のリクエスト情報を知らない リクエストが終わると何もかも忘れて次回最初からやり直す健忘症的なプロトコル ブラウザのあるページから別のページに移動したときに、ユーザーのIDを保持しておく手段がHTTPプロトコル内「には」まったくあり セッション (Session) と呼ばれる半永続的な接続をコンピュータ間 (ユーザーのパソコンのWebブラウザとRailsサーバーなど) に別途設定 セッションを実装する方法として最も一般的なのは、cookies sessionメソッドで作成した一時cookiesは自動的に暗号化され user.authenticate(pas

こんにちは。opiyoです。 今回は、第7章をやっていきます。 第7章は画面からユーザーを登録する方法です。 railsチュートリアル7章の学んだこと Railsにはテスト環境 (test)、開発環境 (development)、そして本番環境 (production) の3つの環境がデフォルトで装備されている $ rails console Loading development environment >> Rails.env => "development" >> Rails.env.development? => true >> Rails.env.test? => false # rails db:migrateを本番環境で実行する $ rails db:migrate RAILS_ENV=production Sassのミックスイン機能を使うことで、CSSルールのグループをパッ

こんにちは。opiyoです。 今回は、第6章をやっていきます。 第6章はユーザーのモデルを作っていきます。 railsチュートリアル6章の学んだこと マイグレーション SQLのDDL モデリング モデル名は単数系 コントローラーは複数形 dbのロールバック $ rails db:rollback dbのロールバックには、up downメソッドを使う場合もある rails c のサンドボックスモードで実行 $ rails c --sandbox Running via Spring preloader in process 3062 Loading development environment in sandbox (Rails 5.0.0.1) Any modifications you make will be rolled back on exit モデルだけのテスト実行 $ rai

こんにちは。opiyoです。 今回は、第5章をやっていきます。 第5章はレイアウト。つまり見た目の部分をメインにやっていきます。 では、早速始めてみたいと思います。 railsチュートリアル5章の学び クラスとidの違い クラス：ページの中で何度でも使用ができる id：一度しか使用できない 画像はapp/assets/imagesに置きimage_tag("ファイル名", alt: "属性名")で呼び出す .(ドット)はクラスを表します Atomエディタでのコメントアウト方法は「Commnad + /」 アセットディレクトリ app/assets: 現在のアプリケーション固有のアセット lib/assets: あなたの開発チームによって作成されたライブラリ用のアセット vendor/assets: サードパーティのアセット アセットをまとめる処理を行うのはSprocketsというgem リ