はじめに
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
を算出して focus
PHPOffice/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()
で選択画面表示、コールバックで選択画像の処理