[{"data":1,"prerenderedAt":386},["ShallowReactive",2],{"\u002Fworks\u002Fquiz-flasher":3},{"id":4,"title":5,"body":6,"description":12,"extension":367,"github":368,"images":369,"meta":373,"navigation":378,"order":368,"path":379,"period":380,"seo":381,"stem":382,"tech":383,"__hash__":385},"works\u002Fworks\u002Fquiz-flasher.md","Quiz Flasher",{"type":7,"value":8,"toc":356},"minimark",[9,13,18,21,26,32,37,103,107,114,119,123,319,322,325,337,344,352],[10,11,12],"p",{},"問題データを入れた Google スプレッドシートのファイルから、ランダムに問題を出題する Web アプリです。すべてのシートから出題させたり、特定のシートの特定の問題のみで出題させることもできます。自分が JavaScript を初めて使って作った作品です。バックエンド的に使うのももちろんですが、モーダルウィンドウなどデザイン面で利用したのもこれが初でした。",[14,15,17],"h2",{"id":16},"api","API",[10,19,20],{},"クイズ出題の部分は API 化してあるので仕様を載せておきます。メソッドは全て GET です。メンテナンスはしていないためずっと使える保証はないです。なお LINE bot の方はこの API を利用しています。",[22,23,25],"h3",{"id":24},"base-url","Base URL",[10,27,28],{},[29,30,31],"code",{},"https:\u002F\u002Fscript.google.com\u002Fmacros\u002Fs\u002FAKfycbzOi_ACgcxDldiJ-8kVS5Hxxe8i37O168mubm95taRE7kAZ9a9Q\u002Fexec",[33,34,36],"h4",{"id":35},"parameter","Parameter",[38,39,40,57],"table",{},[41,42,43],"thead",{},[44,45,46,51,54],"tr",{},[47,48,50],"th",{"align":49},"left","Property",[47,52,53],{},"Type",[47,55,56],{"align":49},"Description",[58,59,60,72,81,92],"tbody",{},[44,61,62,66,69],{},[63,64,65],"td",{"align":49},"t",[63,67,68],{},"String",[63,70,71],{"align":49},"タイプ。基本は show で固定",[44,73,74,76,78],{},[63,75,10],{"align":49},[63,77,68],{},[63,79,80],{"align":49},"スプレッドシートの id。非公開設定のものは無理",[44,82,83,86,89],{},[63,84,85],{"align":49},"s",[63,87,88],{},"Number",[63,90,91],{"align":49},"シートの番号。0 を始点として何個目のシートか",[44,93,94,97,100],{},[63,95,96],{"align":49},"o",[63,98,99],{},"Boolean",[63,101,102],{"align":49},"オプショナル。 true にすると 4 列目の文字を回答の末尾に出力。作問者情報を入れたいときなどに使ってください",[22,104,106],{"id":105},"example","Example",[33,108,110,111],{"id":109},"request-get","Request: ",[29,112,113],{},"GET",[10,115,116],{},[29,117,118],{},"https:\u002F\u002Fscript.google.com\u002Fmacros\u002Fs\u002FAKfycbzOi_ACgcxDldiJ-8kVS5Hxxe8i37O168mubm95taRE7kAZ9a9Q\u002Fexec?t=show&p=1lnZuqxrFkku0qcfhe_ugUcH05qh7If1jV_g67WzlgH0&s=0",[33,120,122],{"id":121},"response","Response",[124,125,130],"pre",{"className":126,"code":127,"language":128,"meta":129,"style":129},"language-json shiki shiki-themes github-light github-dark","[\n  {\n    \"n\": \"abc the first:0001\",\n    \"q\": \"「abc ～ the first ～」へようこそ！さて、ABC・・・と始まるアルファベットは、全部で何文字でしょう？\",\n    \"a\": \"26 文字\",\n    \"tag\": \"\"\n  },{\n    \"n\": \"abc the first:0002\",\n    \"q\": \"人気漫画『ドラえもん』の登場人物で、ジャイアンの苗字は剛田ですが、スネ夫の苗字は何でしょう？\",\n    \"a\": \"骨川（滑川も正解）\",\n    \"tag\": \"\"\n  },{\n    \"n\":\"abc the first:0003\",\n    \"q\":\"格闘家ボブ・サップの出身国はどこでしょう？\",\n    \"a\":\"アメリカ\",\n    \"tag\":\"\"\n  }, ...\n]\n","json","",[29,131,132,141,147,164,177,190,201,207,219,231,243,252,257,270,282,294,303,313],{"__ignoreMap":129},[133,134,137],"span",{"class":135,"line":136},"line",1,[133,138,140],{"class":139},"sVt8B","[\n",[133,142,144],{"class":135,"line":143},2,[133,145,146],{"class":139},"  {\n",[133,148,150,154,157,161],{"class":135,"line":149},3,[133,151,153],{"class":152},"sj4cs","    \"n\"",[133,155,156],{"class":139},": ",[133,158,160],{"class":159},"sZZnC","\"abc the first:0001\"",[133,162,163],{"class":139},",\n",[133,165,167,170,172,175],{"class":135,"line":166},4,[133,168,169],{"class":152},"    \"q\"",[133,171,156],{"class":139},[133,173,174],{"class":159},"\"「abc ～ the first ～」へようこそ！さて、ABC・・・と始まるアルファベットは、全部で何文字でしょう？\"",[133,176,163],{"class":139},[133,178,180,183,185,188],{"class":135,"line":179},5,[133,181,182],{"class":152},"    \"a\"",[133,184,156],{"class":139},[133,186,187],{"class":159},"\"26 文字\"",[133,189,163],{"class":139},[133,191,193,196,198],{"class":135,"line":192},6,[133,194,195],{"class":152},"    \"tag\"",[133,197,156],{"class":139},[133,199,200],{"class":159},"\"\"\n",[133,202,204],{"class":135,"line":203},7,[133,205,206],{"class":139},"  },{\n",[133,208,210,212,214,217],{"class":135,"line":209},8,[133,211,153],{"class":152},[133,213,156],{"class":139},[133,215,216],{"class":159},"\"abc the first:0002\"",[133,218,163],{"class":139},[133,220,222,224,226,229],{"class":135,"line":221},9,[133,223,169],{"class":152},[133,225,156],{"class":139},[133,227,228],{"class":159},"\"人気漫画『ドラえもん』の登場人物で、ジャイアンの苗字は剛田ですが、スネ夫の苗字は何でしょう？\"",[133,230,163],{"class":139},[133,232,234,236,238,241],{"class":135,"line":233},10,[133,235,182],{"class":152},[133,237,156],{"class":139},[133,239,240],{"class":159},"\"骨川（滑川も正解）\"",[133,242,163],{"class":139},[133,244,246,248,250],{"class":135,"line":245},11,[133,247,195],{"class":152},[133,249,156],{"class":139},[133,251,200],{"class":159},[133,253,255],{"class":135,"line":254},12,[133,256,206],{"class":139},[133,258,260,262,265,268],{"class":135,"line":259},13,[133,261,153],{"class":152},[133,263,264],{"class":139},":",[133,266,267],{"class":159},"\"abc the first:0003\"",[133,269,163],{"class":139},[133,271,273,275,277,280],{"class":135,"line":272},14,[133,274,169],{"class":152},[133,276,264],{"class":139},[133,278,279],{"class":159},"\"格闘家ボブ・サップの出身国はどこでしょう？\"",[133,281,163],{"class":139},[133,283,285,287,289,292],{"class":135,"line":284},15,[133,286,182],{"class":152},[133,288,264],{"class":139},[133,290,291],{"class":159},"\"アメリカ\"",[133,293,163],{"class":139},[133,295,297,299,301],{"class":135,"line":296},16,[133,298,195],{"class":152},[133,300,264],{"class":139},[133,302,200],{"class":159},[133,304,306,309],{"class":135,"line":305},17,[133,307,308],{"class":139},"  }, ",[133,310,312],{"class":311},"s7hpK","...\n",[133,314,316],{"class":135,"line":315},18,[133,317,318],{"class":139},"]\n",[14,320,321],{"id":321},"関連リンク",[22,323,5],{"id":324},"quiz-flasher",[326,327,328],"ul",{},[329,330,331],"li",{},[332,333,336],"a",{"href":334,"target":335},"https:\u002F\u002Fscript.google.com\u002Fmacros\u002Fs\u002FAKfycby0uoGf4OGDKWBvfDNUERpDD2M7sny83k9Oj9D69RjDTub4E_o\u002Fexec","_blank","ホーム｜ Quiz Flasher",[22,338,340,341],{"id":339},"abclinequiz-line-bot","abcLINEQUIZ ",[133,342,343],{},"LINE bot",[326,345,346],{},[329,347,348],{},[332,349,351],{"href":350,"target":335},"https:\u002F\u002Flin.ee\u002FDidtKli","LINE Add Friend",[353,354,355],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s7hpK, html code.shiki .s7hpK{--shiki-default:#B31D28;--shiki-default-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":129,"searchDepth":143,"depth":143,"links":357},[358,362],{"id":16,"depth":143,"text":17,"children":359},[360,361],{"id":24,"depth":149,"text":25},{"id":105,"depth":149,"text":106},{"id":321,"depth":143,"text":321,"children":363},[364,365],{"id":324,"depth":149,"text":5},{"id":339,"depth":149,"text":366},"abcLINEQUIZ LINE bot","md",null,[370],{"src":371,"alt":372},"quiz-flasher.webp","モバイル UI を 3 画面並列にキャプチャした Web アプリ「Quiz Flasher」のダークテーマ画面。左端はホーム画面で、「このサイトは何？」「プリセット」「その他のツール」「このWebアプリについて」という見出しが並ぶ。中央はクイズ出題画面で、画面上からシート IDとシート名、「次の問題」のボタン、問題文、橙色による正解文、回答履歴のテーブルが並ぶ。右端は「スプレッドシートのidから検索」画面で、URL入力欄と検索結果として抽出されたシート名一蘭があり、それぞれリンクテキストとして表示されている。",{"excerpt":374},{"type":7,"value":375},[376],[10,377,12],{},true,"\u002Fworks\u002Fquiz-flasher","2019.11 - 2020.07",{"title":5,"description":12},"works\u002Fquiz-flasher",[384],"GAS","px6KsEje9JMA-XqR5g_qb0rrbK0QnHNUP4aicKpxumA",1775013670137]