WebTecNote - ページ 2 / 33 - 気ままに綴る独学メモ帳

[WordPress] REST APIで静的サイトに更新可能なコンテンツを作成する

静的に作られたサイトの一部分だけクライアントが更新できるようにしてくれって言われた時、Wordpressを使う手がある。更新可能なページを作る時に必要なデータをREST APIでJSONとして出力するまでの手順についてまとめた。

そのコンポーネントが読み込まれた時にだけimportしてほしいという場合に

Web Audio APIで初音ミクのあの楽器を再現するやつ、9年ぶりの復活

陰陽師のミコマラ中手持ち無沙汰だったので、9年前MooToolsを使ってこさえたやつ、 [MooTools] 診断テスト作成スクリプト Diagnosizm これをライブラリ依存なしで書き直してみた。

[Vue] HTML5 Form Validation を利用するフォーム要素コンポーネントの続き。脆弱なパスワードかどうか診断してその強さを表示するやつ、Wordpressにも備わってるあれをVueでやる。

公式で多言語対応されてないから自分で翻訳しないとだった。

Google, Twitter, Facebook等のOAuth系認証は使うProviderクラスが変わるだけでやることは同じ。なのでまとめました。 Facebook認証とTwitter認証はデベロッパーアカウントでのア […]

TinyMCEにショートコードを挿入するカスタムボタンを追加したはいいが、見た目がイケてないのでビジュアルエディタではHTMLタグに変換してスタイリングしたいなあと思いましてね、その方法をぐぐってたら自分が昔書いた記事 […]

JavascriptでOCRできるtesseract.jsで、ゲームの装備ステータスをスクショから読み取れるのか試した。うーん、漢字多いなら中国語指定の方が精度高いかも英語ならｽｯとできるんだろうけどなあ～～～～～～

See the Pen vue.js(bootstrap-vue) File Upload by Tenderfeel (@Tenderfeel) on CodePen. なんでか初回はonchangeが反応しない挙動が […]

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

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

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

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

CodeSandbox+ZEITならローカル環境もサーバーも用意しなくていいし、デプロイだって自動でやってくれるし、更新もコミットしたら勝手にやってくれる。新時代の幕開けやでこれは…！