はじめに

Vue.js でキーボード操作で要素間を移動させる方法について整理した。

イメージとしてはツリービューみたいなやつとかを、 キーで移動するような感じ。

TL;DR

  • tabindex を移動させたい要素に設定
  • @keyup.up.exact, @keyup.down.exact でイベントハンドラを設定
  • ハンドラ内で次要素の tabindex を算出して focus
続きを読む

はじめに

特殊な要件だが、Tippy Instance を生成せずに隠す方法を調べた。

TL;DR

続きを読む

はじめに

NativeScript + Firebase でプッシュ通知を行う方法。

TL;DR

続きを読む

はじめに

Vue.js を使ってネイテイブアプリの開発が可能な NativeScript-Vue について整理した。

セットアップから、Vue Router を使ったページ遷移、モーダルの表示などについて。

続きを読む

はじめに

Vue.js で画像プレビューする方法を整理した。

基本的に たった2ステップ!Vue.js で選択画像をプレビューする方法(サンプルDL可) – console dot log の通り。

TL;DR

  • <input type="file">@change でイベントハンドラを設定
  • イベントハンドラ内で FileReaderreadAsDataURLdata: url として読み込み
  • 読み込み完了したら Vue の datadata: url を設定
  • <img :src="dataUrl>` のようにバインドして表示
続きを読む

はじめに

Laravel の Form::select で空の選択肢ありのセレクトボックスを出す方法をまとめた。

TL;DR

続きを読む

はじめに

ページ中の複数の画像を zip に圧縮してローカルにダウンロードする方法を整理した。
JavaScript で画像をローカルにダウンロード の続き

TL;DR

続きを読む

はじめに

JavaScript で画像をローカルにダウンロードする方法を整理した。

img タグで表示されている画像を JS 実行で保存するような処理を想定。

参考: zip にまとめてダウンロード編: JavaScript で複数画像を zip に圧縮してローカルにダウンロード

TL;DR

続きを読む

r17n


Softwear Engineer


Fukuoka