pugでpictureタグのmixinを作成する
PCとSPでの画像の出しわけやwebpの対応でpugのmixinを作成する機会が度々あったので、作成方法をメモしておきま...
Nuxt.jsでhtmlやbodyにclassを追加する
Nuxt.jsでhtmlやbodyに対してclassを設定する方法をメモ。...
カウントダウンタイマーで時差を考慮する
JavaScriptでカウントダウンの処理は以前に記事を投稿したことがありますが、カウントダウンタイマーで日本以外の国か...
Vue.jsのslotを使ってみる
親側から子コンポーネントにテンプレートの一部を差し込める、slotという機能を使ってみます。...
Vue Routerを使ってみる
Vue.jsでのSPA構築の際、ルーティングの管理をするための公式プラグイン「Vue Router」を使ってみます。...
HerokuでNuxt.jsのSSRモードをデプロイする
Nuxt.jsのSSRモードで構築したサイトをHerokuでデプロイする際、Herokuの設定で少し迷うところがあったの...
Vue.jsのtransitionを使ってみる
要素の表示・非表示や更新した際にアニメーション効果を追加できるVue.jsのtransitionを使ってみます。...
Nuxt.jsでルーティングの設定を追加する
Nuxt.jsはルーティングの設定を自動で行ってくれますが、今回個別のルーティングの設定を追加したいということがあったの...
HerokuとGitHubを連携してデプロイする
HerokuとGitHubを連携して使用する機会があったので、設定の流れをメモ。 2022/4/21追記 OAuthトー...
Vue.jsのコンポーネントを使ってみる
Vue.jsのコンポーネントの使い方について簡単に試してみます。...
Vue.jsでイベントを設定する
Vue.jsのイベントハンドリングについて色々と試してみます。...
Githubの個人リポジトリに他のユーザーを招待する
Githubの個人リポジトリに他のユーザーを招待する際の流れをメモ。...
Vue.jsのライフサイクルフックを確認する
Vue.jsのライフサイクルフックについて確認してみます。...
Twitterのシェアボタンをカスタマイズする
Twitterのシェアボタンをカスタマイズする際に設定できるオプションをいくつか試してみます。...
Githubの個人アクセストークンをSourceTreeで使用する
GithubでのGit操作でパスワード認証が使用できなくなっているようだったので、個人アクセストークンを使用する方法を試...
Auth0でTwitterを使ってログインする
以前にAuth0を使ったログインの実装を試しましたが、ここにTwitterでのログイン機能を追加してみます。...
Twitter APIの利用申請の流れを試してみる
Twitter APIの利用申請を行う機会があったので、申請の流れをメモ。...
Auth0を使ってみる
Auth0を使って、ログイン・ログアウトの実装を試してみます。...
Nuxt.jsでグローバルに適用したいCSSを設定する
nuxt.config.jsのcssプロパティを使って、すべてのページに適用するCSSを設定してみます。...
JavaScriptでクイズ系のコンテンツを作成してみる
JavaScriptを使って、簡単なクイズコンテンツを作ってみます。...