2019-01-01から1年間の記事一覧

slick実装方法 + レスポンシブ対応 #ruby #rails #slick #slider

今回はslickの実装方法+レスポンシブ対応について紹介したいと思います slickはホームページなどで以下のような画面をみた事がないでしょうか? 写真が時間でスライドしていくように見せるために便利なのがslickになります ①実装方法 実装方法は多くのサイ…

コントローラーのリファクタリング #ruby #rails

今回はコントローラーのリファクタリングについてメモを残したいと思います ruby on rails でコントローラーにコードを記述していって気づくとコントローラー内のコードの量がパンパンになってなぜこんなに長くなってしまったんだ( ;∀;) という事が起きて…

画面遷移に時間がかかる時 クルクル読み込み表示を gifファイルで代用 ruby

今回はインターネット上で画面が遷移する際以下のような読み込み中表示がよくある spin.js が有名だが これの代用になる方法としてgifファイルを再生する方法を 紹介したいと思う htmlとcssとjQueryの記述のみで表示が可能だ 実際に実装した遷移画面は以下の…

css レスポンシブ について学んだ! html css

webページ制作時見る端末によって横幅が変わってしまうため レスポンシブ対策をとる必要がある 実際に確認するにはgoogle chromeの検証ツールで 画面横幅を大きくしたり小さくしたりすることにより確認可能だ! 今回行ったのは①PC画面 ②タブレット端末 ③スマ…

html プルダウンボックスの記述方法 3種類

プルダウンボックスの記述方法は様々あるが 今回は自分が学んだ方法3種類を備忘録としてのせたいと思う プルダウンボックスとは↑の画像のようなクリックすると選択できる一覧が表示されるもので、 今回は①htmlに直接書く方法 ②モデルに書く方法 ③テーブルか…

多段階構造ナビゲーションバーの作成 ruby on rails

多段階構造ナビゲーションバーと言っても何かピンとこないと思いますので イメージとして https://gyazo.com/20b1868225334bffa7cccc7d27d109a0 ↑のような感じのナビバーのことをここでは多段階構造ナビゲーションバーと読んでます(正式名称があったらごめ…

Rails5.2からsecrets.ymlが廃止 → credentials.yml.enc & master.key へ AWS EC2 のデプロイ変更点

Rails5.2からsecrets.ymlが廃止 → credentials.yml.enc & master.key ということで、tech-expert で同期だったとても優秀な方に教えて頂いたので、 メモの意味も含めてここに記します 基本的に以前のバージョンからの変化は 以下です 1.config/environments/…

AmazonAWSで、気づいたら「 We're sorry, but something went wrong 」になるためswap 領域を設定

初めての投稿!ということで、何を投稿しようか迷ったが、最近学んだ内容を自分の記憶へのリマインドの意味も込めて投稿したいと思う AWSでデプロイ後1週間くらいは普通に動いていたサイトが突然「 We're sorry, but something went wrong 」と表示され見れ…