Clik here to view.
『Heroku + Cloudflare』でルートドメインかつSSLでサイトを運用する
こんにちは、okutani(@okutani_t)です。本記事では、「Heroku + Cloudflare」を使ってルートドメイン（www無しのドメイン）でかつSSL（HTTPS）でサイトを動かす方法について解説しています。...
View ArticleClik here to view.
Webエンジニアってどういう仕事？Webエンジニアになるための勉強法
こんにちは、okutani(@okutani_t)です。本記事は、僕の知り合い向けに「Webエンジニアの仕事について」から「Webエンジニアになるための勉強法」をまとめたものです。 とてもざっくり書いていきますが、適宜加筆修正していきたいと思ってます。 それでは、まずはじめに「Webエンジニアの仕事について」いろいろと書いていきます。 スポンサーリンク Webエンジニアの仕事って？...
View ArticleClik here to view.
「チャバネゴキブリの恋」というオリジナルソングをつくりました
こんにちは、okutani(@okutani_t)です。今回はマイク録音のみ（打ち込みなし）で「チャバネゴキブリの恋」という曲を作りました。 毎月一曲、YouTubeに曲をあげるという企画でやってますが、またもや月をまたいでしまいました。ダメダメやん。 共同で曲作りをやってるしげさまーの記事はこちらから。とても面白い仕上がりになっておりますので必聴です。...
View ArticleClik here to view.
【Heroku】PostgreSQLのプランを変更する方法
こんにちは、okutani(@okutani_t)です。本記事では、「Herokuで利用しているPostgreSQLのDBのプランを変更する方法」について解説しています。 今回はコスト削減のため、Hobby Basic（有料プラン）からHobby Dev（無料プラン）に変更する手順について記述しています。 ほぼ同じ手順でHobby Dev -> Hobby...
View ArticleClik here to view.
ブログを公開して4年経って、今僕が感じていること
こんにちは、okutani(@okutani_t)です。2019年3月で、ブログをはじめて4年経ちました。 学生のときにはじめたこのブログも、5年目に突入すると思うと、なんか感慨深いですね。 ……といっても最近たいして記事を書けていないので、戒めの意味も込めて今回記事にしてみました。 こんな記事誰の役に立つかわかりませんが、とりあえず、自分なりにまとめてみようと思います。 スポンサーリンク...
View ArticleClik here to view.
【Rails】『RSpec + FactoryBot + Capybara + Webdrivers』の導入＆初期設定からテストの書き方まで
こんにちは、okutani(@okutani_t)です。本記事では、Ruby on Railsに『RSpec』『FactoryBot（旧FactoryGirl）』『Capybara』『Webdrivers』を導入する方法から初期設定、動作確認ていどのかんたんなテストの書き方までを解説しています。 RSpec, FactoryBot, Capybara,...
View ArticleClik here to view.
Railsで使っているgemを一部またはすべてupdateする
こんにちは、okutani(@okutani_t)です。本記事では、「Ruby on Railsで利用しているgemの一部・またはすべてをupdateする方法」について解説しています。 特に、Rails自体のバージョンを上げる場合などにも同じ手順でバージョンアップできるので、参考にしてみてください。 それでは、実際にRailsで使用しているgemをupdateする手順についてみていきましょう。...
View ArticleClik here to view.
『Webpack + Babel + React』の導入・初期設定
こんにちは、okutani(@okutani_t)です。本記事では「Webpack4 + Babel7 + Reactを導入する方法・初期設定」について解説しています。 今回、導入するツールの説明は以下のとおりです。 Webpack：importやexportを利用するためのモジュールバンドラー...
View ArticleClik here to view.
『Webpack + React + TypeScript』の導入方法・初期設定
こんにちは、okutani(@okutani_t)です。本記事では、『Webpack + React + TypeScriptの導入方法・初期設定』について解説しています。 同じ構成でTypeScriptではなく「Babel」を用いて環境構築をおこなう場合は、以下の過去記事を参考にしてください。 『Webpack + Babel + React』の導入・初期設定...
View ArticleClik here to view.
個人開発のWebアプリがツイッター世界トレンド1位になったけどいろいろ辛かった話 #チョコボックス裏話
こんにちは、三度の飯よりチョコが好きokutani(@okutani_t)です。嘘です。ちょこっとだけ好きです。チョコだけに、ね！！！ くだらないことはさておき？「個人開発で作ったWebアプリがツイッター日本トレンド1位」になりました！やったね！ぱちぱち。 ↑スクショは2020.2.13 21:22に撮ったもの...
View ArticleClik here to view.
【Heroku】メンテナンス画面を独自にカスタマイズする方法
こんにちは、okutani(@okutani_t)です。本記事では、「Herokuのメンテナンス画面を独自にカスタマイズする」方法について解説しています。 背景として、私が運営しているメッセージアプリの「LINKチョコボックス(Chocobox)」に独自のメンテナンス画面を設置したいと思い、本記事に備忘録的に載せてあります。...
View ArticleClik here to view.
「太宰ロック」制作秘話・MV解説 〜今、もやもやしている君へ〜
こんにちは、okutani(@okutani_t)です。最近、自身のオリジナルソング「太宰ロック」のMVを制作・公開しました。こちらから見れます。 イラスト（アニメーション）は人気インスタ漫画家のズズズさんにお願いしました。 LINKzzz(ズズズ)(@zzz_illust) • Instagram写真と動画...
View ArticleClik here to view.
2020年の振り返り〜チョコボックス・太宰ロックほか〜
こんにちは、okutani(@okutani_t)です。今年ももうすぐ終わるので、2020年のことをざっくり振り返ってみたいと思います。 2020年は「チョコボックス」と「太宰ロック」の年だったと思います。コロナで大変な1年ではありましたが、自分的には良い一年を過ごすことができたと思います。 つらつらと振り返ってみます。 スポンサーリンク 2020年2月: チョコボックスがバズる...
View ArticleClik here to view.
ポートフォリオサイトをNext.js + Vercel + microCMSでリニューアルした
こんにちは、okutaniです。自分のポートフォリオサイトを「Next.js + Vercel + microCMS」でリニューアルしてみました。Jamstackな構成っていうんですかね。リニューアルといっても、特に見た目は一切変わっていませんが。 LINKokutaniのポートフォリオサイト『okutani’s Portfolio』 | okutani’s Portfolio...
View ArticleClik here to view.
「Next.js + TypeScript」の導入・基盤作成・Scssの導入まで解説
こんにちは、okutani(@okutani_t)です。本記事では、Reactのフレームワークである「Next.js」の導入方法について解説しています。また、TypeScriptの導入も同時におこなっています。 Next.jsの概要はかんたんに以下のとおりです。 Reactを利用している SSR（サーバーサイドレンダリング）、 SSG（スタティックサイトジェネレーション）ができる Vercel,...
View Article