はじめに

NativeScript でデータの 保存/読み出し を行う方法を整理した。

TL;DR

  • ApplicationSettings を使う
    • const appSettings = require("tns-core-modules/application-settings");
    • appSettings.getXXXX, appSettings.setXXXX, appSettings.hasKey, etc
続きを読む

はじめに

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

続きを読む

はじめに

Apache2 + PHP でウェブサーバを立てている状況で、非公開ディレクトリ(パブリックでないローカルのディレクトリ)の画像を読み込んで表示する方法を調べた。

※「画像は表示したいが、画像ファイル自体は公開ディレクトリに格納したくない」のような特殊なケース

TL;DR

続きを読む

はじめに

ツールチップを簡単に表示できる atomiks/tippyjs を触る機会があったので、簡単に使い方を整理した。

デモページ

TL;DR

  • tippy(<target>, { content: 'my tooltip' }) でツールチップを設定
    • <target> はセレクタ(#id など)でも、Node(document.querySelector('#id') など)でも OK
  • content に HTML も設定可能
    • tippy(<target>, { content: '<strong>my tooltip</strong>' })
  • 既存テーマを利用する場合は CSS を読み込んで theme: 'light のように指定
続きを読む

r17n


Softwear Engineer


Fukuoka