chevron_left

メインカテゴリーを選択しなおす

cancel
PGMG https://pgmg-rails.com

初学者がRuby on Railsで製作したブログサイトです。 こちらは初学者の僕が独学で勉強して製作したブログサイトになります。 勉強した事や、デザインや機能追加する度に記事に残して少しでも同じ初学者の力になれればいいなと思います。

ちょめこ
フォロー
住所
未設定
出身
未設定
ブログ村参加

2019/09/01

arrow_drop_down
  • Let’s EncryptのSSL証明書の更新切れ

    どうもこんばんわ!ちょめこです。今回このブログのSSL証明書の更新を忘れていた為、期間切れを起こしてしまいした!新規発行にハマったので、今回手順を残して次回はすんなりできるようにしとこうと思います。その前に更新忘れんなよってね...w自動更新しとけよって感じですが...それはまた時間ある時にやってみようと思います。環境Apache/2.4CentOs7.6railsLet’sEncryptのSSL証明書の新規発行ログインします。sshhoge@0000000000-p0000次にsudo-iに切り替えます。[root@000-0000-0000~]#httpdの停止systemctlstoph

  • 【React】1週間企画でいいねボタン(Bellボタン)を作った

    皆さんこんばんは!ちょめこです。今回僕はtwitterの1週間チャレンジという企画に参加しました。詳細はこちらWebサービスを1週間で作るイベントを開催したい概要僕は勉強途中であるReactを使ったいいねボタンを勉強がてら作ってみました。作品がこちらになります。BellgithubはこちらBELL1週間企画のお題がHomeだった為いいねボタンを無理やりHomeに寄せて、ベルボタンというチャイムを押すボタンとしました!何の変哲もないただのいいねボタンですw機能ってほどでもないですが一応説明しとこうと思います。ボタンを押すことでチャイムを鳴らします(音は出ません)ピンポーン!Bellを押すそうする

  • 祝 デイトラ2nd終了

    デイトラ最終課題終了皆さんこんばんわ、ちょめこです。久しぶりのブログ更新ですw今までなにをしていたかと言うと、今回フロント側のコーディング力を強化するために、デイトラに挑戦していました。デイトラは2ndからの挑戦です。令和1年12月18日に開始令和2年1月26日にday27日を終了令和2年1月27日最終課題開始令和2年2月8日に最終課題終了しました。仕事をしながら平日は毎日3時間くらい、日曜日に10時間ほどやり合計46時間くらいかかっちゃいました...w少なく見積もってこのくらいなんで実際はもう少しかかってると思います。本来はこれを3日くらいで仕上げるらしいですね...まーでも最後までやり遂げ

  • ブログサイトのリニューアルで変更&追加した所

    どうも皆さんこんばんわ、ちょめこです。やっとブログサイトのリニューアルが終わりました!機能の追加ってよりは主にデザインを変えてみました。色んな参考サイトを見て真似....参考にしてみたのだけれど、僕HTMLとCSSの知識がそこまでないのでめっちゃ大変でしたw具体的にどこを変えたのか何を追加してみたのかを書こうかと思います。デザイン編まずデザインの方ですが、実は変更はこれで3回目になります。1回目はこのブログサイトを初めて作った時です。同じように白をベースに作りました。画像で紹介しようと思います。初期これが初めて作ったデザインでのブログサイトです。今回のリニューアルと似ていますねwでも何か物足り

  • リニューアル中

    こんばんわ!どうもちょめこです!久しぶりの投稿で今まで何してたんだよって感じですが、色々してました。モチベも下がってました。何故下がってしまったのか?このブログサイトのテストをやろうと思って、勉強しながらテスト書いて見たのだけれど...途中でわからなくなり数日手が止まって気持ちが折れてました...そしてプライベートも忙しかったりで、プログラミングから少し離れてる期間がありました。情けない...。ちなみにテストはRSpecです。全く何もしてなかったわけではなく、前から気になってたtwitterAPIを使ってlogin機能を作ったりもしてましたよ。んで、これはやばいと思いもう一度奮起する

  • 「Rails」gem無し 多対多のタグ機能を実装した【toxi法】

    Toxi法でタグ機能を実装する今回gem無しでタグ機能を実装してみました。本来はgemでサクッとできるものなんですが、勉強にもなる為gemは使わずに多対多のtoxi法というやり方で実装していきました。もちろん自分だけでは何もわからないので、今回もググって参考記事見てやってみました。参考記事はこちらrailsでタグ機能を実装するまずはどんな感じにできたか見てください。タグ入力フォーム入力ブログ記事のビュー記事タグリストタグリスト見た目はこんな感じに表示させています。めっちゃハマったし、1人で完成までやれなかったけどやり方を説明していこうと思います。多対多の関連付けをするまず多対多ってどーゆーこと

  • マインドマップ効果を期待!アイディアを書き出し次回の開発物に活かしたい

    マインドマップとは?出典:フリー百科事典『ウィキペディア(Wikipedia)』マインドマップはトニー・ブザン(TonyBuzan)が提唱した思考・発想法の一つ。頭の中で起こっていることを目に見えるようにした思考ツールのこと。トニーブザンが気になる方はこちら。どのような効果があるか、どんな物なのか?説明する前に、僕が初めて書いてみたマインドマップを見せたいと思います。ちょめこのマインドマップどうでしょうかwやり方合ってるのかわからないけど、とにかく頭の中を整理したり、出てきたアイディアを書いたり、今してることを書いたりして、まとめてみたものの...以外に難しい!途中手が止まったり、線をどこに伸

  • 『Rails』 sitemap.xmlの作成&Google search consoleへ自動送信

    sitemap.xml を作成する前に この記事は参考記事を見て実装した事を書いています。いつも先輩方にはお世話になっております。ありがとうございます。参考記事はこちら sitemap.xmlって何?ウェブサイト内のURLを記述するxml形式のファイルのことです。ユーザーに向けてのサイトマップとは別で、クローラーに向けてのファイルになります。 sitemap.xmlを作ることで、クローラーにサイトをしっかりと正しくクロールしてもらうために必要なものですね。このsitemapを作る前にGoogle search

  • 『Rails』 SEO対策 OGP設定!gem meta-tagsで設定しよう

    meta-tagって何? 前回の記事で少し説明したmeta-tagの説明をします。meta-tagsとは、SEO対策のうちの1つで絶対設定した方がいいものです。これを設定することでサイト名やタイトル名の他OGP設定や、Google検索に載せたくないページを設定することができます。僕のブログサイトももちろん設定しています。 Google これはOGP設定した後のGoogle検索上で出た僕のサイトになります。他にもフェイスブックのOGPやTwitterのOGPも設定できます。TwitterでのOGPはこんな感じになっています。 Twitter

  • Google AdSenseにRailsで作ったブログサイトが審査に合格した

    Google AdSenseに合格するまでにした事 google AdSenseに合格したので合格までの道のりを残そうと思います。まずこのブログサイトはRuby on Railsで作成したブログサイトになります。主にプログラミングの事をメインに記事を書いてます。そして、自分で作ったブログサイトをGoogleAdSenseに合格させるのがまず第一の目標でした!その第一目標を達成できたことがすごく嬉しいです!!さて、サイトが完成してからのお話をします。まず何をしたのか? プライバシーポリシーの作成 お問い合わせページの作成 HTMLでのサイトマップの作成 meta-tagの設定 Google

  • 『Rails』コールバックを使って公開記事と下書き記事の投稿日更新してみた

    何故コールバックを使ったのか? まず今回何故コールバックを使ったのか説明します。実は開発時には気づけなかったのですが、下書き記事を1日に作成したとします。下書きも終わり4日目に公開したとします。そしたら公開日が普通なら4日になりますよね?それがなんと1日に公開になってるではありませんかー!!!!1ヶ月前に下書きを作成して書き溜めしてても、公開日が1ヶ月も前だったらブログ一覧に1ヶ月前の日付で表示されちゃうんですw埋れます!!!過去の記事になっちゃう!!こりゃあかーんってなったわけですよ!なのでそこの修正を今回考えました。 ブログ一覧の記事の順番 このブログの記事一覧は最初 @blogs =

  • 『Rails』enumを使って下書き記事と公開記事を保存できるようにした

    enumを使って下書き記事と公開記事を分けてみる 今回はaction textを使ったブログで、下書き記事を保存できるようにしました。初学者なちょめこにはさっぱりわからなかった為、色々ググること数十分...enumと出合いました!!!!すごく簡単に実装できたので紹介します。まずは参考記事こちら 実装コード説明 まずはBlogモデルにstatusカラムを追加しinteger型にします。他にboolean型もありますが今回はinteger型にしていきます。追加するにはこうですね。 bin/rails g migration クラス名 カラム名:データ型( カラム名:データ型)なので今回は

  • 『Rails6』Actiontextに機能追加してみた

    Action textに画像アップロードを追加 前回の記事でAction textを導入した記事を超ざっくり書きました。ざっくり書きすぎて初学者には全然わからなかったかもしれません...文章力無さすぎて....もっとうまく書かなくちゃね!!!!!!!!さて今回はまず記事を投稿したらサムネ画像も表示させたくないですか?その機能を追加してみます。これのことですね サムネ サムネ 若干小さい画像のところで画像が中心になってないのが手直し必須の所ですが...直しました!!!とりあえず参考にした物を貼っておきます!こちらまずimage_processing gemの導入をしてください。

  • 『Rails6』Actiontextでブログ機能を作ってみた

    Actiontextを導入するまずは参考にした記事を貼っておきます。こちら こちらまずこのブログサイトを作成する時点でRailsのバージョンがRails 6.0.0.rc2でした。rails 6からはデフォルトでactiontextがすでに導入されていると思います。それとwebpackerもrails6から標準化されてますのでその辺りもちょこっと。ターミナルでインストールします。rails action_text:install インストールしたら以下のファイルとapp/assets/stylesheets/actiontext.scss

  • Ruby on railsでブログサイト製作してみた

    えー自分はプログラミング勉強を今年の平成31年3月24日に始めた初学者になります。最初の1ヶ月はProgateで勉強しました。その後すぐに現在の職業(工場勤務)で使う自分用の計算機を製作しました。 my-calculatorそして5月30日にRailsチュートリアルを2週して、31日からは書籍を使い勉強していきました。書籍は現場で使えるRuby on Rails5速習実践ガイドという本になります。 現場で使えるRuby on

arrow_drop_down

ブログリーダー」を活用して、ちょめこさんをフォローしませんか?

ハンドル名
ちょめこさん
ブログタイトル
PGMG
フォロー
PGMG

にほんブログ村 カテゴリー一覧

商用