開発したアプリなど一覧

JavaScript

WebService

Twitter Blue でリストが消えたので追加した

今日の Twitter のアップデートで Twitter Blue とかいう課金要素が追加されたのだが、そのせいかリストボタンがメニューから消えてしまった。"More" をクリックすれば表示されるけど、普段リストばっか見てるのでクリック数が...
WebService

ランダムなパスワードを生成する Web アプリを作成した

インターネットをしていればランダムなパスワードが必要な機会はそれなりにあると思う。通常 Web ブラウザでは会員登録などでパスワードを入力する際には、ブラウザの機能によりランダムなパスワードを入力する機能が用意されている。しかしその機能が動...
WebSite

テキストの文字数を数える Web ツールを開発・公開した

最近テキストを書く際に文字数がどれだけあるのかを確認する機会が多く、その都度 Google 検索して適当な Web アプリを開くのが面倒になってきたので、自分で作ることにした。で、開発したのが以下の「文字数をカウントするツール」だ。ページ内...
Software

console.log を一瞬で追加する VSCode 拡張機能 Turbo Console Log

JavaScript を利用した開発する際、Web ブラウザの開発者ツールを利用して動作を確認する事が多いと思う。ブレークポイントを指定してステップ実行したり、Vue や React 用のプラグインを入れればコンポーネントやモデルの状態を確...
Programming

JavaScript で URL やファイルの拡張子を取得する

JavaScript でファイルパスから拡張子を取得する必要があった。取得したい拡張子の種類が決まっているのであれば正規表現を利用するのが良いと思うが、そうでないなら単に split で分けるのが手っ取り早そうだ。正規表現を利用するなら以下...
Programming

react-autosuggest でオートコンプリートなテキストボックスを作る

以前開発したホテル検索サイトではオートコンプリート機能を実装する際 react-autosuggest を利用した。実装例は以下で確認できる。このような感じに都市名を入力するとデータベースを検索して候補を一覧で返す。国旗の表示や日本語表示で...
Programming

React.js で Form の Submit を防ぐ方法

通常 HTML の Form にフォーカスを当てた状態でエンターキーを打つなどすると Form を送信してしまう。これを防ぐために form タグに onSubmit="return false;" などと書くわけだが、React.js で...
Programming

JavaScript で UNIX 時間と日時を変換するツールを作成した

最近 UNIX 時間を利用する機会があったのでどうせならと UNIX 時間と日時を相互に変換できるツールを作成した。以下のリンクより利用できる。ページ内にあるテキストエリアに数字もしくは日時を入力すると自動的に認識して UNIX 時間もしく...
Programming

JavaScript のみで画像の EXIF を表示する Web ページを作成した

表題の通り、JavaScript のみで画像の EXIF 情報を表示する Web ページを作成した。「画像を選択してください」のボタンを押すとファイルを選択するダイアログが表示される。ソレ以外にも画像を Web ページ上にドラッグするもしく...
Programming

React Native でプラットフォーム毎の処理を書く

React Native はマルチプラットフォーム対応だが、完全に共通のコードで Android, iOS 両方に対応するのは難しいだろう。ある程度 OS 毎の処理を書く必要がある。React Native では以下の数種類の方法で OS ...