WebTecNote

[Nuxt] Firebase Authentication を使ってみての覚書② ServiceWorkerによるセッション管理

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

“[Nuxt] Firebase Authentication を使ってみての覚書② ServiceWorkerによるセッション管理” の続きを読む→

2019/05/27By Tenderfeel Javascript, Vue&Nuxt Firebase、FirebaseAuthenticationコメントする

[JS] Firebase Authentication を使ってみての覚書 ① メールアドレス認証

Firebaseの認証でメールアドレス＆パスワード、メールリンク、Google、Twitter…と一通り実装してみたなかではメールアドレス＆パスワード認証が一番面倒臭かった。
この記事はその面倒くさいメアド認証にまつわる各種手順を脳内整理がてらメモったものです。

殆どはFirebaseの公式ドキュメントに書いてあることなので、主要な関数名などにはドキュメントへのリンクを貼ってあります。

“[JS] Firebase Authentication を使ってみての覚書 ① メールアドレス認証” の続きを読む→

2019/05/24By Tenderfeel Javascript Firebase、FirebaseAuthenticationコメントする

[Vue] HTML5 Form Validation を利用するフォーム要素コンポーネント

2年前に書いた HTML5 Form Validationサンプル（jQuery + Bootstrap 4.0 + Constraint Validation API）の Vue版です。

HTML5のフォーム要素に備わっているValidation機能（Constraint Validation API）を利用するフォーム要素のコンポーネントと、それを利用したフォームのサンプルを作ってみた。

“[Vue] HTML5 Form Validation を利用するフォーム要素コンポーネント” の続きを読む→

2019/05/10By Tenderfeel Javascript Validator、Vueコメントする

[WordPress] Transients API によるキャッシュの利用

Transients API は Options API に似ていますが、有効期限という機能を使うことで、キャッシュされるデータを一時的に wp_options テーブルへ保存するという処理をシンプルに実現します。

“[WordPress] Transients API によるキャッシュの利用” の続きを読む→

2019/05/07By Tenderfeel wordpress Transients APIコメントする

CodeSandboxとNow(ZEIT)で爆速Webアプリ作成

令和になりました～。
15年ほど前はテキストエディタとかFTPとか使ってたけど今はどうでしょ。
私はエディタはAtomに落ち着いてますが、NotePad++も気に入ってます。
FTPはレンタルサーバー借りてる人が使うくらいじゃないですかね。新卒世代はもうFTPなんて使ったこと無いのでは。

最近Firebaseが流行ってるけどNowもまあ凄いです。
認証とかデータベースとかが必要ないならFirebaseよりNowの方が合ってるんじゃないかな～。CodeSandbox+Nowだとローカル環境もサーバーも用意しなくていいし、デプロイだって自動でやってくれるからね。

昨日ちょっとしたアプリをCodeSandboxで作ったので、それをNowでデプロイするまでの手順をざっくりまとめてみた。
“CodeSandboxとNow(ZEIT)で爆速Webアプリ作成” の続きを読む→

2019/05/01By Tenderfeel Memo CodeSandbox、Now、Vue、ZEITコメントする

[JS] PHPのarray_combineをJavaScriptで

array_combine — 一方の配列をキーとして、もう一方の配列を値として、ひとつの配列を生成する

ピコ太郎のPPAPがまんまそのイメージ。

つまりこういうのがやりたい：

const key = ['green', 'red', 'yellow'];
const val = ['avocado', 'apple', 'banana'];
↓
{"green":"avocado","red":"apple","yellow":"banana"}

“[JS] PHPのarray_combineをJavaScriptで” の続きを読む→

2019/04/30By Tenderfeel Javascript ES2015コメントする

IE11とAndroid4系のサポートを終わらせるための HTML/CSS/JS 未対応仕様まとめ

いまだにIE11とAndroid4系サポートで苦しんでるフロントの人はいるんでしょうか。
かくいう私もこいつらにさんざん苦しめられたので、Can I Useを元に未対応なHTML/CSS/JSの仕様をざっくり一覧にしてみましたぞ。
「これだけ未対応なんだからサポート切らせてください」って言えるように。

“IE11とAndroid4系のサポートを終わらせるための HTML/CSS/JS 未対応仕様まとめ” の続きを読む→

2019/04/19By Tenderfeel Memoコメントする

[Vue] ページング機能の作り方（弐）コンポーネントのテスト作成入門

[Vue] ページング機能の作り方とコンポーネント作成入門　からの続き。
続きなので前の記事で作ったやつがないとできません！

引き続きCodeSandboxでやります。
ローカルに環境作った方はそちらでどうぞ。

CodeSandboxのプレビューのところに、Testsっていうタブがあるのに気づきましたか？

これ、テストを実行して結果を表示してくれる便利機能です。
今回はこの機能を使えるようにします！

“[Vue] ページング機能の作り方（弐）コンポーネントのテスト作成入門” の続きを読む→

2019/03/31By Tenderfeel Javascript CodeSandbox、Jest、Pagination、Vueコメントする

[WordPress] WP Offload Media Lite プラグインにデータベースを殺されかけた話

WP Offload Media Lite プラグインは、Wordpressに保存される画像をAmazonS3などのストレージにうpしてくれるやつ。
Jetpackにwordpress.comの配信サービスでやっつけてくれるお手軽なオプションがついてるので、あえてAmazonS3を使おうという個人ユーザーは少ないでしょう。
AmazonS3を使おうとするのはほとんど商業ベースだと考えられます。なので同じ轍を踏んでｳﾞｧｰとならないために出来事をまとめました。

⚠️ この記事はWP Offload Media Lite を使ってない人には関係ない内容となっています。
“[WordPress] WP Offload Media Lite プラグインにデータベースを殺されかけた話” の続きを読む→

2019/03/28By Tenderfeel wordpress wp-pluginコメントする