Software console.log を一瞬で追加する VSCode 拡張機能 Turbo Console Log JavaScript を利用した開発する際、Web ブラウザの開発者ツールを利用して動作を確認する事が多いと思う。ブレークポイントを指定してステップ実行したり、Vue や React 用のプラグインを入れればコンポーネントやモデルの状態を確... 2021.06.09 Software
Programming JavaScript で URL やファイルの拡張子を取得する JavaScript でファイルパスから拡張子を取得する必要があった。取得したい拡張子の種類が決まっているのであれば正規表現を利用するのが良いと思うが、そうでないなら単に split で分けるのが手っ取り早そうだ。 正規表現を利用する... 2019.11.19 Programming
Programming react-autosuggest でオートコンプリートなテキストボックスを作る 以前開発したホテル検索サイトではオートコンプリート機能を実装する際 react-autosuggest を利用した。 実装例は以下で確認できる。 このような感じに都市名を入力するとデータベースを... 2019.01.22 Programming
Programming React.js で Form の Submit を防ぐ方法 通常 HTML の Form にフォーカスを当てた状態でエンターキーを打つなどすると Form を送信してしまう。これを防ぐために form タグに onSubmit="return false;" などと書くわけだが、React.js で... 2019.01.21 Programming
Programming JavaScript で UNIX 時間と日時を変換するツールを作成した 最近 UNIX 時間を利用する機会があったのでどうせならと UNIX 時間と日時を相互に変換できるツールを作成した。以下のリンクより利用できる。 ページ内にあるテキストエリアに数字もしくは日時を入力すると自動的に認識し... 2019.01.05 Programming
Programming JavaScript のみで画像の EXIF を表示する Web ページを作成した 表題の通り、JavaScript のみで画像の EXIF 情報を表示する Web ページを作成した。 「画像を選択してください」のボタンを押すとファイルを選択するダイアログが表示される。ソレ以外にも画像を Web ページ上にド... 2018.07.24 Programming
Programming React Native でプラットフォーム毎の処理を書く React Native はマルチプラットフォーム対応だが、完全に共通のコードで Android, iOS 両方に対応するのは難しいだろう。ある程度 OS 毎の処理を書く必要がある。 React Native では以下の数種類の方法で... 2017.10.22 Programming
WebService PUBG のドン勝コラ画像を簡単につくれる Web アプリ, ドン勝ジェネレーターを作った HTML にある Canvas を使って画像編集を行いたいなと思ったので、とりあえず今やってるゲームである PUBG のリザルト画面を任意の画像と合成できる Web アプリを作ってみました。 画像を選択もしくは Canvas ... 2017.10.14 WebService
Programming React Native で WordPress リーダーアプリを作ってみた React Native の勉強用に Wordpress のブログリーダーアプリを作ってみた。あんまり細かい解説はしない。React Native 使うとこんな感じにアプリ作れますよという事でメモ代わりに置いておこう。 初期設定 ... 2017.07.02 Programming
Programming React.js/jQuery 対応の JavaScript で文字列中の URL をリンクに変換するプラグイン Linkify フロントエンドを JavaScript で記述する際、テキスト中にある URL をリンクに変換したい、という事は多いだろう。 しかし、URL の文字列をリンクに変換するというのは結構面倒だ。ググると正規表現で置換する方法が出て... 2017.05.31 Programming