『パーフェクトRuby on Rails』4章
· ☕ 4 åˆ†ã§èª­ã‚ã¾ã™
Webpackerについて(CSSや画像をapp/javascriptに入れる方法、loader, plugin), Railsに組み込まれているJavaScriptの機能

【GitHub】GitHub Profileのすゝめ
· ☕ 1 åˆ†ã§èª­ã‚ã¾ã™
GitHubの最近の機能でGitHubプロフィールというものがあります。 自分のアカウント名と同じ名前のリポジトリを作ると、そのリポジトリのR

『パーフェクトRuby on Rails』3章
· ☕ 9 åˆ†ã§èª­ã‚ã¾ã™
Rackインターフェース, データベース(マイグレーション), 秘密情報の管理, Early Hints, Content Security Policy(CSP)

【Hugo】Google Analyticsの導入
· ☕ 1 åˆ†ã§èª­ã‚ã¾ã™
GoogleAnalyticsの作成 元々別アプリでGoogleAnalyticsを使っていたので、新規にサービスを追加する。 アカウントを作る

【Rails】スマホからローカルにアクセスする
· ☕ 2 åˆ†ã§èª­ã‚ã¾ã™
まず、パソコンとスマホで同じWi-Fiに繋ぐ。 システム環境設定→ネットワークのWi-Fiの設定で自分のIPアドレスを確認できる。 1 2 3 4 5 6

TDD Boot Camp 2020 Online #1【レポ】
· ☕ 10 åˆ†ã§èª­ã‚ã¾ã™
TDD Boot Camp 2020 Onlineに参加しました。 テスト駆動開発は大事だなあと思っていたものの、実際にコードを書くときにはさっさと書いていました。 そんな折

「プログラマー初学の人へ61の質問」に答えてみる
· ☕ 13 åˆ†ã§èª­ã‚ã¾ã™
はじめに プログラマー初学の人へ61の質問を見ました。 そもそも全くわからないものもたくさんあったのですが、わかると思っていたことも言葉で説明は

【Rails】render内で○番目を指定する
· ☕ 1 åˆ†ã§èª­ã‚ã¾ã™
前提 オブジェクトの配列をビューで表示したい objectはActiveRecordとは関係ない オブジェクトには一意の値が振られていない rend

【Hugo】Hugo + Netlifyでデプロイ
· ☕ 3 åˆ†ã§èª­ã‚ã¾ã™
Netlifyのデプロイ Netlify側で設定する方法と、netlify.tomlに設定を記述する方法がある。 netlify.tomlで設定

【GitHub】アカウント名を変更するときの注意点
· ☕ 3 åˆ†ã§èª­ã‚ã¾ã™
どんなとき? アカウント名の大文字小文字しか変更しない場合 元のアカウント名に戻す場合 事の次第 私は普段「aiandrox」というアカウント名を使

Cookieとセッションについて
· ☕ 3 åˆ†ã§èª­ã‚ã¾ã™
Webストレージ ローカルストレージ(ブラウザを閉じても残る) ずっと保存したい(情報を与えっぱなしみたいな??) セッションストレージ(サーバー

DB設計したいNight #6 正規化【メモ】
· ☕ 5 åˆ†ã§èª­ã‚ã¾ã™
ちょうどいい正規化の話 by @nakunaru 最低限のライン 不整合を起こさない データを失わない ダブらせない →更新漏れ、複数行(リソースをたくさん使う) →1 fact 1 place

【Rails】DateTimeで日付と時間を比較をする際の注意点
· ☕ 2 åˆ†ã§èª­ã‚ã¾ã™
経緯を書いているとポエムになってしまったので、結論を先に書いておきます。 環境 Rails 5.2.4.2 Ruby 2.6.6 結論 DateTimeで日付を指定すると、インスタンスはD

【Vue.js】初学者向け各種分類まとめ
· ☕ 6 åˆ†ã§èª­ã‚ã¾ã™
はじめに Vue.jsをさて始めようと思ったときに、そもそもいろんな種類がありすぎて混乱しました。どれも似たような名前だし、何から始めればいい

【RailsAPI + Vue.js】Pagyを用いたページネーションの実装
· ☕ 4 åˆ†ã§èª­ã‚ã¾ã™
はじめに RailsAPIとVuetifyでページネーションを作りました。 gemをどれにしようか調べてみたところ、Pagyがやたらとシンプル!

【Vue.js】v-ifと$refsによるTypeErrorの対処法
· ☕ 2 åˆ†ã§èª­ã‚ã¾ã™
v-ifを設定したコンポーネントに対してthis.$refsで要素を取得しようとするとunderfinedになります。 以下、具体例と対処法で

【Vuetify】埋め込みツイート風コンポーネント
· ☕ 4 åˆ†ã§èª­ã‚ã¾ã™
はじめに 埋め込みツイートの表示をするにあたり、公式の埋め込みツイートを使おうと思ったのですが、なぜかVueで<script>が動

【Vue.js】記法の違いまとめ
· ☕ 4 åˆ†ã§èª­ã‚ã¾ã™
はじめに Vue.jsを勉強するにあたり、この書き方ってどう違うの?と思ったものをまとめました。 少しJavaScriptも混ざっています。 Q. f