Skip to content

Instantly share code, notes, and snippets.

@mrgarita
Forked from ShinoharaTa/1_Basic300.json
Last active February 26, 2022 13:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mrgarita/238176d26da1261a1624ced0f7c0efc5 to your computer and use it in GitHub Desktop.
Save mrgarita/238176d26da1261a1624ced0f7c0efc5 to your computer and use it in GitHub Desktop.
プログラミング英語検定の基本300単語帳アプリサイト
[
{
"name": "accept",
"a": "動詞",
"description": "受諾する"
},
{
"name": "access",
"a": "動詞/名詞",
"description": "アクセスする/アクセス"
},
{
"name": "account",
"a": "名詞",
"description": "アカウント、口座"
},
{
"name": "algorithm",
"a": "名詞",
"description": "アルゴリズム"
},
{
"name": "allow",
"a": "動詞",
"description": "可能にする、許可する"
},
{
"name": "alternative",
"a": "形容詞",
"description": "代替の"
},
{
"name": "application",
"a": "名詞",
"description": "アプリケーション"
},
{
"name": "apply",
"a": "動詞",
"description": "適用する"
},
{
"name": "argument",
"a": "名詞",
"description": "引数"
},
{
"name": "array",
"a": "名詞",
"description": "配列"
},
{
"name": "attribute",
"a": "名詞",
"description": "属性"
},
{
"name": "audio",
"a": "名詞",
"description": "オーディオ、音声"
},
{
"name": "author",
"a": "名詞",
"description": "作成者"
},
{
"name": "available",
"a": "形容詞",
"description": "利用可能な、入手可能な"
},
{
"name": "avoid",
"a": "動詞",
"description": "回避する"
},
{
"name": "backup",
"a": "名詞",
"description": "バックアップ"
},
{
"name": "base",
"a": "形容詞/動詞",
"description": "ベースの、基底の/〜に基づく(based onで)"
},
{
"name": "bit",
"a": "名詞",
"description": "ビット"
},
{
"name": "blank",
"a": "形容詞",
"description": "空白の"
},
{
"name": "block",
"a": "名詞/動詞",
"description": "ブロック/ブロックする"
},
{
"name": "boolean",
"a": "形容詞",
"description": "ブール値の"
},
{
"name": "branch",
"a": "名詞",
"description": "ブランチ、分岐"
},
{
"name": "browser",
"a": "名詞",
"description": "ブラウザー"
},
{
"name": "bug",
"a": "名詞",
"description": "バグ"
},
{
"name": "byte",
"a": "名詞",
"description": "バイト"
},
{
"name": "cache",
"a": "名詞",
"description": "キャッシュ"
},
{
"name": "cancel",
"a": "動詞",
"description": "キャンセルする、取り消す"
},
{
"name": "capacity",
"a": "名詞",
"description": "容量"
},
{
"name": "case",
"a": "名詞",
"description": "場合、ケース"
},
{
"name": "character",
"a": "名詞",
"description": "文字"
},
{
"name": "checkbox",
"a": "名詞",
"description": "チェックボックス"
},
{
"name": "choice",
"a": "名詞",
"description": "選択"
},
{
"name": "clear",
"a": "動詞",
"description": "消去する"
},
{
"name": "click",
"a": "動詞",
"description": "クリックする"
},
{
"name": "client",
"a": "名詞",
"description": "クライアント"
},
{
"name": "clipboard",
"a": "名詞",
"description": "クリップボード"
},
{
"name": "cloud",
"a": "名詞",
"description": "クラウド"
},
{
"name": "cluster",
"a": "名詞",
"description": "クラスター"
},
{
"name": "code",
"a": "名詞",
"description": "コード"
},
{
"name": "collection",
"a": "名詞",
"description": "コレクション、収集"
},
{
"name": "column",
"a": "名詞",
"description": "列、カラム"
},
{
"name": "command",
"a": "名詞",
"description": "コマンド、命令"
},
{
"name": "comment",
"a": "名詞",
"description": "コメント"
},
{
"name": "commit",
"a": "動詞",
"description": "コミットする、(処理などを)確定する"
},
{
"name": "communication",
"a": "名詞",
"description": "通信、コミュニケーション"
},
{
"name": "component",
"a": "名詞",
"description": "コンポーネント、部品"
},
{
"name": "condition",
"a": "名詞",
"description": "条件"
},
{
"name": "configuration",
"a": "名詞",
"description": "構成"
},
{
"name": "connect",
"a": "動詞",
"description": "接続する"
},
{
"name": "connection",
"a": "名詞",
"description": "接続"
},
{
"name": "console",
"a": "名詞",
"description": "コンソール"
},
{
"name": "constant",
"a": "名詞/形容詞",
"description": "定数/一定の"
},
{
"name": "constructor",
"a": "名詞",
"description": "コンストラクター"
},
{
"name": "contain",
"a": "動詞",
"description": "含む"
},
{
"name": "container",
"a": "名詞",
"description": "コンテナー"
},
{
"name": "content",
"a": "名詞",
"description": "内容、コンテンツ"
},
{
"name": "context",
"a": "名詞",
"description": "コンテキスト、文脈"
},
{
"name": "continue",
"a": "動詞",
"description": "続行する"
},
{
"name": "control",
"a": "名詞/動詞",
"description": "制御、コントロール/制御する"
},
{
"name": "cookie",
"a": "名詞",
"description": "クッキー"
},
{
"name": "core",
"a": "名詞/形容詞",
"description": "コア/最重要の"
},
{
"name": "correctly",
"a": "副詞",
"description": "正しく、正常に"
},
{
"name": "count",
"a": "動詞/名詞",
"description": "数える/回数、数"
},
{
"name": "current",
"a": "形容詞",
"description": "現在の"
},
{
"name": "cursor",
"a": "名詞",
"description": "カーソル"
},
{
"name": "custom",
"a": "形容詞",
"description": "カスタムの、ユーザー設定の"
},
{
"name": "customize",
"a": "動詞",
"description": "カスタマイズする"
},
{
"name": "damage",
"a": "名詞",
"description": "損害、ダメージ"
},
{
"name": "dashboard",
"a": "名詞",
"description": "ダッシュボード"
},
{
"name": "data",
"a": "名詞",
"description": "データ"
},
{
"name": "database",
"a": "名詞",
"description": "データベース"
},
{
"name": "debug",
"a": "動詞/名詞",
"description": "デバッグする/デバッグ"
},
{
"name": "default",
"a": "名詞/動詞",
"description": "デフォルト値、既定値/デフォルトで〜になる"
},
{
"name": "define",
"a": "動詞",
"description": "定義する"
},
{
"name": "delete",
"a": "動詞",
"description": "削除する"
},
{
"name": "destroy",
"a": "動詞",
"description": "破棄する"
},
{
"name": "determine",
"a": "動詞",
"description": "判別する、決定する"
},
{
"name": "developer",
"a": "名詞",
"description": "開発者"
},
{
"name": "development",
"a": "名詞",
"description": "開発"
},
{
"name": "device",
"a": "名詞",
"description": "機器、デバイス"
},
{
"name": "dialog",
"a": "名詞",
"description": "ダイアログ"
},
{
"name": "directory",
"a": "名詞",
"description": "ディレクトリー"
},
{
"name": "disk",
"a": "名詞",
"description": "ディスク"
},
{
"name": "document",
"a": "名詞/動詞",
"description": "ドキュメント、文書/(文書で)記録する"
},
{
"name": "documentation",
"a": "名詞",
"description": "ドキュメント、資料"
},
{
"name": "domain",
"a": "名詞",
"description": "ドメイン"
},
{
"name": "download",
"a": "動詞",
"description": "ダウンロードする"
},
{
"name": "driver",
"a": "名詞",
"description": "ドライバー"
},
{
"name": "drop-down",
"a": "形容詞",
"description": "ドロップダウンの"
},
{
"name": "edit",
"a": "動詞",
"description": "編集する"
},
{
"name": "editor",
"a": "名詞",
"description": "エディター"
},
{
"name": "element",
"a": "名詞",
"description": "要素"
},
{
"name": "empty",
"a": "形容詞",
"description": "空の"
},
{
"name": "enter",
"a": "動詞",
"description": "入力する"
},
{
"name": "entry",
"a": "名詞",
"description": "エントリー、入力"
},
{
"name": "environment",
"a": "名詞",
"description": "環境"
},
{
"name": "equal",
"a": "形容詞/動詞",
"description": "等しい/〜に等しい"
},
{
"name": "error",
"a": "名詞",
"description": "エラー"
},
{
"name": "except",
"a": "前置詞",
"description": "〜を除く"
},
{
"name": "exception",
"a": "名詞",
"description": "例外"
},
{
"name": "exist",
"a": "動詞",
"description": "存在する"
},
{
"name": "exit",
"a": "動詞",
"description": "終了する"
},
{
"name": "expand",
"a": "動詞",
"description": "拡大する、展開する"
},
{
"name": "expected",
"a": "形容詞",
"description": "期待された"
},
{
"name": "export",
"a": "名詞/動詞",
"description": "エクスポート/エクスポートする"
},
{
"name": "express",
"a": "動詞",
"description": "表現する"
},
{
"name": "expression",
"a": "名詞",
"description": "表現、式"
},
{
"name": "fail",
"a": "動詞",
"description": "失敗する"
},
{
"name": "feature",
"a": "名詞",
"description": "機能、特徴"
},
{
"name": "field",
"a": "名詞",
"description": "フィールド"
},
{
"name": "file",
"a": "名詞",
"description": "ファイル"
},
{
"name": "filter",
"a": "名詞/動詞",
"description": "フィルター/絞り込む"
},
{
"name": "fix",
"a": "動詞",
"description": "修正する、解決する"
},
{
"name": "flag",
"a": "名詞",
"description": "フラグ"
},
{
"name": "folder",
"a": "名詞",
"description": "フォルダー"
},
{
"name": "following",
"a": "形容詞/名詞",
"description": "次に述べる/次の項目"
},
{
"name": "font",
"a": "名詞",
"description": "フォント"
},
{
"name": "force",
"a": "動詞",
"description": "強制する"
},
{
"name": "format",
"a": "名詞/動詞",
"description": "フォーマット、書式/初期化する"
},
{
"name": "function",
"a": "名詞",
"description": "機能、関数"
},
{
"name": "general",
"a": "形容詞",
"description": "全般の、一般の"
},
{
"name": "generate",
"a": "動詞",
"description": "生成する"
},
{
"name": "global",
"a": "形容詞",
"description": "グローバルな、大域の"
},
{
"name": "graphic",
"a": "名詞",
"description": "グラフィック、画像"
},
{
"name": "guide",
"a": "名詞",
"description": "ガイド"
},
{
"name": "hardware",
"a": "名詞",
"description": "ハードウェア"
},
{
"name": "height",
"a": "名詞",
"description": "高さ"
},
{
"name": "hide",
"a": "動詞",
"description": "隠す、非表示にする"
},
{
"name": "highlight",
"a": "名詞/動詞",
"description": "ハイライト/強調表示する"
},
{
"name": "host",
"a": "名詞",
"description": "ホスト"
},
{
"name": "icon",
"a": "名詞",
"description": "アイコン"
},
{
"name": "ignore",
"a": "動詞",
"description": "無視する"
},
{
"name": "image",
"a": "名詞",
"description": "画像、イメージ"
},
{
"name": "import",
"a": "名詞/動詞",
"description": "インポート/インポートする"
},
{
"name": "including",
"a": "前置詞",
"description": "〜を含めて"
},
{
"name": "index",
"a": "名詞",
"description": "インデックス、索引"
},
{
"name": "indicate",
"a": "動詞",
"description": "示す"
},
{
"name": "input",
"a": "名詞/動詞",
"description": "入力/入力する"
},
{
"name": "install",
"a": "動詞",
"description": "インストールする"
},
{
"name": "installer",
"a": "名詞",
"description": "インストーラー"
},
{
"name": "instance",
"a": "名詞",
"description": "インスタンス、実例"
},
{
"name": "instruction",
"a": "名詞",
"description": "指示"
},
{
"name": "integer",
"a": "名詞",
"description": "整数"
},
{
"name": "interface",
"a": "名詞",
"description": "インターフェイス"
},
{
"name": "issue",
"a": "名詞",
"description": "問題点"
},
{
"name": "item",
"a": "名詞",
"description": "項目"
},
{
"name": "label",
"a": "名詞/動詞",
"description": "ラベル/ラベルを貼る"
},
{
"name": "latest",
"a": "形容詞",
"description": "最近の"
},
{
"name": "layer",
"a": "名詞",
"description": "レイヤー、層"
},
{
"name": "layout",
"a": "名詞",
"description": "レイアウト"
},
{
"name": "length",
"a": "名詞",
"description": "長さ"
},
{
"name": "level",
"a": "名詞",
"description": "レベル、水準"
},
{
"name": "library",
"a": "名詞",
"description": "ライブラリー"
},
{
"name": "license",
"a": "名詞/動詞",
"description": "ライセンス/ライセンス供与する"
},
{
"name": "limit",
"a": "動詞/名詞",
"description": "制限する/制限"
},
{
"name": "link",
"a": "名詞/動詞",
"description": "リンク/リンクする"
},
{
"name": "local",
"a": "形容詞",
"description": "ローカルの、局所の"
},
{
"name": "location",
"a": "名詞",
"description": "位置、場所"
},
{
"name": "lock",
"a": "動詞",
"description": "ロックする"
},
{
"name": "log",
"a": "名詞/動詞",
"description": "ログ/ログを取る"
},
{
"name": "login",
"a": "名詞",
"description": "ログイン"
},
{
"name": "loop",
"a": "名詞",
"description": "ループ"
},
{
"name": "manage",
"a": "動詞",
"description": "管理する"
},
{
"name": "manager",
"a": "名詞",
"description": "マネージャー"
},
{
"name": "media",
"a": "名詞",
"description": "メディア"
},
{
"name": "memory",
"a": "名詞",
"description": "メモリー"
},
{
"name": "merge",
"a": "動詞",
"description": "マージする、統合する"
},
{
"name": "method",
"a": "名詞",
"description": "メソッド、方法"
},
{
"name": "missing",
"a": "形容詞",
"description": "見つからない、欠落している"
},
{
"name": "mode",
"a": "名詞",
"description": "モード"
},
{
"name": "module",
"a": "名詞",
"description": "モジュール"
},
{
"name": "network",
"a": "名詞",
"description": "ネットワーク"
},
{
"name": "node",
"a": "名詞",
"description": "ノード"
},
{
"name": "none",
"a": "代名詞",
"description": "一つもなし"
},
{
"name": "normal",
"a": "形容詞",
"description": "標準の"
},
{
"name": "note",
"a": "名詞/動詞",
"description": "注意/〜に注意する"
},
{
"name": "notice",
"a": "名詞",
"description": "通知、注意"
},
{
"name": "null",
"a": "形容詞",
"description": "空の、nullの"
},
{
"name": "occur",
"a": "動詞",
"description": "発生する"
},
{
"name": "operation",
"a": "名詞",
"description": "操作、処理"
},
{
"name": "option",
"a": "名詞",
"description": "オプション"
},
{
"name": "optional",
"a": "形容詞",
"description": "任意の、オプションの"
},
{
"name": "output",
"a": "名詞/動詞",
"description": "出力/出力する"
},
{
"name": "override",
"a": "動詞",
"description": "オーバーライドする、優先する"
},
{
"name": "owner",
"a": "名詞",
"description": "所有者、オーナー"
},
{
"name": "package",
"a": "名詞",
"description": "パッケージ"
},
{
"name": "pane",
"a": "名詞",
"description": "ペイン、ウィンドウ"
},
{
"name": "parameter",
"a": "名詞",
"description": "パラメーター、仮引数"
},
{
"name": "pass",
"a": "動詞",
"description": "渡す"
},
{
"name": "patch",
"a": "名詞",
"description": "パッチ、修正プログラム"
},
{
"name": "path",
"a": "名詞",
"description": "パス"
},
{
"name": "perform",
"a": "動詞",
"description": "実行する"
},
{
"name": "performance",
"a": "名詞",
"description": "性能、パフォーマンス"
},
{
"name": "permission",
"a": "名詞",
"description": "許可"
},
{
"name": "physical",
"a": "形容詞",
"description": "物理的な"
},
{
"name": "pool",
"a": "名詞",
"description": "プール"
},
{
"name": "popup",
"a": "名詞",
"description": "ポップアップ"
},
{
"name": "port",
"a": "名詞",
"description": "ポート"
},
{
"name": "position",
"a": "名詞",
"description": "位置"
},
{
"name": "press",
"a": "動詞",
"description": "押す"
},
{
"name": "preview",
"a": "名詞/動詞",
"description": "プレビュー/プレビューする"
},
{
"name": "previous",
"a": "形容詞",
"description": "前の"
},
{
"name": "print",
"a": "動詞",
"description": "印刷する"
},
{
"name": "process",
"a": "名詞/動詞",
"description": "プロセス/処理する"
},
{
"name": "profile",
"a": "名詞",
"description": "プロファイル、プロフィール"
},
{
"name": "properly",
"a": "副詞",
"description": "適切に、正常に"
},
{
"name": "property",
"a": "名詞",
"description": "プロパティー"
},
{
"name": "protect",
"a": "動詞",
"description": "保護する"
},
{
"name": "provide",
"a": "動詞",
"description": "提供する"
},
{
"name": "public",
"a": "形容詞",
"description": "公開の"
},
{
"name": "publish",
"a": "動詞",
"description": "公開する"
},
{
"name": "pull",
"a": "動詞/名詞",
"description": "プルする、取得する/プル"
},
{
"name": "push",
"a": "動詞",
"description": "押す、プッシュする"
},
{
"name": "query",
"a": "名詞",
"description": "クエリー"
},
{
"name": "range",
"a": "名詞",
"description": "範囲"
},
{
"name": "real-time",
"a": "形容詞",
"description": "リアルタイムの"
},
{
"name": "receive",
"a": "動詞",
"description": "受信する"
},
{
"name": "recommend",
"a": "動詞",
"description": "推奨する"
},
{
"name": "record",
"a": "動詞/名詞",
"description": "記録する/記録、レコード"
},
{
"name": "refactor",
"a": "動詞",
"description": "リファクターする"
},
{
"name": "refer",
"a": "動詞",
"description": "参照する"
},
{
"name": "reference",
"a": "名詞/動詞",
"description": "参照、リファレンス/参照する"
},
{
"name": "release",
"a": "動詞",
"description": "リリースする、公開する"
},
{
"name": "remove",
"a": "動詞",
"description": "削除する"
},
{
"name": "rename",
"a": "動詞",
"description": "名前を変更する"
},
{
"name": "replace",
"a": "動詞",
"description": "置換する"
},
{
"name": "report",
"a": "動詞/名詞",
"description": "報告する/レポート"
},
{
"name": "request",
"a": "名詞/動詞",
"description": "要求、リクエスト/要求する"
},
{
"name": "require",
"a": "動詞",
"description": "必要とする"
},
{
"name": "reset",
"a": "動詞",
"description": "リセットする"
},
{
"name": "resource",
"a": "名詞",
"description": "リソース、資源"
},
{
"name": "respond",
"a": "動詞",
"description": "応答する、返信する"
},
{
"name": "response",
"a": "名詞",
"description": "応答"
},
{
"name": "restart",
"a": "動詞",
"description": "再起動する"
},
{
"name": "result",
"a": "名詞",
"description": "結果"
},
{
"name": "right-click",
"a": "動詞",
"description": "右クリックする"
},
{
"name": "role",
"a": "名詞",
"description": "役割、ロール"
},
{
"name": "root",
"a": "名詞",
"description": "ルート"
},
{
"name": "route",
"a": "名詞",
"description": "経路、ルート"
},
{
"name": "row",
"a": "名詞",
"description": "行"
},
{
"name": "save",
"a": "動詞",
"description": "保存する"
},
{
"name": "scan",
"a": "動詞",
"description": "スキャンする、走査する"
},
{
"name": "schedule",
"a": "名詞/動詞",
"description": "予定、スケジュール/予定する"
},
{
"name": "screen",
"a": "名詞",
"description": "画面"
},
{
"name": "script",
"a": "名詞",
"description": "スクリプト"
},
{
"name": "scroll",
"a": "動詞",
"description": "スクロールする"
},
{
"name": "search",
"a": "動詞/名詞",
"description": "検索する/検索"
},
{
"name": "security",
"a": "名詞",
"description": "セキュリティー"
},
{
"name": "select",
"a": "動詞",
"description": "選択する"
},
{
"name": "server",
"a": "名詞",
"description": "サーバー"
},
{
"name": "setting",
"a": "名詞",
"description": "設定"
},
{
"name": "shape",
"a": "名詞",
"description": "形状"
},
{
"name": "share",
"a": "動詞",
"description": "共有する"
},
{
"name": "shortcut",
"a": "名詞",
"description": "ショートカット"
},
{
"name": "sign",
"a": "名詞/動詞",
"description": "署名/サインイン(sign in)する、サインアウト(sign out)する"
},
{
"name": "skip",
"a": "動詞",
"description": "スキップする、後でする"
},
{
"name": "sort",
"a": "動詞",
"description": "並び替える、ソートする"
},
{
"name": "source",
"a": "名詞",
"description": "ソース、〜元(送信元など)"
},
{
"name": "specific",
"a": "形容詞",
"description": "特定の"
},
{
"name": "specify",
"a": "動詞",
"description": "指定する"
},
{
"name": "state",
"a": "名詞",
"description": "状態"
},
{
"name": "status",
"a": "名詞",
"description": "状態、ステータス"
},
{
"name": "step",
"a": "名詞",
"description": "ステップ、手順"
},
{
"name": "store",
"a": "動詞",
"description": "保存する、格納する"
},
{
"name": "string",
"a": "名詞",
"description": "文字列"
},
{
"name": "submit",
"a": "動詞",
"description": "提出する、送信する"
},
{
"name": "successful",
"a": "形容詞",
"description": "成功した"
},
{
"name": "supply",
"a": "動詞",
"description": "供給する"
},
{
"name": "support",
"a": "動詞/名詞",
"description": "サポートする、支援する/サポート"
},
{
"name": "switch",
"a": "動詞/名詞",
"description": "切り替える/スイッチ"
},
{
"name": "system",
"a": "名詞",
"description": "システム"
},
{
"name": "tab",
"a": "名詞",
"description": "タブ"
},
{
"name": "table",
"a": "名詞",
"description": "表、テーブル"
},
{
"name": "tag",
"a": "名詞",
"description": "タグ"
},
{
"name": "target",
"a": "名詞",
"description": "ターゲット、対象、〜先(移動先など)"
},
{
"name": "task",
"a": "名詞",
"description": "タスク"
},
{
"name": "template",
"a": "名詞",
"description": "テンプレート"
},
{
"name": "temporary",
"a": "形容詞",
"description": "一時的な"
},
{
"name": "throw",
"a": "動詞",
"description": "スローする、投げる"
},
{
"name": "timeout",
"a": "名詞",
"description": "タイムアウト"
},
{
"name": "touch",
"a": "動詞",
"description": "タッチする"
},
{
"name": "translate",
"a": "動詞",
"description": "変換する、翻訳する"
},
{
"name": "type",
"a": "名詞/動詞",
"description": "種類/(キーボードで)入力する"
},
{
"name": "unable",
"a": "形容詞",
"description": "不可能な"
},
{
"name": "undo",
"a": "動詞",
"description": "元に戻す"
},
{
"name": "uninstall",
"a": "動詞",
"description": "アンインストールする"
},
{
"name": "unit",
"a": "名詞",
"description": "単位、ユニット"
},
{
"name": "unused",
"a": "形容詞",
"description": "未使用の"
},
{
"name": "update",
"a": "動詞/名詞",
"description": "更新する/更新"
},
{
"name": "upgrade",
"a": "動詞",
"description": "アップグレードする"
},
{
"name": "upload",
"a": "動詞/名詞",
"description": "アップロードする/アップロード"
},
{
"name": "value",
"a": "名詞",
"description": "値"
},
{
"name": "variable",
"a": "名詞",
"description": "変数"
},
{
"name": "version",
"a": "名詞",
"description": "バージョン、版"
},
{
"name": "view",
"a": "動詞/名詞",
"description": "表示する/表示、ビュー"
},
{
"name": "warn",
"a": "動詞",
"description": "警告する"
},
{
"name": "warning",
"a": "名詞",
"description": "警告"
},
{
"name": "widget",
"a": "名詞",
"description": "ウィジェット"
},
{
"name": "width",
"a": "名詞",
"description": "幅"
},
{
"name": "wizard",
"a": "名詞",
"description": "ウィザード"
}
]
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=yes">
<title>プログラミン300</title>
<link rel="apple-touch-icon" href="icon.png" > <!--ホームアイコンの設定-->
<link rel="SHORTCUT ICON" href="icon.ico"> <!-- PC用ホームアイコンの設定 -->
<link rel="stylesheet" href="style.css">
<script src="main.js" type="text/javascript"></script>
</head>
<body>
<header>
<h1>プログラミン300</h1>
</header>
<div id="contents">
<div id="word">word</div>
<div id="a">a</div>
<div id="description">description</div>
<div id="no">1/300</div>
</div>
<footer><small>&copy; 2022 <a href="https://torisky.com/" target="_blank">torisky.com</a></small></footer>
</body>
</html>
/* main.js */
const DATA_FILE = "1_Basic300.json"; // 単語データファイル名(JSON形式)
// GitHub@ShinoharaTa氏のJSONファイルより引用 https://gist.github.com/ShinoharaTa/f967fab6a7fd6e0e289f5ce3d00f2060
const STORAGE_KEY = "prg_word_300"; // ローカルストレージ格納用キー
let data = null; // 単語データ格納用
let word, a, description; // [単語]、[品詞]、[説明]
let currentNo; // 現在表示中の[単語番号]格納用
/*
* ローカルストレージチェックし、前回最後に表示された単語番号を取得
*/
function checkStorageKey(){
let key = localStorage.getItem(STORAGE_KEY);
// キーが存在するかのチェック(初回起動時=null)
let ret = 0;
if(key != null){
ret = Number(key);
}
console.log("ストレージ保存番号: " + ret);
return ret;
}
/*
* ローカルストレージに現在表示中の単語番号を保存
*/
function setStorageKey(){
localStorage.setItem(STORAGE_KEY, currentNo);
}
/*
* 単語データ表示部分のDOM取得
*/
function setTango(){
no = document.getElementById("no"); // 単語番号
word = document.getElementById("word"); // 単語
a = document.getElementById("a"); // 品詞
description = document.getElementById("description"); // 説明
}
/*
* スワイプイベント設定
*/
function setSwipe(elem) {
let t = document.querySelector(elem);
let startX;
let startY;
let moveX;
let moveY;
let dist = 30; // スワイプを感知する最低距離(ピクセル単位)
t.addEventListener("touchstart", (e)=>{
e.preventDefault();
startX = e.touches[0].pageX;
startY = e.touches[0].pageY;
});
t.addEventListener("touchmove", (e)=>{
e.preventDefault();
moveX = e.changedTouches[0].pageX;
moveY = e.changedTouches[0].pageY;
});
t.addEventListener("touchend", (e)=>{
if (startX > moveX && startX > moveX + dist) { // 右から左にスワイプ
previous();
}
else if (startX < moveX && startX + dist < moveX) { // 左から右にスワイプ
next();
}
});
}
/*
* 次の単語を表示
*/
function next(){
currentNo ++;
if(currentNo >= data.length) currentNo = 0;
showTango();
}
/*
* 前の単語を表示
*/
function previous(){
currentNo --;
if(currentNo < 0) currentNo = data.length - 1;
showTango();
}
/*
* 単語データを画面に表示する
*/
function showTango(){
word.innerHTML = data[currentNo].name; // 単語
a.innerHTML = data[currentNo].a; // 品詞
description.innerHTML = data[currentNo].description; // 説明
no.innerHTML = currentNo + 1 + "/" + data.length; // 単語番号 x/yyy 形式
// ストレージに単語番号を保存
setStorageKey();
}
/*
* 起動時の処理
*
* 1.ローカルストレージに保存された前回の単語番号を読み取る(保存データが無い場合、3へ)
* 2.JSON形式で保存されている単語データファイルを読み込む
* 3.前回最後に表示した単語を表示する
*
*/
window.addEventListener("load", ()=>{
// 単語データ表示部分のDOM取得
setTango();
// 前回最後に表示した単語番号をローカルストレージから取得
currentNo = checkStorageKey();
// スワイプイベント設定
setSwipe("#contents");
// 単語データ(JSON形式)読み込み処理と初期画面表示
let mondaiObj = new XMLHttpRequest();
mondaiObj.addEventListener("load", ()=>{ // リクエスト完了後の処理
data = JSON.parse(mondaiObj.responseText); // JSONデータとして配列dataに読み込む
console.log("単語データ取得OK : 単語数: " + data.length); // 総単語数を表示(管理者チェック用)
showTango(); // 単語を表示する(単語データ読み込み完了後に表示)
});
mondaiObj.open("GET", DATA_FILE, true); // JSONデータ取得
mondaiObj.send(null); // リクエスト送信
});
@charset "utf-8";
*{
margin: 0;
padding: 0;
}
body{
-webkit-text-size-adjust: none; /* iPhoneのSafariで左上が拡大されて表示される場合の対処 */
font-family: 'メイリオ', Helvetica;
font-size: 16pt;
width: 100%;
margin: 0 auto;
}
header{
padding: 1em;
background-color: steelblue;
}
header h1{
font-size: 24pt;
text-align: center;
color: white;
}
#contents{
padding: 1em 0;
background-color: white;
text-align: center;
color: steelblue;
}
footer{
padding: 1em;
text-align: center;
color: steelblue;
}
a{
text-decoration: none;
color: steelblue;
}
/* 単語部分 */
#word{
padding: 0 0;
font-size: 32pt;
}
/* 詞部分 */
#a{
font-size: 16pt;
height: 2em;
}
/* 意味 */
#description{
margin: 1em;
padding: 0.5em;
border: solid 1px #555;
border-radius: 15px;
font-size: 16pt;
height: 3em;
text-align: left;
}
/* 単語番号表示部分 */
#no{
font-style: italic;
}
/* マーカー */
.marker{
background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment