Cover Image for サイト内の絵文字を Twemoji にする

サイト内の絵文字を Twemoji にする

絵文字、好きです。🤗

テキストだけでは伝わらない微妙な心情を表現できる絵文字ですが、

Microsoft のは線画が太く、Apple のはリアル、Google のはふんわり、といった具合に、

プラットフォームによって表示が変わってしまうのが悩みどころです。 …

Cover Image for ローカル管理のコンテンツを Contentful に移行する

ローカル管理のコンテンツを Contentful に移行する

CMS には Git ベースのものと API ベースのものがあり、Git ベースのものは GitHub などと連携して、CMS でのコンテンツの更新を GitHub にプッシュします。GitHub と Netlify や Vercel などのホスティングサービスが連携していれば、GitHub へのプッシュがデプロイを引き起こしてもとのサイトが更新されます。つまりコンテンツが同じリポジトリにあり、ローカルでは同じプロジェクトディレクトリにあります。…

Cover Image for 【Rails API】CSRF 対策をあきらめないでちゃんとやる

【Rails API】CSRF 対策をあきらめないでちゃんとやる

Ruby on Rails を API として、フロントエンドとの間で通信をしようとしたところ、

セッションが保存されなかったり、Can't verify CSRF token authenticity というエラーが出てくることがあります。

多くのページでは解決方法として CSRF 対策をあきらめていますが、 …

Cover Image for 【React】動的な木構造レイヤーをレンダリングしてみる

【React】動的な木構造レイヤーをレンダリングしてみる

お絵かきアプリとかでよくある、階層構造をもったレイヤーを実装してみました。 …

Cover Image for WSL から React Native を Android Studio で動かす

WSL から React Native を Android Studio で動かす

React Native というモバイルアプリを作るツールがあります。

そこで作ったアプリを Android Studio のエミュレータで動かすことができます。

React Native のプロジェクトを WSL2(Windows Subsystem for Linux 2) の内部に置くこともできるのですが、 …

Cover Image for ブログ公開から360日経過したのでいろいろあったことまとめ

ブログ公開から360日経過したのでいろいろあったことまとめ

2020年2月28日にこちらのブログを公開してから、360日が経過しました。

開始から 1 年になります。

現時点での成果と、それまでにあった色々なことを記録しておきます。 …

Cover Image for 声が小さい原因は意外なところにあるのかも

声が小さい原因は意外なところにあるのかも

私は、声が小さいとかよく聞き返されるとかで長い間悩んでいました。

話すときだけでなく歌うときも、マイクの音量を大きめに、BGM を小さめにしないとうまく歌えないという状況がずっと続いていました。

しかしひょんなことから、それまでよりも大きく声を出せるようになり、聞き返されることも減りました。 …

Cover Image for 【Netlify + Heroku】Socket.IO アプリのデプロイ

【Netlify + Heroku】Socket.IO アプリのデプロイ

Socket.IO で作成した通信対戦アプリをデプロイするときに結構苦労したので、その記録を書いておきます。

Cover Image for ガイスターアプリ開発(6) 勝敗判定

ガイスターアプリ開発(6) 勝敗判定

Python でつくるガイスター、連載第 6 回です。

前回は駒の移動と手番の交代を実装しました。

今回は勝敗の判定と表示をしていきます。 …

Cover Image for ガイスターアプリ開発(5) 駒の移動・ターン交代

ガイスターアプリ開発(5) 駒の移動・ターン交代

Python でつくるガイスター、連載第 5 回です。

前回は初期盤面を生成して描画しました。

今回は駒の移動とターン交代の画面を用意します。 …