Ruby関連のことを調べてみた2021年10月18日

Progate Ruby on Rails5 IV ~ V 個人的ざっくりまとめ

# 投稿の編集

流れは、以下の通り。
①**編集したい投稿を取得**
②**その投稿のcontentの値を上書き**
③**データベースに保存**

“`terminal:ターミナル
$ rails console

> post = Post.find_by(id: 1) #①
> post.content = “Rails” #②
> post.save #③
“`

# フォームに初期値を設定

textareaタグで囲んだ部分を初期値として設定できる。

“`erb
初期値です。
“`

特定のアクションで、URLのidと同じidの投稿データをデータベースから取得し、そのcontentの値を初期値に設定したりできる。

“`rb:posts_controller.rb
def edit
@post = Post.find_by(id: params[:id])
end
“`
“`erb:posts/edit.html.erb
<%</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails5</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/lil_datt/items/2814d31905a81ab6a4a1'>元記事を表示</a></div> <h3 id="outline__0_0_2"><a href='https://qiita.com/hashed_potato/items/b68ae39424060d409341'>【Ruby】二次元配列に要素を代入すると、他の要素まで変更されてしまうときの対処法</a></h3> <blockquote><p># 二次元配列への代入がうまくいかない</p> <p>3✕3の二次元配列をつくります。</p> <p>“`ruby<br /> a = Array.new(3, Array.new(3, 0))<br /> p a # => [[0, 0, 0], [0, 0, 0], [0, 0, 0]]<br /> “`</p> <p>見た目上は問題ありませんね。二次元配列ができています。</p> <p>ですが、要素を代入してみると、</p> <p>“`ruby<br /> a[0][0] = 1<br /> p a # => [[1, 0, 0],[1, 0, 0],[1, 0, 0]]<br /> “`</p> <p>あれ…？？<br /> 1つ目の配列の1番目に要素を代入したはずですが、全ての配列の1番目が変わってしまっています。</p> <p>オブジェクトIDを確認してみましょう。</p> <p>“`ruby<br /> p a.map(&:object_id)<br /> # => [60, 60, 60]<br /> “`</p> <p>3つの配列とも同じオブジェクトになっちゃってます。<br /> これが原因っぽい。</p> <p># 対処法</p> <p>mapメソッドを使うことで、上記の問題を回避できます。</p> <p>“`ruby<br /> a = Array.new(3).map { Array.new(3,0) }</p> <p>p a #</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>多次元配列</div> <div class='tag-cloud-link'>array</div> <div class='tag-cloud-link'>二次元配列</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/hashed_potato/items/b68ae39424060d409341'>元記事を表示</a></div> <h3 id="outline__0_0_3"><a href='https://qiita.com/TAKAHIRO__k/items/2f52a85e2f62ec8e4e56'>アソシエーションについて！</a></h3> <blockquote><p>#①.結論！</p> <p>アソシエーションとは、モデルを利用したテーブル同士の関連付けのことです！</p> <p>アソシエーションをモデルに定義することで、そのモデルに紐づく別のモデルの情報へアクセスできるようになります！</p> <p>それでは、どのように定義するかを見ていきます！</p> <p>#②.has_manyメソッド</p> <p>例えばTwitterに考えてみます！</p> <p>Userモデルの視点で考えると、あるユーザーの作成した投稿は「複数個」ある状態です！</p> <p>1人のユーザーは複数の投稿を所有しています！</p> <p>この状態のことをhas manyの関係といい、今回の場合は「User has many Twitters」の状態であると言えます！</p> <p>この関連付けをするため、userと他のモデルとの間に「1対多」のつながりがあることを示すのがhas_manyメソッドです！</p> <p>つまり、１人のユーザーは何個も投稿できるので、has_manyという事です！</p> <p>下記が記述例となります！</p> <p>“`php:app/models/user.rb<br /> class User < ApplicationRecord devise :database_authenti</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/TAKAHIRO__k/items/2f52a85e2f62ec8e4e56'>元記事を表示</a></div> <h3 id="outline__0_0_4"><a href='https://qiita.com/yasshun1229/items/dcbdeeb5ed68930f1041'>初めてのオリジナルアプリ【My内閣】</a></h3> <blockquote><p>こんにちは！テックアカデミーのWebアプリコースを受講している駆け出し高校生エンジニアの安田駿介です。</p> <p>本日、テックアカデミーの受講最終日です。</p> <p>ギリギリでオリジナルアプリを完成し、合格することができました。</p> <p>今回は、そのオリジナルアプリを公開していきたいと思います。</p> <p>なお、このアプリは僕がプログラミングを始めて、一番最初のオリジナルアプリとなっています。</p> <p>#アプリURLとGitHubのリポジトリ<br /> https://my-naikaku.herokuapp.com</p> <p>https://github.com/yasshun1229/my-naikaku.git</p> <p>#内容</p> <p>アプリ名は「My内閣」です。</p> <p>My内閣は、自分だけの内閣を作れるというアプリです。</p> <p>具体的には、ログインして、内閣作成ページに行き、各閣僚の入力フォームに自分が指定したい人の名前を書くことです。</p> <p>#開発環境<br /> ・AWS<br /> ・Cloud9<br /> ・Ruby 3.0.0<br /> ・Rails 6.1.3.1<br /> ・Bootstrap</p> <p>#感想<br /> 正直に言うと、このアプリは全て自分で作ったわけではなく、メンターさんから分からないところの</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> <div class='tag-cloud-link'>アプリ開発</div> <div class='tag-cloud-link'>techacademy</div> <div class='tag-cloud-link'>テックアカデミー</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/yasshun1229/items/dcbdeeb5ed68930f1041'>元記事を表示</a></div> <h3 id="outline__0_0_5"><a href='https://qiita.com/kyokucho1989/items/a1d971bbc6e15888a713'>1対多の要素を1つのviewで登録する/個人開発のつづき</a></h3> <blockquote><p># はじめに<br /> 　ずっとコードを書いていたが、それだけではだいじなことを忘れそうな気がしたので、ここに記録しておこう。今、個人開発で日報アプリをつくろうとしている。ユーザーは日々の記録を書ける。各作業のジャンル、作業名、何時間したかさいごにその日のコメントをつける。</p> <p>　ログインした後、reportを登録する。reportひとつに対してreport_itemを複数登録できる。以下のようにしたい。</p> <p>“`<br /> 例：<br /> ユーザー名：satou<br /> 登録日: 2021/10/21<br /> report_item 1<br /> ジャンル: Ruby<br /> やったこと： メソッド復習<br /> 　　　　作業時間: 1時間</p> <p>report_item 2<br /> ジャンル: 英語<br /> やったこと： TOEIC対策<br /> 　　　　作業時間: 2時間</p> <p>report_item 3<br /> ジャンル: 筋トレ<br /> やったこと： ランニング<br /> 　　　　作業時間: 0.5時間</p> <p>全体のコメント：<br /> 　　よくできた。</p> <p>“`</p> <p>これを実現するにはどうすればいいのだろう。ひとつずつやっていくことにした。</p> <p># モデルを考える<br /> まずはモデルとその関係性を考えない</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> <div class='tag-cloud-link'>個人開発</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/kyokucho1989/items/a1d971bbc6e15888a713'>元記事を表示</a></div> <h3 id="outline__0_0_6"><a href='https://qiita.com/kakudaisuke/items/33ef493e28ece7a222b8'>ユーザーのURLをmyapp.com/usernameとかmyapp.com/settingsみたいなナウい感じにしたい（Rails）</a></h3> <blockquote><p>## やりたいこと<br /> ユーザーのマイページやアカウント設定ページのルーティングをしたいです。<br /> 普通にRailsの`resources`メソッドに任せてしまうと、`my_app.com/users/:id`てな具合になってしまいます。</p> <p>でも、ナウいQiitaとかnoteとかだとこんな感じになっています。</p> <p>“`<br /> https://qiita.com/kakudaisuke<br /> https://qiita.com/settings/account</p> <p>https://note.com/kakudaisuke<br /> https://note.com/settings/account<br /> “`</p> <p>シンプルでかっこいいじゃないですか！<br /> 僕のアプリもこうしたい！</p> <p>実装してみて、簡単にできたものの、細かいところの調整がやや面倒だったのでメモを。</p> <p>### 環境<br /> ruby 2.7.2<br /> Rails 6.1.4.1</p> <p>## 実装！<br /> ### routes</p> <p>“`ruby:config/routes.rb<br /> Rails.application.routes.draw do<br /> root ‘posts#index’<br /> #</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/kakudaisuke/items/33ef493e28ece7a222b8'>元記事を表示</a></div> <h3 id="outline__0_0_7"><a href='https://qiita.com/suugakusan/items/0b021ccb21fc64591b97'>【Rails】「教材シェア」アプリを作成しました②</a></h3> <blockquote><p>## 1.はじめに<br /> 閲覧していただきありがとうございます。<br /> 前回作成したアプリをさらに改善、機能を追加しました。<br /> そのときの開発の苦悩などをまとめました。<br /> よろしければ、ご覧ください。<br /> ## 2.関連URL<br /> アプリ：https://teaching-materials-app.herokuapp.com/<br /> Github：https://github.com/suugakusan/teaching_materials_app<br /> 前回のQiita：https://qiita.com/suugakusan/items/15b5b6e9b81726344342<br /> ## 3.機能一覧<br /> | |機能 |gem |<br /> |:—: |:—: |:—: |<br /> |1 |ログイン・ログアウト |× |<br /> |2 |アカウント登録 |× |<br /> |3 |教材検索 |× |<br /> |4 |教材投稿 |carrierwave |<br /> |5 |ページネーション |pagy |<br /> |6 |レスポンシブ |Bootstrap |<br /> |7 |ゲストログイン |× |<br /> |8 |記事投稿機能(CRUD</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/suugakusan/items/0b021ccb21fc64591b97'>元記事を表示</a></div> <h3 id="outline__0_0_8"><a href='https://qiita.com/Hashimoto-Noriaki/items/df700dc8217fb61b4815'>Rubyでのデバック(binding.pry)の使い方</a></h3> <blockquote><p>#デバックとは<br /> ***デバックとはプログラムにエラーや異常がないかを確認し、修正する***ことです。<br /> ***実務ではデバックをしながらプログラムを書いたり、エラーの原因を特定する時に<br /> 使います。実務をやる上で必須みたいです。***</p> <p>プログラミング以外でもゲームが完成した後に、想定通りに動くかを<br /> 検証したりする仕事があります。デバッカーという仕事です。<br /> このデバッカーがいないと、誤った動作をしたままゲームがリリースされてしまいます。</p> <p>上でも紹介したようにデバックをしないとクライアントにも迷惑をかけてしまう<br /> リスクが出てきます。<br /> プログラマーが開発をする上でデバックをしながら開発していくので必須のスキルとなるので<br /> “`初学者の段階から毎日の学習でデバックを使い慣らしていく必要があります。“`</p> <p>#binding.pryとは<br /> この***binding.pry***がデバックで使うコマンドです。<br /> 必須なので抑えておきましょう。</p> <p>#デバックの導入<br /> 以下のコマンドでインストールします。</p> <p>“`<br /> gem install pry-byebug<br /> “`<br /> #binding.pryの使い方<br /> *</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>binding.pry</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/Hashimoto-Noriaki/items/df700dc8217fb61b4815'>元記事を表示</a></div> <h3 id="outline__0_0_9"><a href='https://qiita.com/nautii/items/055d01e7f53aff9c6bb1'>Ruby特有のif文</a></h3> <blockquote><p>Rubyを勉強し始めて1日目<br /> 初心者として気になったこと・躓いたことを備忘録として残していこうと思います。</p> <p>#構文</p> <p>“`ruby:if文<br /> if 条件A<br /> # 条件Aが真だった場合の処理<br /> elsif 条件B<br /> # 条件Bが真だった場合の処理<br /> elsif 条件C<br /> # 条件Cが真だった場合の処理<br /> else<br /> # どの条件に対しても真にならなかった場合の処理<br /> end<br /> “`<br /> :::note warn<br /> 複数条件の場合は、else ifではなくelsifです。<br /> :::<br /> JavaScriptなどの言語から勉強している方は注意が必要です。（私も間違えやすい…）</p> <p>##便利な性質<br /> ###戻り値を返す<br /> Rubyのif文は戻り値を返すため、変数に戻り値を代入することができます。<br /> 以下は時間帯によって表示する挨拶を変更するコード例です。</p> <p>“`ruby:戻り値を変数に代入する<br /> time_zone = ‘夜’</p> <p>greeting =<br /> if time_zone == ‘朝’<br /> ‘おはよう’<br /> elsif time_zone == ‘昼’<br /> ‘こんにちは’<br /> elsif</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> <div class='tag-cloud-link'>初心者</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/nautii/items/055d01e7f53aff9c6bb1'>元記事を表示</a></div> <h3 id="outline__0_0_10"><a href='https://qiita.com/TAKAHIRO__k/items/8c97bcb7cc9519f4aa4e'>テストコードについて！</a></h3> <blockquote><p>#①.結論！</p> <p>テストコードとは、アプリケーション内に記述する、そのアプリケーションの挙動を確認するためのコードのことです！</p> <p>Ruby on Rails内にも、アプリケーションのテストコードを記述する機能を設けることが出来ます！</p> <p>その機能は「RSpec」というGemを使うことで便利に実装できます！</p> <p>#②.なぜテストコードを書くのか？</p> <p>テストコードを書く意義は大きく分けて2つあります！</p> <p>１・クオリティの担保ができる！</p> <p>ブラウザデアピリケーションの挙動を確認するのは、デメリットの方が多いです！</p> <p>主な理由は3つです！</p> <p>・人為的なミスが生じるかもしれない！<br /> ・仕様が変更した際に、もう１度全部やらないといけない！<br /> ・どのように確認したか、記録が残らない！</p> <p>このようなことがあります！</p> <p>２・仕様を見極めることが出来る！<br /> テストコード書くことが出来れば、アプリケーションの仕様を理解していることになる！</p> <p>主な理由は２つです！</p> <p>・テストすべき項目を洗い出すときに使用を見極めることが出来る！<br /> ・テストコードを書ける人は、仕様を理解している人！</p> <p>以上が、テストコードを書くための理由</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/TAKAHIRO__k/items/8c97bcb7cc9519f4aa4e'>元記事を表示</a></div> <h3 id="outline__0_0_11"><a href='https://qiita.com/Naoya225/items/c4d282ce6c526e1ef798'>[Rails]パーシャル内パーシャルのrender繰り返しを防ぐには</a></h3> <blockquote><p># ハマった点</p> <p>投稿一覧ページに「いいねボタン」を設置する際、各投稿のパーシャルをrenderする際の繰り返しは、collectionオプションにて解決できた。 </p> <p>しかし、各投稿のパーシャルの中でrenderしているパーシャルにおいては、投稿の分だけrenderの繰り返しが発生してしまう。</p> <p>　↓実際のログ<br /> <img src='https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/968337/30554e60-5cbe-1f86-d730-290b61620c77.png?test=1&y=n' width='500px;'><br /> このrenderのせいで、たった25件の投稿表示に1800ms以上の時間がかかってしまう。しかも、Ajaxによる非同期処理でいいねボタンの切り替えを実装しているため(DRYの観点でも)、いいねボタンをパーシャル化しなければならない。(他に方法があれば知りたいです！) 同じ状況の方も多いのでは？</p> <p># 解決策<br /> renderの**layoutオプション**と**yieldメソッド**を使うことで解決した。</p> <p># E</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> <div class='tag-cloud-link'>yield</div> <div class='tag-cloud-link'>render</div> <div class='tag-cloud-link'>パーシャル</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/Naoya225/items/c4d282ce6c526e1ef798'>元記事を表示</a></div> <h3 id="outline__0_0_12"><a href='https://qiita.com/koki_develop/items/effb08232a286c91b814'>【Ruby】Qiita デイリー LGTM 数ランキング【自動更新】</a></h3> <blockquote><p># 他のタグ</p> <p>[`AWS`](https://qiita.com/items/8c4aeec4fc98e4b1ba0e) [`Android`](https://qiita.com/items/9c6bf21a9880e242a0d6) [`Docker`](https://qiita.com/items/70aa655b580ed4f91756) [`Git`](https://qiita.com/items/36cfb2318aabe8b3f8df) [`Go`](https://qiita.com/items/16809f8444e0329bed8a) [`iOS`](https://qiita.com/items/da7fabcf41ed103528ae) [`Java`](https://qiita.com/items/9003b8beb47a46292028) [`JavaScript`](https://qiita.com/items/31e7365a838b890f7cc3) [`Linux`](https://qiita.com/items/7bcae94b268b</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Qiita</div> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>lgtm</div> <div class='tag-cloud-link'>ランキング</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/koki_develop/items/effb08232a286c91b814'>元記事を表示</a></div> <h3 id="outline__0_0_13"><a href='https://qiita.com/daigo01090118/items/324053074b441dcb0f84'>webサイトにLINEやTwitterの共有ボタンを作る</a></h3> <blockquote><p>今自分が作っているサイトにlineとかの共有つけたいなーって思って調べてみたらめっちゃ簡単だったのでカキコ</p> <h1 id="outline__1">今回追加するボタン</h1> <p></p> <p>これはFont Awesomeで持ってきたやつですがLINEの方は下のリンクからいろいろ選べます。</p> <p>https://media.line.me/ja/how_to_install#lineitbutton</p> <h1 id="outline__2">では実装！(Twitter)</h1> <p>“`<br /> <%= link_to "Twitterに共有", "https://twitter.com/intent/tweet?url=#{request.url} %><br /> “`</p> <p>これを追加するだけです。</p> <p>はい。終了！</p> <p>と行きたいのですが、いろいろ共有する時に追加できるのでそれを書きます</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Twitter</div> <div class='tag-cloud-link'>Line</div> <div class='tag-cloud-link'>Rails5</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/daigo01090118/items/324053074b441dcb0f84'>元記事を表示</a></div> <h3 id="outline__2_0_1"><a href='https://qiita.com/yusuke-handa/items/d5c09b4ea3a4cb9e2771'>【個人用】rails tutorial -2</a></h3> <blockquote> <h1 id="outline__3">本章の学習内容</h1> <p>大量の機能を自動生成する<strong>scaffold</strong>ジェネレータというスクリプトを使ってアプリケーションを生成し、高度なRailsプログラミングとWebプログラミングの概要を学ぶこと</p> <h2 id="outline__3_1">ユーザーモデルの設計</h2> <p>各ユーザーには、重複のない一意のキーとなるinteger型のID番号（idと呼びます）を割り当て、このIDに加えて一般公開されるstring型の名前（name）、そして同じくstring型のメールアドレス（email）を持たせます。emailはユーザー名としても使われる</p> <h2 id="outline__3_2">マイクロポストのモデル設計</h2> <p>テキスト内容を格納するtext型のcontentだけで構成されています 。しかし実際には、マイクロポストをユーザーと関連付ける必要があります。そのため、マイクロポストの投稿者を記録するためのuser_idも追加します。</p> <p>![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1617255/a19fe1f</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> <div class='tag-cloud-link'>Railsチュートリアル</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/yusuke-handa/items/d5c09b4ea3a4cb9e2771'>元記事を表示</a></div> <h3 id="outline__3_2_1"><a href='https://qiita.com/kazama1209/items/97ee9d8847481c181184'>公式APIを使わずにTwitter Analytics（アナリティクス）の情報を取得する方法</a></h3> <blockquote><p># 概要</p> <p></p> <p>先日、とある業務の一環において「Twitter Analyticsの情報（上記画像のような部分）を毎日記録しておいてくれ」といった感じの指令を受けました。</p> <p></p> <p>一応、Twitter Analyticsのページ（[https://analytics.twitter.com](https://analytics.twitter.com)）では過去にさかのぼって各種データをCSV形式でエク</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Python</div> <div class='tag-cloud-link'>Twitter</div> <div class='tag-cloud-link'>api</div> <div class='tag-cloud-link'>analytics</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/kazama1209/items/97ee9d8847481c181184'>元記事を表示</a></div> <h3 id="outline__3_2_2"><a href='https://qiita.com/TAKAHIRO__k/items/7f863eb533cd6afde5bd'>collectionとmemberについて！</a></h3> <blockquote><p>#①.結論！</p> <p>collectionとmemberは、ルーティングを設定する際に使用でき、生成されるURLとコントローラーを</p> <p>任意にカスタムできるメソッドのことです！</p> <p>collectionはルーティングに:idがつかない！</p> <p>memberは:idがつくという違いがあります！</p> <p>1つずつ使用例を見ていきましょう！</p> <p>#②.collection</p> <p>collectionで定義した場合は、以下のように例になります！</p> <p>“`php:routes.rb<br /> Rails.application.routes.draw do<br /> resources :eats do<br /> collection do<br /> get ‘search’<br /> end<br /> end<br /> end<br /> “`</p> <p>collectionのルーティング</p> <p>“`php<br /> Prefix Verb URI Pattern<br /> search_eats GET /eats/search(.:format) eats</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/TAKAHIRO__k/items/7f863eb533cd6afde5bd'>元記事を表示</a></div> <h3 id="outline__3_2_3"><a href='https://qiita.com/9-michi-9/items/210ae47e4e0a75d873f3'>【個人開発】モノやサービスを供養できるアプリを作ってみた。</a></h3> <blockquote><p>## はじめに<br /> </p> <p>>・買ったばかりのスマホを落として画面バキバキになってしまった<br /> >・サポート終了になるInternetExplorer<br /> >・元カレのくれたプレゼント</p> <p> 「どうしよう…」</p> <p>そのあと湧き上がる</p> <p>「やり場のない気持ちをぶつけたい」</p> <p>みなさんにもそんな時があると思います。</p> <p>お世話になったモノやサービスに敬意を込めて供養してあげる。</p> <p>とても慈悲深いアプリが出来ました。</p> <p>https://omailly.jp/</p> <p>## サービス概要</p> <p>投稿されたタイトルをクリックすると、専用のお墓に見立てた位牌が鎮座しています。<br /> ![moko.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/870132/bcdcde41-963a-26bc-fc31-2</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> <div class='tag-cloud-link'>mecab</div> <div class='tag-cloud-link'>形態素解析</div> <div class='tag-cloud-link'>個人開発</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/9-michi-9/items/210ae47e4e0a75d873f3'>元記事を表示</a></div> <h3 id="outline__3_2_4"><a href='https://qiita.com/kat0/items/978cac608e8c3faf1d79'>【Ruby】あと何日かを求める</a></h3> <blockquote><p>##環境<br /> Ruby 3.0.2</p> <p>##前提<br /> 12月10日までに100記事目標にしている自分に対して、今の投稿進捗を教えてくれるbotに台詞を追加したい。<br /> （実際のbotの書き方とは少し異なる）<br /> あと何日か、1日何記事ペースで書いたらいいのかをrubyで書くときに少し詰まったので記事に残す。<br /> 現在27記事投稿済み。<br /> “`Date.today“`は2021年10月15日とする。</p> <p>##完成形</p> <p>“`ruby<br /> require ‘date’</p> <p>today = Date.today #2021年10月15日<br /> limit = Date.new(2021, 12, 10)<br /> articles_count = 27<br /> # 残りの日にちから土日祝の18日分を引く<br /> REMAINING_DAYS = (limit – today).to_i – 18.freeze<br /> PER_DAY = ((100 – articles_count) / REMAINING_DAYS.to_f).round(2).freeze</p> <p>p “本日までの記事投稿数は#{articles_count}記事になりました！！\n目標まであ</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/kat0/items/978cac608e8c3faf1d79'>元記事を表示</a></div> <h3 id="outline__3_2_5"><a href='https://qiita.com/Farmiana17/items/12dd0990cdfcfcd79b81'>商品購入機能の実装　〜「商品購入ページへの遷移」の実装①〜</a></h3> <blockquote><p>#はじめに<br /> 先日、最終課題アプリ作成において「商品購入機能」の実装を開始しました。<br /> <font color="blue">__最大のヤマ場__</font>といわれており、恐らく実装に時間がかかると思います。</p> <p>そこで、これまで自身が学んできた内容や考えた過程などを、記事として残していこうと思います。駄文・長文になること請け合いですが、ご覧いただけると幸いです。</p> <p>ただし、現時点での私の知識・技術については<font color=red>__プログラミングという大海原に片足の親指を突っ込んでちょんちょん水面を揺らしている程度__</font>（だと思っている）ので、__「それ、ちょっと間違っているよ！」__というご指摘や、__「こうした方がいいよ！」__というご意見をいただけると、非っっっっっ常ありがたいです。<font color=#cccccc>泣きながら土下座して喜びます。</font></p> <p>#「商品購入ページへの遷移」の実装①<br /> __とりあえず商品購入ページに遷移できないと始まらないだろ！！！__<br /> ということで、商品購入ページへ遷移できるようにしました。</p> <p>見本サイトの商品購入ペー</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>Rails</div> <div class='tag-cloud-link'>techcamp</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/Farmiana17/items/12dd0990cdfcfcd79b81'>元記事を表示</a></div> <h3 id="outline__3_2_6"><a href='https://qiita.com/mkato1013/items/019d2730e48e490f410f'>[Ruby]10進数⇄2,3,4…16進数に表示してみる(追記・訂正あり)</a></h3> <blockquote><p># はじめに<br /> 本記事では、10進数⇄2,3,4…16進数に~~変換~~表示してみる記事です。</p> <p>“`<br /> 「追記」<br /> コメントにてご指摘いただきしたが、<br /> 正式には、<br /> `to_iメソッド`によって10進数に変換されているのではなく、<br /> 10進数として表示されたということになります。<br /> “`</p> <p>詳しくは、以下の記事を参考にしていただけますと幸いです。<br /> [Ruby の “1101”.to_i(2) は 2 進数を 10 進数に変換している，わけじゃない](https://qiita.com/scivola/items/a8976caed1d8ba8f36e8)</p> <p># コード<br /> こちらを参考にしています。<br /> →[Ruby リファレンスマニュアル](https://docs.ruby-lang.org/ja/latest/method/String/i/to_i.html)</p> <p>“`ruby<br /> p 表示したい10進数の数字.to_s(表示したい○進数の○の部分を記述)<br /> # “表示したい進数の数が表示”</p> <p>p “表示したい○進数の数字”.to_i(表示したい○進数の○の部分を記述)<br /> # 10進数に表示した</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/mkato1013/items/019d2730e48e490f410f'>元記事を表示</a></div> </div> </section> <!-- 記事下シェアボタン --> <aside> <ul class="socialList"> <li class="socialList__item"><a class="socialList__link icon-facebook" href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fmiofactor.com%2F2021%2F10%2F18%2Fpost-13654%2F&t=Ruby%E9%96%A2%E9%80%A3%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%AA%BF%E3%81%B9%E3%81%A6%E3%81%BF%E3%81%9F2021%E5%B9%B410%E6%9C%8818%E6%97%A5" target="_blank" title="Facebookで共有"></a></li><li class="socialList__item"><a class="socialList__link icon-twitter" href="http://twitter.com/intent/tweet?text=Ruby%E9%96%A2%E9%80%A3%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%AA%BF%E3%81%B9%E3%81%A6%E3%81%BF%E3%81%9F2021%E5%B9%B410%E6%9C%8818%E6%97%A5&https%3A%2F%2Fmiofactor.com%2F2021%2F10%2F18%2Fpost-13654%2F&url=https%3A%2F%2Fmiofactor.com%2F2021%2F10%2F18%2Fpost-13654%2F" target="_blank" title="Twitterで共有"></a></li><li class="socialList__item"><a class="socialList__link icon-line" href="http://line.naver.jp/R/msg/text/?Ruby%E9%96%A2%E9%80%A3%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%AA%BF%E3%81%B9%E3%81%A6%E3%81%BF%E3%81%9F2021%E5%B9%B410%E6%9C%8818%E6%97%A5%0D%0Ahttps%3A%2F%2Fmiofactor.com%2F2021%2F10%2F18%2Fpost-13654%2F" target="_blank" title="LINEで送る"></a></li></ul> </aside> <!-- /記事下シェアボタン --> <!-- 記事下エリア[widget] --> <aside class="widgetPost widgetPost-bottom"><aside class="widget widget-post"><h2 class="heading heading-primary">タグ</h2><div class="tagcloud"><a href="https://miofactor.com/tag/%e3%81%9d%e3%81%ae%e4%bb%96/" class="tag-cloud-link tag-link-13 tag-link-position-1" style="font-size: 8pt;" aria-label="その他 (1個の項目)">その他</a></div> </aside></aside> <!-- /記事下エリア[widget] --> <!-- 関連記事 --> <aside class="related"><h2 class="heading heading-primary">関連する記事</h2><ul class="related__list"> <li class="related__item"> <a class="related__imgLink" href="https://miofactor.com/2024/06/14/post-34272/" title="JavaScript関連のことを調べてみた"> <img src="https://miofactor.com/wp-content/uploads/2019/10/js-150x150.png" alt="JavaScript関連のことを調べてみた" width="150" height="150" > </a> <h3 class="related__title"> <a href="https://miofactor.com/2024/06/14/post-34272/">JavaScript関連のことを調べてみた</a> <span class="icon-calendar">2024.06.14</span> </h3> <p class="related__contents">目次 1. vue3のscriptタグ内のメソッドを、外部のtsファイルに定義して呼び出す！2. Markdownのリンクを別タブで開くようにする3.[…]</p> </li> <li class="related__item"> <a class="related__imgLink" href="https://miofactor.com/2024/07/01/post-34721/" title="オープンソース調べOSS　"> <img src="https://miofactor.com/wp-content/uploads/2019/11/967637031-book-168824_1920-YEnY-1920x1280-MM-100-150x150.jpg" alt="オープンソース調べOSS　" width="150" height="150" > </a> <h3 class="related__title"> <a href="https://miofactor.com/2024/07/01/post-34721/">オープンソース調べOSS　</a> <span class="icon-calendar">2024.07.01</span> </h3> <p class="related__contents">目次 1. PVEの２ノードHAクラスターは動きそうだけどやっぱり怪しい2. API、オープンソース、フレームワークってなに3. セットアップや規則を[…]</p> </li> <li class="related__item"> <a class="related__imgLink" href="https://miofactor.com/2020/03/08/post-3237/" title="Go関連のことを調べてみた2020年03月08日"> <img src="https://miofactor.com/wp-content/uploads/2019/10/go-150x150.png" alt="Go関連のことを調べてみた2020年03月08日" width="150" height="150" > </a> <h3 class="related__title"> <a href="https://miofactor.com/2020/03/08/post-3237/">Go関連のことを調べてみた2020年03月08日</a> <span class="icon-calendar">2020.03.08</span> </h3> <p class="related__contents">目次 1. Go で Slack Bot を作る2. [Golang] windows用にtouchコマンドを作ってみた3. 置換をBSTに入れる4.[…]</p> </li> </ul></aside> <!-- /関連記事 --> <!-- コメント --> <!-- /コメント --> <!-- PVカウンター --> <!-- /PVカウンター --> </main> <!-- /l-main --> <!-- l-sidebar --> <div class="l-sidebar"> <aside class="widget"> <div class="searchBox"> <form class="searchBox__form" method="get" target="_top" action="https://miofactor.com/" > <input class="searchBox__input" type="text" maxlength="50" name="s" placeholder="記事検索"><button class="searchBox__submit icon-search" type="submit" value="search"> </button> </form> </div></aside><aside class="widget"><h2 class="heading heading-widget">Category</h2> <ul> <li class="cat-item cat-item-1"><a href="https://miofactor.com/category/other/">OTHER</a> </li> </ul> </aside><aside class="widget"><h2 class="heading heading-widget">Back number</h2> <ul> <li><a href='https://miofactor.com/2024/09/'>2024年9月</a></li> <li><a href='https://miofactor.com/2024/08/'>2024年8月</a></li> <li><a href='https://miofactor.com/2024/07/'>2024年7月</a></li> <li><a href='https://miofactor.com/2024/06/'>2024年6月</a></li> <li><a href='https://miofactor.com/2024/05/'>2024年5月</a></li> <li><a href='https://miofactor.com/2024/04/'>2024年4月</a></li> <li><a href='https://miofactor.com/2024/03/'>2024年3月</a></li> <li><a href='https://miofactor.com/2024/02/'>2024年2月</a></li> <li><a href='https://miofactor.com/2024/01/'>2024年1月</a></li> <li><a href='https://miofactor.com/2023/12/'>2023年12月</a></li> <li><a href='https://miofactor.com/2023/11/'>2023年11月</a></li> <li><a href='https://miofactor.com/2023/10/'>2023年10月</a></li> <li><a href='https://miofactor.com/2023/09/'>2023年9月</a></li> <li><a href='https://miofactor.com/2023/08/'>2023年8月</a></li> <li><a href='https://miofactor.com/2023/07/'>2023年7月</a></li> <li><a href='https://miofactor.com/2023/04/'>2023年4月</a></li> <li><a href='https://miofactor.com/2023/03/'>2023年3月</a></li> <li><a href='https://miofactor.com/2023/02/'>2023年2月</a></li> <li><a href='https://miofactor.com/2023/01/'>2023年1月</a></li> <li><a href='https://miofactor.com/2022/12/'>2022年12月</a></li> <li><a href='https://miofactor.com/2022/11/'>2022年11月</a></li> <li><a href='https://miofactor.com/2022/10/'>2022年10月</a></li> <li><a href='https://miofactor.com/2022/09/'>2022年9月</a></li> <li><a href='https://miofactor.com/2022/08/'>2022年8月</a></li> <li><a href='https://miofactor.com/2022/07/'>2022年7月</a></li> <li><a href='https://miofactor.com/2022/06/'>2022年6月</a></li> <li><a href='https://miofactor.com/2022/05/'>2022年5月</a></li> <li><a href='https://miofactor.com/2022/04/'>2022年4月</a></li> <li><a href='https://miofactor.com/2022/03/'>2022年3月</a></li> <li><a href='https://miofactor.com/2022/02/'>2022年2月</a></li> <li><a href='https://miofactor.com/2022/01/'>2022年1月</a></li> <li><a href='https://miofactor.com/2021/12/'>2021年12月</a></li> <li><a href='https://miofactor.com/2021/11/'>2021年11月</a></li> <li><a href='https://miofactor.com/2021/10/'>2021年10月</a></li> <li><a href='https://miofactor.com/2021/09/'>2021年9月</a></li> <li><a href='https://miofactor.com/2021/08/'>2021年8月</a></li> <li><a href='https://miofactor.com/2021/07/'>2021年7月</a></li> <li><a href='https://miofactor.com/2021/06/'>2021年6月</a></li> <li><a href='https://miofactor.com/2021/05/'>2021年5月</a></li> <li><a href='https://miofactor.com/2021/04/'>2021年4月</a></li> <li><a href='https://miofactor.com/2021/03/'>2021年3月</a></li> <li><a href='https://miofactor.com/2021/02/'>2021年2月</a></li> <li><a href='https://miofactor.com/2021/01/'>2021年1月</a></li> <li><a href='https://miofactor.com/2020/12/'>2020年12月</a></li> <li><a href='https://miofactor.com/2020/11/'>2020年11月</a></li> <li><a href='https://miofactor.com/2020/10/'>2020年10月</a></li> <li><a href='https://miofactor.com/2020/09/'>2020年9月</a></li> <li><a href='https://miofactor.com/2020/08/'>2020年8月</a></li> <li><a href='https://miofactor.com/2020/07/'>2020年7月</a></li> <li><a href='https://miofactor.com/2020/06/'>2020年6月</a></li> <li><a href='https://miofactor.com/2020/05/'>2020年5月</a></li> <li><a href='https://miofactor.com/2020/04/'>2020年4月</a></li> <li><a href='https://miofactor.com/2020/03/'>2020年3月</a></li> <li><a href='https://miofactor.com/2020/02/'>2020年2月</a></li> <li><a href='https://miofactor.com/2020/01/'>2020年1月</a></li> <li><a href='https://miofactor.com/2019/12/'>2019年12月</a></li> <li><a href='https://miofactor.com/2019/11/'>2019年11月</a></li> <li><a href='https://miofactor.com/2019/10/'>2019年10月</a></li> </ul> </aside> </div> <!-- /l-sidebar --> </div> <!-- /l-wrapper --> <div class="categoryBox"> <div class="container"> <h2 class="heading heading-primary"> <span class="heading__bg u-txtShdw bgc-darkgray">OTHER</span>カテゴリの最新記事 </h2> <ul class="categoryBox__list"> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36890/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/js-554x410.png" alt="JavaScript関連のことを調べてみた" width="554" height="410" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36890/">JavaScript関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36891/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/java.jpg" alt="JAVA関連のことを調べてみた" width="540" height="270" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36891/">JAVA関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36894/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/ios-554x410.png" alt="iOS関連のことを調べてみた" width="554" height="410" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36894/">iOS関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36888/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/rails-725x410.png" alt="Rails関連のことを調べてみた" width="725" height="410" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36888/">Rails関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36884/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/lambda.png" alt="Lambda関連のことを調べてみた" width="360" height="230" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36884/">Lambda関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36886/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/python-640x410.png" alt="Python関連のことを調べてみた" width="640" height="410" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36886/">Python関連のことを調べてみた</a> </h2> </li> </ul> </div> </div> <!-- schema --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Article ", "mainEntityOfPage":{ "@type": "WebPage", "@id": "https://miofactor.com/2021/10/18/post-13654/" }, "headline": "Ruby関連のことを調べてみた2021年10月18日", "image": { "@type": "ImageObject", "url": "https://miofactor.com/wp-content/uploads/2019/10/python-640x410.png", "height": "410", "width": "640" }, "datePublished": "2021-10-18T11:51:11+0900", "dateModified": "2021-10-18T11:51:11+0900", "author": { "@type": "Person", "name": "editor" }, "publisher": { "@type": "Organization", "name": "f@ctor", "logo": { "@type": "ImageObject", "url": "", "width": "", "height":"" } }, "description": "目次 0.0.1. Progate Ruby on Rails5 IV ~ V 個人的ざっくりまとめ0.0.2. 【Ruby】二次元配列に要素を代入すると、他の要素まで変更されてしまうときの対処法0.0.3. アソシエーションについて！0.0.4. 初めてのオリジナルアプリ【My内閣】0.0.5. 1対多の要素を1つのviewで登録する/個人開発のつづき0.0.6. ユーザーのURLをmyapp. […]" } </script> <!-- /schema --> <!--l-footer--> <footer class="l-footer"> <div class="container"> <div class="pagetop u-txtShdw"><a class="pagetop__link" href="#top">Back to Top</a></div> <div class="widgetFoot"> <div class="widgetFoot__contents"> </div> <div class="widgetFoot__contents"> <aside class="widget widget-foot"><h2 class="heading heading-footer">タグ</h2><div class="tagcloud"><a href="https://miofactor.com/tag/%e3%81%9d%e3%81%ae%e4%bb%96/" class="tag-cloud-link tag-link-13 tag-link-position-1" style="font-size: 8pt;" aria-label="その他 (1個の項目)">その他</a></div> </aside> </div> <div class="widgetFoot__contents"> </div> </div> <div class="copySns "> <div class="copySns__copy"> © Copyright 2024 <a class="copySns__copyLink" href="https://miofactor.com">f@ctor</a>. <span class="copySns__copyInfo u-none"> f@ctor by <a class="copySns__copyLink" href="http://fit-jp.com/" target="_blank">FIT-Web Create</a>. Powered by <a class="copySns__copyLink" href="https://wordpress.org/" target="_blank">WordPress</a>. </span> </div> </div> </div> </footer> <!-- /l-footer --> <script type="text/javascript" src="https://miofactor.com/wp-includes/js/comment-reply.min.js?ver=6.4.1" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script> function toggle__search(){ extra__search.className="l-extra"; extra__menu.className="l-extraNone"; menuNavi__search.className = "menuNavi__link menuNavi__link-current icon-search "; menuNavi__menu.className = "menuNavi__link icon-menu"; } function toggle__menu(){ extra__search.className="l-extraNone"; extra__menu.className="l-extra"; menuNavi__search.className = "menuNavi__link icon-search"; menuNavi__menu.className = "menuNavi__link menuNavi__link-current icon-menu"; } </script><script>Array.prototype.forEach.call(document.getElementsByClassName("css-async"),function(e){e.rel = "stylesheet"});</script> </body> </html>