Javascript アーカイブ - ページ 2 / 6

[Nuxt.js] Firebase Authentication の覚書② ServiceWorkerによるセッション管理

NuxtでリファレンスにあるServiceWorkerによるセッション管理をやってみたのでここに記す…。

Firebaseの認証でメールアドレス＆パスワード、メールリンク、Google、Twitter…と一通り実装してみたなかではメールアドレス＆パスワード認証が一番面倒臭かった。この記事はその面倒くさいメアド認証にまつわる […]

2年前に書いた HTML5 Form Validationサンプル（jQuery + Bootstrap 4.0 + Constraint Validation API）の Vue版です。 HTML5のフォーム要素に備 […]

array_combine — 一方の配列をキーとして、もう一方の配列を値として、ひとつの配列を生成するピコ太郎のPPAPがまんまそのイメージ。つまりこういうのがやりたい： const key = [‘green’, […]

[Vue] ページネーション機能の作り方とコンポーネント作成入門　からの続き。続きなので前の記事で作ったやつがないとできません！引き続きCodeSandboxでやります。ローカルに環境作った方はそちらでどうぞ。 C […]

およそ3時間くらい苦しめられた。

環境構築とかすっ飛ばしてページネーションコンポーネント作るぞー！！とりあえずパソコンとChromeがあればおk！なVue初心者向けの入門記事です。

書いた時のバージョンNuxt 2.2.0Vue 2.6.6

babelバージョン7系のpolyfillについてのメモ。

カウントダウンの数字が全部バラで要素に入っててスタイルが個別につけられるやつ

以下要件： YouTubeの動画をインラインで再生させる 1をクリックするとモーダルでその動画を拡大表示させるモーダルウィンドウが開いている時はインライン動画は停止、閉じたら再生

Slickで中央表示モードにして外側から中央にかけて大きくさせるエフェクトつけるサンプル。

JavaScriptでオブジェクトをループさせたいと思った時は Object.keys でキーだけ配列にしたものを Array.forEach で回すっていうのが鉄板だったが、 ES2017の Object.entrie […]

JestのtestでmockAxios使ってて、mockResponseのところでエラーになる原因同名であげられてたissueにあるコメントを要約するとテスト書くときの順番の問題で axios.getしてるやつの後に […]

GSAP使ったページングアニメーションのモック。コンテンツがページの半分ずつに並んでいてクリックで全面へ展開させる