WebService 家計やおこずかいなどの内訳を円グラフにするWebサービスを作成した
ふと思いついたので、家計やおこずかいなどお金に関する内訳の円グラフを生成する Web ページを作成した。こんな感じのグラフを作る事ができる。機能的には特筆すべき点は無いと思う。金額と項目名を入力して「追加」ボタンを押したり「削除」ボタンで項...
React.js
WebService 
WebService 一日のスケジュールを円グラフ化する Web サービスを作成した
ふと思いついたので一日のスケジュールを円グラフとして表示する Web サービスを作ってみた。時刻と行動を入力するだけで簡単に一日のスケジュールの円グラフを作ることができる。予定を立てたり自分の生活スタイルを共有したりするのに使えるかと思う。...
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 子供に優しいホテル検索サイトを開発した
Agoda の API イジってたらふと思いついたので子供に優しいホテルを検索する Web サイトを開発した。子連れの旅行は大変そうだからね、知らんけど。Agoda のページから子供向けの設備・施設(託児所やキッズルーム・子供向けプールなど...
WebService Twitter のエゴサーチが捗る Web アプリ・エゴサマン作ったので公開した
Twitter の検索結果から前後のツイートや会話ツリーを確認したり RT した人の直後のツイートを見るツールを作った。仕様Twitter API の仕様上直筋7日までのツイートしか辿れません。「前後のツイートを見る」は前後3つまでのツイー...
Programming React.js/jQuery 対応の JavaScript で文字列中の URL をリンクに変換するプラグイン Linkify
フロントエンドを JavaScript で記述する際、テキスト中にある URL をリンクに変換したい、という事は多いだろう。しかし、URL の文字列をリンクに変換するというのは結構面倒だ。ググると正規表現で置換する方法が出て来るが、URL ...