陰陽師のミコマラ中手持ち無沙汰だったので、9年前MooToolsを使ってこさえたやつ、
[MooTools] 診断テスト作成スクリプト Diagnosizm
これをライブラリ依存なしで書き直してみた。
作者別: Tenderfeel
[Vue] 続 Constraint Validation API パスワード強度ゲージの表示
[Vue] HTML5 Form Validation を利用するフォーム要素コンポーネント の続き。
脆弱なパスワードかどうか診断してその強さを表示するやつ、Wordpressにも備わってるあれをVueでやる。
[JS] Firebase Authentication を使ってみての覚書 ④ エラーメッセージの日本語化
公式で多言語対応されてないから自分で翻訳しないとだった。
“[JS] Firebase Authentication を使ってみての覚書 ④ エラーメッセージの日本語化” の続きを読む
[JS] Firebase Authentication を使ってみての覚書 ③ OAuth認証
Google, Twitter, Facebook等のOAuth系認証は使うProviderクラスが変わるだけでやることは同じ。なのでまとめました。
Facebook認証とTwitter認証はデベロッパーアカウントでのアプリ設定が必要なのでGoogle認証より手間がかかる。
“[JS] Firebase Authentication を使ってみての覚書 ③ OAuth認証” の続きを読む
[WordPress] TinyMCE(v5) カスタムボタンの追加とショートコード／HTMLの相互変換
TinyMCEにショートコードを挿入するカスタムボタンを追加したはいいが、
見た目がイケてないのでビジュアルエディタではHTMLタグに変換してスタイリングしたいなあと思いましてね、その方法をぐぐってたら自分が昔書いた記事にたどり着くっていう…
[wp] 自作したショートコードをビジュアルエディタ内で置換する
そりゃ9年も経ってたら書いたことすら忘れますわ。
TinyMCE自体も記事を書いた当時多分バージョン3だったのが今はバージョン5になってて記事のソースじゃ動かないんで、こちらに現行のWordpress(5.x系)で動くものを載せておきます。
“[WordPress] TinyMCE(v5) カスタムボタンの追加とショートコード／HTMLの相互変換” の続きを読む
[Vue] tesseract.jsでOCR
JavascriptでOCRできるtesseract.jsで、ゲームの装備ステータスをスクショから読み取れるのか試した。
うーん、漢字多いなら中国語指定の方が精度高いかも
英語ならｽｯとできるんだろうけどなあ～～～～～～
[Vue] ファイルアップロード＆バリデーション ( use bootstrap-vue )
See the Pen
vue.js(bootstrap-vue) File Upload by Tenderfeel (@Tenderfeel)
on CodePen.
なんでか初回はonchangeが反応しない挙動があった。
プレビュー表示ならwatchでv-model監視する手もあるな🤔と思った。
draganddropの判別にmodernizr使おうとしたら存在しなかったんだけど消えたんですかね。
ないものは仕方ないからisMobileでPCだけドラッグドロップUIになるようにしてます。
[Nuxt] Firebase Authentication を使ってみての覚書② ServiceWorkerによるセッション管理
NuxtでリファレンスにあるServiceWorkerによるセッション管理をやってみたのでここに記す…。
“[Nuxt] Firebase Authentication を使ってみての覚書② ServiceWorkerによるセッション管理” の続きを読む
[JS] Firebase Authentication を使ってみての覚書 ① メールアドレス認証
Firebaseの認証でメールアドレス＆パスワード、メールリンク、Google、Twitter…と一通り実装してみたなかではメールアドレス＆パスワード認証が一番面倒臭かった。
この記事はその面倒くさいメアド認証にまつわる各種手順を脳内整理がてらメモったものです。
殆どはFirebaseの公式ドキュメントに書いてあることなので、主要な関数名などにはドキュメントへのリンクを貼ってあります。
[Vue] HTML5 Form Validation を利用するフォーム要素コンポーネント
2年前に書いた HTML5 Form Validationサンプル（jQuery + Bootstrap 4.0 + Constraint Validation API） の Vue版です。
HTML5のフォーム要素に備わっているValidation機能（Constraint Validation API）を利用するフォーム要素のコンポーネントと、それを利用したフォームのサンプルを作ってみた。
[WordPress] Transients API による キャッシュの利用
Transients API は Options API に似ていますが、有効期限という機能を使うことで、キャッシュされるデータを一時的に wp_options テーブルへ保存するという処理をシンプルに実現します。
CodeSandboxとNow(ZEIT)で爆速Webアプリ作成
令和になりました～。
15年ほど前はテキストエディタとかFTPとか使ってたけど今はどうでしょ。
私はエディタはAtomに落ち着いてますが、NotePad++も気に入ってます。
FTPはレンタルサーバー借りてる人が使うくらいじゃないですかね。新卒世代はもうFTPなんて使ったこと無いのでは。
最近Firebaseが流行ってるけどNowもまあ凄いです。
認証とかデータベースとかが必要ないならFirebaseよりNowの方が合ってるんじゃないかな～。CodeSandbox+Nowだとローカル環境もサーバーも用意しなくていいし、デプロイだって自動でやってくれるからね。
昨日ちょっとしたアプリをCodeSandboxで作ったので、それをNowでデプロイするまでの手順をざっくりまとめてみた。
“CodeSandboxとNow(ZEIT)で爆速Webアプリ作成” の続きを読む
[JS] PHPのarray_combineをJavaScriptで
array_combine — 一方の配列をキーとして、もう一方の配列を値として、ひとつの配列を生成する
ピコ太郎のPPAPがまんまそのイメージ。
つまりこういうのがやりたい：
const key = ['green', 'red', 'yellow'];
const val = ['avocado', 'apple', 'banana'];
↓
{"green":"avocado","red":"apple","yellow":"banana"}
IE11とAndroid4系のサポートを終わらせるための HTML/CSS/JS 未対応仕様まとめ
いまだにIE11とAndroid4系サポートで苦しんでるフロントの人はいるんでしょうか。
かくいう私もこいつらにさんざん苦しめられたので、Can I Useを元に未対応なHTML/CSS/JSの仕様をざっくり一覧にしてみましたぞ。
「これだけ未対応なんだからサポート切らせてください」って言えるように。
[Vue] ページング機能の作り方（弐）コンポーネントのテスト作成入門
[Vue] ページング機能の作り方とコンポーネント作成入門 からの続き。
続きなので前の記事で作ったやつがないとできません！
引き続きCodeSandboxでやります。
ローカルに環境作った方はそちらでどうぞ。
CodeSandboxのプレビューのところに、Testsっていうタブがあるのに気づきましたか？
これ、テストを実行して結果を表示してくれる便利機能です。
今回はこの機能を使えるようにします！