Electronでデスクトップアプリを作ろうとしたメモ

月曜日の祝日、陰陽師の週替りイベントの好機を逃すという悲しい思いをしまして。
いつも開いてるPC版の隣で通知とかするアプリがあればなーと思ったとき、Electronで作れるんでは?とその存在を思い出したのでした。
いつの時代も悔しさは己の闘志を奮起してくれるものです。

“Electronでデスクトップアプリを作ろうとしたメモ” の続きを読む

CodeSandboxがNuxt.jsに対応してたからNowデプロイまでやってみたら数分で終わって凄かった話

全くCodeSandboxについて知らない人は前に書いたCodeSandboxとNow(ZEIT)で爆速Webアプリ作成 を読むといいかもしれない。

陰陽師の周回中手持ち無沙汰だったのでなんとなくCodeSandboxを開いてみたら、いつの間にかNext.jsとかNuxt.jsとかが増えてたんですねえ…。

TypeScriptセットのやつも増えてて時流を感じます。

“CodeSandboxがNuxt.jsに対応してたからNowデプロイまでやってみたら数分で終わって凄かった話” の続きを読む

Nuxt.jsでStorybookを使用してみたメモ

React・Vue・Angularなど使うとコンポーネント単位でUIプレビューしたくなるんですよねえ。
Storybookはそれを叶えてくれるツールで、規模や人員が大きくなればなるほど必要性が増してくると思いました。
StyleDoccoとか使ってた頃の手間や苦労を思い出すと、いやはや便利になったものです。

Nuxtで作ってるサイトにStorybook入れてみたら、ちょいちょいつまづくポイントがあったので、導入から問題解決についてStepByStepでメモりました。
“Nuxt.jsでStorybookを使用してみたメモ” の続きを読む

[JS] Web Audio API であの楽器

私が初めて触った時はFirebox4のベータ版しか対応してなかったWeb Audio API、
今はもう殆どのブラウザがサポートしてるんですねえ…。

いや~感慨深いなあ。
ってことで今週も陰陽師の周回中に9年前に作ったまま放置してて音が鳴らなくなってたあの楽器を音出るようにしてみた。

See the Pen
あの楽器
by Tenderfeel (@Tenderfeel)
on CodePen.

“[JS] Web Audio API であの楽器” の続きを読む

[JS] 9年前の診断テスト作成スクリプトを今風に書き直してみた

陰陽師のミコマラ中手持ち無沙汰だったので、9年前MooToolsを使ってこさえたやつ、

[MooTools] 診断テスト作成スクリプト Diagnosizm

これをライブラリ依存なしで書き直してみた。

“[JS] 9年前の診断テスト作成スクリプトを今風に書き直してみた” の続きを読む

[Vue.js] 続 Constraint Validation API パスワード強度ゲージの表示

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

“[Vue.js] 続 Constraint Validation API パスワード強度ゲージの表示” の続きを読む

[Vue.js] ファイルアップロード&バリデーション ( 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になるようにしてます。

“[Vue.js] ファイルアップロード&バリデーション ( use bootstrap-vue )” の続きを読む