日常のあれこれ。

フリーのフロントエンジニア。サーバーサイドも現在勉強中...webデザイン・フロントエンド・イラスト作成・LP用漫画作成を主なシゴトとしています^^日々学んだことをアウトプットしていきます。

2019-08-01から1ヶ月間の記事一覧

Railsで削除してしまったファイルを復元する方法

git

すでにプッシュしてしまっていたファイル、私の場合はsecrets.ymlファイルだったのですが、 それをgitignoreしたくていろいろしていたら、 ローカル上でもリモート上でもファイル自体がなくなってしまって、 エラーが出てしまいパニックになったので、その時…

jQueryRipplesの使い方

jQueryで作れるアニメーションについて調べている時、面白いものを見つけました! それがRipplesというjQueryです!これは『水面に波紋が広がるような表現』を可能にしてくれるjQueryです! 設定している範囲内でクリックをすると水に指をつけた時のような波…

スクロールすると狭くなる固定ヘッダーの作成方法

ヘッダーを上部に固定させるCSSは簡単でよくするのですが、 時々見る『スクロールしたら高さの幅が自動的に狭くなる固定ヘッダー』を作りたくて、 実際にしてみました。思っているよりも簡単にできました^^ 手順を説明していきます。 HTML <header id="top-header"> </header> jQuery $(fun…

Railsアプリでmetaタグ&OGP設定をする方法

Railsアプリを作成した時、『SEO対策しないとな~』 『OGP設定してないからSNSに記事をあげた時、アイキャッチが表示されないじゃん!やらないと!』となったので、その時に行った手順を残していこうと思います。 SEO対策って? SEOというのは、『検索エンジ…

herokuのデプロイ時に詰まった時の対処法

herokuへのデプロイをするため、git push heroku masterをした時に なんとなく分かってはいましたが、やはりつまりました笑 ! [remote rejected] master -> master (pre-receive hook declined) error: failed to push some refs to・・・以下略 こんな感じ…

WordPressのURLをサブドメインからメインドメインに変更する方法

サブドメインの方がいいと思ってサブドメインにWPをインストールして進めていたけど、 「あ、やっぱりメインドメイン表示にしたい!」 ってなること、ありますよね笑私もそんな経験をしたので、その時にメインドメインに変更した手順を書いていこうと思いま…

railsアプリをherokuでデプロイする方法

今回は、ruby on railsアプリをherokuで簡単にデプロイする手順を書いていこうと思います^^ちなみに作成したrailsアプリのDBは、MySQLです。 あと、アプリはすでに完成している前提で、GitHub Desktopを使ってリモートリポジトリにもアプリを上げている状…