はじめに
Vue.js で入力フォーム フォーカス中に Enter キーで Submit させる方法について整理した。
ほぼ参考サイトの通り。
TL;DR
- 単純に
@keyup.enterを使うと、日本語変換での確定 Enter も対象になる @keypress.enterだと、日本語変換での確定 Enter は発火しない- 組み合わせてフラグ管理することで実現
Vue.js で入力フォーム フォーカス中に Enter キーで Submit させる方法について整理した。
ほぼ参考サイトの通り。
@keyup.enter を使うと、日本語変換での確定 Enter も対象になる@keypress.enter だと、日本語変換での確定 Enter は発火しないVue.js でキーボード操作で要素間を移動させる方法について整理した。
イメージとしてはツリービューみたいなやつとかを、↑ ↓ → ← キーで移動するような感じ。
tabindex を移動させたい要素に設定@keyup.up.exact, @keyup.down.exact でイベントハンドラを設定tabindex を算出して focusPHPOffice/PhpSpreadsheet を使って、エクセルファイルを操作する方法(読み込み系)を整理した。
composer require phpoffice/phpspreadsheet でインストールload でファイル読み込み, getSheetByName でシート選択getRowIterator & getColumnIterator や rangeToArray でデータ取得特殊な要件だが、Tippy Instance を生成せずに隠す方法を調べた。
_tippy にインスタンスを保持しているのでそれを利用hide() を実行PHP で azuyalabs/yasumi を使って祝日を判定する方法を整理した。
composer require azuyalabs/yasumi でインストールYasumi::create でインスタンス生成isHoliday で祝日判定addHoliday で独自の祝日追加NativeScript(NativeScript-Vue) で ボトムタブバーによるナビゲーションを行う方法。
TabView で実装するBottomNavigation で実装可能API Client 作成時など、実際にリクエストを投げることのできるページについて整理した。
現状見つけたページは下記。面倒なので単なるリンク集レベルで、各ページがどうこうという解説は無し。
multipart/form-data の POST もいけそう※試したことがあるのは JSONPlaceholder だけ。
NativeScript でアクションバーのカスタマイズについて整理した
NavigationButton で Android 向けに戻るボタンを配置可能ActionItem でシェアボタンや削除ボタンを追加可能visibility で戻るボタンやシェアボタンの表示制御が可能NativeScript で アプリ内のファイル、フォトライブラリの 画像/動画、カメラで撮影した画像/動画 をアップロード(multipart/form-data)する方法。
NativeScript で フォトライブラリの 画像や動画 を 参照/選択 する方法。
create() で ImagePicker を生成authorize() で権限要求、present() で選択画面表示、コールバックで選択画像の処理