【GCP】Google Cloudの無料プログラム「Always Free」でCloud Storageを使う

2021年3月5日 21:44
# はじめに Googleが提供するGoogle Cloud Platform (GCP)には2種類の無料プログラムがあります。ひとつはトライアル期間中に利用できる$300分のクレジット、もうひとつは使用量上限の範囲内であれば無料で利用できる「Always Free」と呼ばれるプログラムです。 <i [...]

【Rails】Railsアプリのログローテーション設定を行う

2021年3月4日 16:55
# はじめに Railsアプリのログは、初期設定だとひとつのファイルに出力し続けるようになっています。また、古いログが削除されずに延々と蓄積されていくことになるので、そのままにしておくとログが肥大化してディスク領域を圧迫してしまいます。 ```bash $ ls -lh /var/www/auto [...]

【Zapier】Zapier(ザピアー)を使ってブログの更新情報を自動でTwitterに投稿する

2021年2月12日 14:11
# はじめに <img data-src="https://i.imgur.com/ytXoLY0.png" class="lazyload effect-fade"> 当ポートフォリオサイトでは、ブログの記事を新しく投稿すると、自動で更新情報がTwitterに投稿されるようになっています。これはT [...]

【Integromat】GoogleのカスタムOAuthクライアントを使用したGoogleサービスへの接続方法

2021年2月11日 15:50
# はじめに 当ポートフォリオサイトでは、トップページのコンタクトフォームから送られた内容を自分のGmailアカウントに送信するために「Integromat」というWebサービスを使用しています。 <iframe class="hatenablogcard" style="width:100%; h [...]

【Rails】「NoMethodError (undefined method `cookie_value' for nil:NilClass):」の原因と対処法

2021年1月17日 09:17
# はじめに 当ポートフォリオサイトのブログにてエラーが出ていて見られない状況が続いていました。気づいたのはつい先日のことで、知り合いの方との通話中にたまたま発覚しました。 結論から言うと`impressionist`というGemが原因でした。 2020年9月のリニューアル時から`impres [...]

【Rails】コードをシンタックスハイライトする『rouge』のカラーテーマ一覧と指定方法

2020年9月8日 08:29
# はじめに Markdownで書いた記事のコード部分をシンタックスハイライトする『rouge』というGemがあります。当ブログでも使っており、導入や使い方については以前記事にしました。 <iframe class="hatenablogcard" style="width:100% [...]

ポートフォリオサイトをリニューアルしました

2020年9月7日 23:41
# はじめに 当ポートフォリオサイトを公開してからもうすぐ1年が経とうとしています。完成した当初はそれなりに気に入っていたデザインでしたが、月日が経つにつれてあらが目につくようになり、早くリニューアルしたいと思っていました。 1周年までまだあと1ヶ月ほどありますが、一足早くリニューアルしてしまいまし [...]

MySQLが頻繁に突然停止するので設定を見直す

2020年9月7日 16:30
# はじめに 仕事で作成させていただいたWebアプリで使っているMySQLが頻繁に突然停止しているという現象が続いていました。Webアプリへのアクセスに時間がかかることも気になっていました。 少なくとも稼働当初はMySQLが突然停止するなんてことはなかったはずですし、Webアプリへのアクセス時間もい [...]

【CSS】カーソルを乗せると流れるようなアニメーションのハンバーガーメニューを作る

2020年8月31日 09:20
# はじめに 今回はハンバーガーメニューにカーソルを乗せると川のように流れるアニメーションを作りたいと思います。 今回の記事は以下の記事をベースにしていますので、まだご覧になっていない方は先にこちらをご覧ください。 <div class="iframely-embed"><div class= [...]

【CSS】JavaScriptを使わずにハンバーガーメニューを作る

2020年8月31日 07:38
# はじめに 当初はスペースの限られるスマートフォンなどの低解像度デバイス向けサイトにおいてスペースを有効活用するために登場したハンバーガーメニューですが、最近はPCなどの高解像度デバイス向けサイトでも使われているのをよく見かけます。 何よりメニューをまとめられてすっきりした印象になりますし、スペー [...]