読者です 読者をやめる 読者になる 読者になる

人生のヒント

私が経験したことが、誰かの人生のヒントになればと願い書きます。

RubyOnRails

Ruby On Railsで検索可能なセレクトボックスを実装(select2)

本日は、Ruby On Railsで検索可能なセレクトボックスを実装します。 下記サイトを参考にしました。 https://github.com/argerim/select2-rails 1.インストール rootでログインします。 # su - rails $ cd work/foo $ vi Gemfile Gemfileファイルに以下を追記…

Ruby On Railsで構造化データを書いてみる

「Ruby On Railsで構造化データを書いてみる」どういうことかと言うと、検索エンジンがサイトの情報をかみ砕きやすいようにしてあげることです。 検索した時に、こんな感じで表示されるのを見たことが無いでしょうか? どうやってやっているかと言うと、構造…

Ruby On RailsでDBからCSVをインポート・エクスポートする

今回は、Ruby On RailsでDBからCSVファイルをインポート・エクスポートしたい時に私が使っている方法を書きます。 下記サイトを参考にしました。 http://rails.densan-labs.net/report/csv_export_basic.html http://qiita.com/nigohiroki/items/625499f8941…

Ruby On RailsサイトからTwitter自動投稿する(twitter,whenever)

Ruby On RailsサイトからTwitterの自動投稿をすることで、狙ってた時刻通りに投稿できたりしてTwitter運用の手間が省けます。 今回は、Ruby On RailsサイトからTwitterの自動投稿をテーマに書いていきます。 参考にしたURLは、下記です。 http://qiita.com/t…

Ruby On RailsでSitemapを生成する(sitemap-generator)

Sitemapは、GoogleやBingといった検索エンジンに自サイトの情報を伝えるために使います。正にサイトのマップです。 今回は、Ruby On RailsでSitemapを生成する方法について書きます。 以下サイトを参考にしました。 http://qiita.com/satomyumi/items/0864a0…

Ruby On RailsでYoutubeをライトボックス表示する(colorbox)

今回は、jQueryプラグイン「Colorbox」を使ってYoutubeをライトボックス表示します。 下記サイトを参考にしました。 http://webdesignmagazine.net/javascript/colorbox_yutube/ 1.インストール 下記サイトからモジュールをダウンロードします。 http://www.…

Ruby On RailsでGoogle マップを表示させる

今回は、Ruby On RailsでGemを使わずにGoogle マップを表示させたいと思います。 今回の実装では、Google マップを表示させるために、Google Maps JavaScript APIを使います。 APIの使い方は下記サイトにありますが、今回は基本的なことだけできるようにしま…

Ruby On Railsでレスポンシブに対応した可変テーブルを表示させる(FooTable)

HTMLタグだけでテーブルを作ろうとするとPCでは綺麗に見えても、スマホだと文字が見えないとかありませんか? そういった時に役立つ方法がFooTableです。jQueryのため、Ruby On Railsじゃなくても使えますが、今回はRuby On Railsでの使い方を紹介します。 …

Ruby On Railsでグラフを表示させる(chartkick)

今回は、Ruby On Railsで↓こんな感じのグラフを表示させます。 下記サイトを参考にしました。 http://chartkick.com/ 1.インストール いつものようにサーバにrootでログインします。 # su - rails $ cd work/foo $ vi Gemfile Gemfileに以下記述を記入します…

Ruby On Railsでパンくずリスト(gretel)を表示させる

パンくずリストとは、Wikipediaによると、下記です。 パンくずリスト(breadcrumb list)は、ウェブサイト内でのウェブページの位置を、ツリー構造を持ったハイパーリンクの一覧として示すもの。 イメージは、↓こんな感じです。 今回は、下記ページを参考に…

Ruby On Railsでおしゃれなアイコン(Font-Awesome)を表示させる

今回は、Ruby On Railsでおしゃれなアイコン(Font-Awesome)を使いたいと思います。 以下の画像のようなアイコンを使うことができます。 下記サイトにFont-AwesomeのGemの導入手順が書いてあります。 http://qiita.com/succi0303/items/7f76d53ebe54dab41124 …

Ruby On Railsでお問合せメールフォームを作る

以前、このブログでRuby On Railsでメール送信できるように設定しました。今回は、この設定を活かしてお問合せメールフォームを作りたいと思います。 life.hint.jp.net 以下サイトを参考にしました。ttps://www.imd-net.com/column/1731/ いつも通り、サーバ…

Ruby On Railsでdeviseを使って認証画面を作る方法(メールアドレス)

前回、当ブログでメール送信をできるように記事を書きました。 life.hint.jp.net deviseは、ユーザ認証機能をRuby On Railsで簡単に実装させることが出来るモジュールです。 ユーザアカウントをTwitter IDでも出来ますが、今回はメールアドレスで認証する手…

Ruby On Railsでメール送信できるように設定する方法(Action Mailer)

今回の記事では、Ruby On Railsでメール送信をできるようにするところまで書きます。 参考にしたURLです。 http://morizyun.github.io/blog/action-mailer-rails-mail/ メールサーバの環境ですが、DomainKing を利用しました。 Gmailを使っている記事が多い…

Ruby On Railsでテーブルにカラムを追加する方法

まず、下記コマンドで、モデルのカラムを確認します。(例ではUser、rootでサーバにログインします。) # su - rails $ cd work/foo $ rails c irb(main):001:0> User.column_names=> ["id", "name", "email", "created_at", "updated_at"] irb(main):002:0> e…

Ruby On RailsでのOGPの設置方法

OGPとは、The Open Graph protocolの略で、TwitterやFacebookなどのSNSで共通の機能です。 URLを投稿した時にOGP記述をSNS側が読み取り、タイトルやイメージなどが表示されます。 ↓例えば、TwitterでURLを記述して投稿するとこんな感じのカードが出てくるよ…

8.本番環境を整える(SSL化)

前回までに、HTTPでアクセスできるように環境が整いました。 今回は、HTTPSでアクセスできるようにNginxを設定します。 HTTPSでサービスを提供することのメリットは、2つあると考えます。 一つは、ユーザへのコンテンツ インジェクション攻撃のリスクを減ら…

7.本番環境を整える(DNS)

前回までで、HTTPでアクセスできるようになりました。 IPアドレスではなく、FQDNでアクセスできるようになるには、DNSに登録する必要があります。 FQDNを利用するためには、ドメインを取得し、DNSレコードをDNSサーバに登録する必要があります。 私は、お名…

6.本番環境を整える(Unicorn + Nginx)

前回、MySQLをインストールし、WEBrickで動作確認をしました。 本番環境では、WEBrickで運用せずに専用のWeb/APサーバソフトを使用して運用することが多いようです。 Unicorn + Nginxという組み合わせが手軽らしいので、今回はこのアプリケーションの構築を…

5.本番環境を整える(MySQL)

前回は、サーバ上にRuby On Railsを実行させる環境を整えました。 今回は、DBソフトをSQLiteではなくMySQLに変更したいと思います。 今回も下記URLの記事を参考に進めたいと思います。 https://www.oiax.jp/rails3book/setup_mysql.html 1.MySQLインストール…

4.本番環境を整える(Ruby On Rails)

前回は、VPSでUbuntuサーバを構築しました。 今回は、構築したサーバ上にRuby On Railsを動作させる環境を構築します。 バージョンは、ブログ執筆時に構築できたバージョンですが、時間が経過すると出来なくなるかもしれません。 このブログが参考にしている…

3.本番環境を整える(VPS)

前回は、PC上に開発環境を整えました。 今回は、私がブログ執筆時点に利用しているVPSを紹介したいと思います。 GMOインターネットの「ConoHa」です。 www.conoha.jp ※このURL経由で申し込まれたら、「お客様専用の紹介URLから申込みをいただくと、紹介者様…

2.開発環境を整える

開発環境は、プログラミングをするために、エディターとRuby On Rails環境をPCにインストールして始めます。 1.エディター 筆者の開発環境は、Windows10 PCで、エディターに「Atom」を利用しています。 このエディターは、無料ですが、不便に感じたことはあ…

1.一人で開発するRuby On Rails

私は趣味で今年の4月くらいから一人でRuby On RailsでWebサービスの開発をしてきました。 Ruby On Railsの魅力は、様々なモジュールがフリーで公開されており、一から一人で開発すると一生かかっても完成しないくらいのことが短期間でできるようになっている…