開発したアプリなど一覧

JavaScript

Programming

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

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

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

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

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

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

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

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

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

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

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

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

PUBG のドン勝コラ画像を簡単につくれる Web アプリ, ドン勝ジェネレーターを作った

HTML にある Canvas を使って画像編集を行いたいなと思ったので、とりあえず今やってるゲームである PUBG のリザルト画面を任意の画像と合成できる Web アプリを作ってみました。 画像を選択もしくは Canvas ...
Programming

React Native で WordPress リーダーアプリを作ってみた

React Native の勉強用に Wordpress のブログリーダーアプリを作ってみた。あんまり細かい解説はしない。React Native 使うとこんな感じにアプリ作れますよという事でメモ代わりに置いておこう。 初期設定 ...
Programming

React.js/jQuery 対応の JavaScript で文字列中の URL をリンクに変換するプラグイン Linkify

フロントエンドを JavaScript で記述する際、テキスト中にある URL をリンクに変換したい、という事は多いだろう。 しかし、URL の文字列をリンクに変換するというのは結構面倒だ。ググると正規表現で置換する方法が出て...
WebSite

HTML の BODY 内から CSS ファイルを読み込む

通常 HTML で CSS を読み込む場合、head タグ内に記述する。ところが止むに止まれぬ事情により body タグ内で外部のスタイルシートを読み込みこむ必要がでてきた。具体的にいうと Wordpress のある投稿内でのみ解説の為に外...
タイトルとURLをコピーしました