項番 | タイトル | 機能詳細 | 言語・フレームワーク |
---|---|---|---|
ファイル作成系 | |||
問題集作成 | テキストファイル(問題と解答が別行に記載)を読み込み 1問1答形式のHTMLファイルを作成 作成した問題のNo.確認(以下実行で出力された"index"+1) ⇒Ctrl+Shift+Iキー(F12キー) > Consoleタブ > 以下入力 > Enterキー table($$("body>input[type=hidden]").filter(f=>f.name=="question").map(m=>m.defaultValue)) |
・HTML5 ・JavaScript - File API - encoding.js |
|
CSV変換ツール | テキストファイル(CSV形式)を読み込み 画面で設定の出力フォーマットによるCSVファイルを作成 |
・HTML5 ・JavaScript - File API - encoding.js |
|
SQL作成ツール | テキストファイル(CSV形式)を読み込み 画面上の設定によりINSERT文またはUPDATE文のSQLファイルを作成 |
・HTML5 ・JavaScript - File API - encoding.js |
|
独自開発系 | |||
ブックマークレット一覧 | ブックマークレット作品集 | ・JavaScript | |
正規表現チェッカー | チェック対象文字列に正規表現チェック (複数チェック可能、2バイト文字不可) |
・ReactJS ・Bootstrap ・HTML5 |
|
Markdown / Mermaid エディター | Markdown / Mermaid 記法の表示適用エディター
左右2分割画面版はこちら タブ画面版はこちら IndexedDB保存(DB名: EditorDB) + TOC機能はこちら |
・ReactJS ・Bootstrap ・HTML5 |
|
ボール移動ゲーム | ↑↓←→のキー押下でボールをゴール(黄色エリア)に移動させる ランダムに面を作成、ゴール不可の場合あり⇒リロード(F5キー押下) |
・ReactJS ・Bootstrap ・HTML5 |
|
シューティングゲーム | ←→のキー押下で横移動、SPACEキーで弾を発射 画面上に表示される敵に弾を当ててSCOREを伸ばす |
・Vue.js ・HTML5 |
|
英熟語ゲーム | 単語に付く接尾語/接頭語と英熟語の意味の組み合わせを回答 SCORE機能付きで最高100の間違い毎に-10の減点方式 |
・Vue.js ・Bootstrap ・HTML5 |
|
API取得 | URLと取得フィールド項目(カンマ区切り)入力から取得データを表形式で表示 COVID-19 JAPAN WEB APIのみに対応 |
・AngularJS ・Bootstrap ・HTML5 |
|
ピアノ開発系 | |||
MusicXML取込演奏ピアノ | MusicXML(OpenScoreからDL可能(FREE))を読み込み ピアノの描画と自動演奏機能 |
・HTML5 ・JavaScript - JQuery - Canvas |
|
キーボードピアノ | キーボードの各キーの出力音設定と対象のキー押下 ピアノの描画とピアノ音の出力 |
・HTML5 ・JavaScript - JQuery - Canvas |
|
データ表示系 | |||
画面表示確認 | 表示確認ページ ・文字フォント ・文字色 ・画面背景色 |
・HTML5 ・JavaScript - JQuery |
|
地価公示データ出力_H25_鳥取県鳥取市 | H25鳥取県地価公示XMLデータ(国土数値情報ダウンロードサービス) →鳥取市の地価、住所、最寄駅、最寄駅からの距離をHTML出力 ※Chromeブラウザ推奨 |
・XSLT | |
地価公示データ_H31_全国_ストリートビュー | H31全国地価公示データの緯度経度をストリートビューURLに適用 | ・HTML5 ・JavaScript |