{"id":4124,"date":"2024-11-30T10:42:45","date_gmt":"2024-11-30T01:42:45","guid":{"rendered":"https:\/\/www.elehobby.fun\/?p=4124"},"modified":"2024-11-30T10:42:45","modified_gmt":"2024-11-30T01:42:45","slug":"flutter-%e3%82%af%e3%82%a4%e3%82%ba-%e3%82%a2%e3%83%97%e3%83%aa%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9","status":"publish","type":"post","link":"https:\/\/www.elehobby.fun\/?p=4124","title":{"rendered":"Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u306e\u4f5c\u308a\u65b9"},"content":{"rendered":"\n<p>\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u30b7\u30f3\u30d7\u30eb\u3067\u3042\u308a\u306a\u304c\u3089\u30a8\u30ec\u30ac\u30f3\u30c8\u306a Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002&nbsp;<\/p>\n\n\n\n<p>\u3055\u3089\u306b\u3001\u3044\u304f\u3064\u304b\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u6a5f\u80fd\u3001\u524d\u63d0\u6761\u4ef6\u3001\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u624b\u9806\u3068\u3068\u3082\u306b\u5b66\u7fd2\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u76ee\u6b21<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-this-flutter-quiz-app-widgets-and-plugins-strong\">\u3053\u306eFlutter\u30af\u30a4\u30ba\u30a2\u30d7\u30ea\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3068\u30d7\u30e9\u30b0\u30a4\u30f3<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-concepts-strong\">\u30b3\u30f3\u30bb\u30d7\u30c8<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-requirements-strong\">\u8981\u4ef6<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-the-first-step-to-creating-a-flutter-quiz-app-strong\">Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u6700\u521d\u306e\u30b9\u30c6\u30c3\u30d7<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-creating-the-questions-page-strong\">\u8cea\u554f\u30da\u30fc\u30b8\u306e\u4f5c\u6210<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-creating-the-options-page-strong\">\u30aa\u30d7\u30b7\u30e7\u30f3\u30da\u30fc\u30b8\u306e\u4f5c\u6210<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-creating-the-correct-answer-calculator-strong\">\u6b63\u89e3\u8a08\u7b97\u6a5f\u306e\u4f5c\u6210<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-creating-the-result-page-strong-strong-for-flutter-quiz-app-strong\">Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u306e\u7d50\u679c\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/flutterservice.com\/flutter-quiz-app\/#strong-conclusion-strong\">\u7d50\u8ad6<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"strong-this-flutter-quiz-app-widgets-and-plugins-strong\"><strong>\u3053\u306eFlutter\u30af\u30a4\u30ba\u30a2\u30d7\u30ea\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3068\u30d7\u30e9\u30b0\u30a4\u30f3<\/strong><\/h2>\n\n\n\n<p><strong>\u3053\u306e\u30a2\u30d7\u30ea\u306b\u306f\u3001\u4ee5\u4e0b\u306b\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u308b\u6a5f\u80fd\u307e\u305f\u306f\u30e2\u30b8\u30e5\u30fc\u30eb\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>10 \u500b\u306e\u8907\u6570\u9078\u629e\u5f0f\u306e\u8cea\u554f\u304c\u3042\u308a\u3001\u3055\u3089\u306b\u8ffd\u52a0\u3059\u308b\u4f59\u5730\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u5404\u8cea\u554f\u306b\u306f\u3001\u6700\u5f8c\u306e\u8cea\u554f\u3092\u9664\u3044\u3066\u3001\u30dc\u30bf\u30f3\u30d9\u30fc\u30b9\u306e\u9078\u629e\u53ef\u80fd\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u304c 4 \u3064\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u5404\u8cea\u554f\u306e\u30b9\u30b3\u30a2\u306f\u3001\u9078\u629e\u3055\u308c\u305f\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3088\u3063\u3066\uff08\u5185\u90e8\u7684\u306b\uff09\u6c7a\u5b9a\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u3055\u3089\u306b\u3001\u3053\u306e\u30d5\u30e9\u30c3\u30bf\u30fc\u30af\u30a4\u30ba\u30a2\u30d7\u30ea\u306e\u6700\u5f8c\u306b\u306f\u3001\u30b9\u30b3\u30a2\u3068\u518d\u958b\u30dc\u30bf\u30f3\u306b\u52a0\u3048\u3066\u3001\u6700\u7d42\u30b9\u30b3\u30a2\u306b\u57fa\u3065\u3044\u305f\u30b3\u30e1\u30f3\u30c8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30a2\u30d7\u30ea\u306b\u306f\u3001\u30db\u30fc\u30e0\u753b\u9762\uff08\u8cea\u554f\u304c\u8868\u793a\u3055\u308c\u308b\u753b\u9762\uff09\u3068\u7d50\u679c\u753b\u9762\uff08\u30b9\u30b3\u30a2\u3068\u30b3\u30e1\u30f3\u30c8\u304c\u8868\u793a\u3055\u308c\u308b\u753b\u9762\uff09\u306e 2 \u3064\u306e\u753b\u9762\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u5177\u4f53\u7684\u306b\u306f\u3001main.dart\u3001question.dart\u3001answer.dart\u3001quiz.dart\u3001result.dart \u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30a2\u30d7\u30ea\u5168\u4f53\u3092\u6574\u7406\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u306e\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3067\u3001Flutter \u3068 Dart \u306e\u57fa\u790e\u3092\u5fa9\u7fd2\u3067\u304d\u307e\u3059\u3002&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"strong-concepts-strong\"><strong>\u30b3\u30f3\u30bb\u30d7\u30c8<\/strong><\/h2>\n\n\n\n<p><strong>\u79c1\u305f\u3061\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u591a\u304f\u306e\u30a2\u30a4\u30c7\u30a2\u306b\u3064\u3044\u3066\u8b70\u8ad6\u3059\u308b\u4e88\u5b9a\u3067\u3059:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u753b\u9762\u4e0a\u306b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u30ea\u30b5\u30a4\u30af\u30eb<\/li>\n\n\n\n<li>\u30b9\u30ca\u30c3\u30af\u30d0\u30fc<\/li>\n\n\n\n<li>\u5171\u6709\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u5185\u90e8\u30ed\u30b8\u30c3\u30af<\/li>\n\n\n\n<li>\u30d5\u30a1\u30a4\u30eb<\/li>\n\n\n\n<li>\u672a\u6765\u30d3\u30eb\u30c0\u30fc<\/li>\n\n\n\n<li>\u30d3\u30eb\u30c0\u30fc<\/li>\n\n\n\n<li>\u884c<\/li>\n\n\n\n<li>\u753b\u9762\u306e\u5909\u66f4\u3002<\/li>\n\n\n\n<li>\u30c6\u30ad\u30b9\u30c8\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9<\/li>\n\n\n\n<li>\u30b3\u30e9\u30e0<\/li>\n\n\n\n<li>\u30dc\u30bf\u30f3\u7b49<\/li>\n<\/ul>\n\n\n\n<p>\u30a2\u30d7\u30ea\u306e\u958b\u767a\u3092\u59cb\u3081\u308b\u306b\u306f\u3001\u307e\u305a Flutter \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3066\u3001Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u306e Firebase \u3092\u4f5c\u6210\u3057\u3001\u591a\u6570\u306e\u30d5\u30a1\u30a4\u30eb\u3068\u30d5\u30a9\u30eb\u30c0\u30fc\u3092\u63d0\u4f9b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u65e2\u5b58\u306e main.dart \u30d5\u30a1\u30a4\u30eb\u306f\u3001Lib \u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u3042\u308a\u307e\u3059\u3002&nbsp;<\/p>\n\n\n\n<p><strong>\u73fe\u5728\u3001\u540c\u3058\u30d5\u30a9\u30eb\u30c0\u30fc\u5185\u306b\u6b21\u306e 4 \u3064\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002&nbsp;<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u8cea\u554f.\u30c0\u30fc\u30c4<\/li>\n\n\n\n<li>\u7b54\u3048.\u30c0\u30fc\u30c4<\/li>\n\n\n\n<li>\u30af\u30a4\u30ba.\u30c0\u30fc\u30c4<\/li>\n\n\n\n<li>\u7d50\u679c.dart<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"strong-requirements-strong\"><strong>\u8981\u4ef6<\/strong><\/h2>\n\n\n\n<p><strong>\u4f55\u304c\u5fc5\u8981\u304b\u3092\u77e5\u308b\u306b\u306f\u3001\u4ee5\u4e0b\u3092\u304a\u8aad\u307f\u304f\u3060\u3055\u3044\u3002<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30d5\u30e9\u30c3\u30bf\u30fc<\/li>\n\n\n\n<li>Android Studio \u307e\u305f\u306f VS Code<\/li>\n\n\n\n<li>\u3069\u3061\u3089\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u3067\u3082\u3001Flutter \u304a\u3088\u3073 Dart \u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"strong-the-first-step-to-creating-a-flutter-quiz-app-strong\"><strong>Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u6700\u521d\u306e\u30b9\u30c6\u30c3\u30d7<\/strong><\/h2>\n\n\n\n<p>\u9b45\u529b\u7684\u306a Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea Firebase \u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u6700\u826f\u306e\u65b9\u6cd5\u3002\u307e\u305a\u3001\u53ef\u80fd\u306a\u56de\u7b54\u306e\u30ea\u30b9\u30c8\u3068\u30bf\u30a4\u30c8\u30eb\u3092\u8868\u793a\u3059\u308b\u30c6\u30ad\u30b9\u30c8\u3092\u542b\u3080\u8cea\u554f\u30e2\u30c7\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-creating-the-questions-page-strong\"><strong>\u8cea\u554f\u30da\u30fc\u30b8\u306e\u4f5c\u6210<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u307e\u305a\u3001\u3059\u3079\u3066\u306e\u8cea\u554f\u306e\u3046\u3061\u73fe\u5728\u306e\u8cea\u554f\u306e\u6570\u304c\u30c6\u30ad\u30b9\u30c8 \u30dc\u30c3\u30af\u30b9\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u305d\u306e\u305f\u3081\u3001\u8cea\u554f\u756a\u53f7\u5909\u6570\u3092 1 \u306b\u521d\u671f\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u6b21\u306b\u3001\u305d\u308c\u305e\u308c\u306e\u8cea\u554f\u304c\u500b\u5225\u306b\u8868\u793a\u3055\u308c\u308b\u30da\u30fc\u30b8\u30d3\u30e5\u30fc\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u30da\u30fc\u30b8 \u30d3\u30e5\u30fc\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30b9\u30b3\u30a2\u30ea\u30f3\u30b0\u52d5\u4f5c\u3092\u7121\u52b9\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u8cea\u554f\u914d\u5217\u306e\u9577\u3055\u306f\u3001\u30da\u30fc\u30b8 \u30d3\u30e5\u30fc\u4e0a\u306e\u9805\u76ee\u306e\u6570\u306b\u306a\u308a\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u73fe\u5728\u306e\u8cea\u554f\u306b\u57fa\u3065\u3044\u3066\u3001\u30a2\u30a4\u30c6\u30e0 \u30d3\u30eb\u30c0\u30fc\u5185\u306b\u8cea\u554f UI \u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u305d\u306e\u7d50\u679c\u3001\u8cea\u554f\u30d3\u30eb\u30c9\u30e1\u30bd\u30c3\u30c9\u3067\u8cea\u554f\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u8868\u793a\u3059\u308b\u30c6\u30ad\u30b9\u30c8\u3068\u3001\u73fe\u5728\u306e\u8cea\u554f\u306b\u57fa\u3065\u3044\u3066\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u8868\u793a\u3059\u308b\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import 'package:flutter\/material.dart';\n\nimport '.\/quiz.dart';\nimport '.\/result.dart';\n\nvoid main() => runApp(const MyApp());\n\nclass MyApp extends StatefulWidget {\nconst MyApp({Key? key}) : super(key: key);\n\n@override\nState&lt;StatefulWidget> createState() {\n\treturn _MyAppState();\n}\n}\n\nclass _MyAppState extends State&lt;MyApp> {\nfinal _questions = const [\n\t{\n\t'questionText': 'Q1. Who created Flutter?',\n\t'answers': [\n\t\t{'text': 'Facebook', 'score': -2},\n\t\t{'text': 'Adobe', 'score': -2},\n\t\t{'text': 'Google', 'score': 10},\n\t\t{'text': 'Microsoft', 'score': -2},\n\t],\n\t},\n\t{\n\t'questionText': 'Q2. What is Flutter?',\n\t'answers': [\n\t\t{'text': 'Android Development Kit', 'score': -2},\n\t\t{'text': 'IOS Development Kit', 'score': -2},\n\t\t{'text': 'Web Development Kit', 'score': -2},\n\t\t{\n\t\t'text':\n\t\t\t'SDK to build beautiful IOS, Android, Web &amp; Desktop Native Apps',\n\t\t'score': 10\n\t\t},\n\t],\n\t},\n\t{\n\t'questionText': ' Q3. Which programing language is used by Flutter',\n\t'answers': [\n\t\t{'text': 'Ruby', 'score': -2},\n\t\t{'text': 'Dart', 'score': 10},\n\t\t{'text': 'C++', 'score': -2},\n\t\t{'text': 'Kotlin', 'score': -2},\n\t],\n\t},\n\t{\n\t'questionText': 'Q4. Who created Dart programing language?',\n\t'answers': [\n\t\t{'text': 'Lars Bak and Kasper Lund', 'score': 10},\n\t\t{'text': 'Brendan Eich', 'score': -2},\n\t\t{'text': 'Bjarne Stroustrup', 'score': -2},\n\t\t{'text': 'Jeremy Ashkenas', 'score': -2},\n\t],\n\t},\n\t{\n\t'questionText':\n\t\t'Q5. Is Flutter for Web and Desktop available in stable version?',\n\t'answers': [\n\t\t{\n\t\t'text': 'Yes',\n\t\t'score': -2,\n\t\t},\n\t\t{'text': 'No', 'score': 10},\n\t],\n\t},\n];\n\nvar _questionIndex = 0;\nvar _totalScore = 0;\n\nvoid _resetQuiz() {\n\tsetState(() {\n\t_questionIndex = 0;\n\t_totalScore = 0;\n\t});\n}\n\nvoid _answerQuestion(int score) {\n\t_totalScore += score;\n\n\tsetState(() {\n\t_questionIndex = _questionIndex + 1;\n\t});\n\t\/\/ ignore: avoid_print\n\tprint(_questionIndex);\n\tif (_questionIndex &lt; _questions.length) {\n\t\/\/ ignore: avoid_print\n\tprint('We have more questions!');\n\t} else {\n\t\/\/ ignore: avoid_print\n\tprint('No more questions!');\n\t}\n}\n\n@override\nWidget build(BuildContext context) {\n\treturn MaterialApp(\n\thome: Scaffold(\n\t\tappBar: AppBar(\n\t\ttitle: const Text('Geeks for Geeks'),\n\t\tbackgroundColor: const Color(0xFF00E676),\n\t\t),\n\t\tbody: Padding(\n\t\tpadding: const EdgeInsets.all(30.0),\n\t\tchild: _questionIndex &lt; _questions.length\n\t\t\t? Quiz(\n\t\t\t\tanswerQuestion: _answerQuestion,\n\t\t\t\tquestionIndex: _questionIndex,\n\t\t\t\tquestions: _questions,\n\t\t\t\t) \/\/Quiz\n\t\t\t: Result(_totalScore, _resetQuiz),\n\t\t), \/\/Padding\n\t), \/\/Scaffold\n\tdebugShowCheckedModeBanner: false,\n\t); \/\/MaterialApp\n}\n}\n<\/pre>\n\n\n\n<p>Question \u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3053\u306e<strong>quiz.dart<\/strong>\u30d5\u30a1\u30a4\u30eb\u306f\u3001\u3059\u3067\u306b\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3053\u306e Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u3068\u540c\u69d8\u306b\u3001question \u30af\u30e9\u30b9\u306f\u30b9\u30c6\u30fc\u30c8\u30ec\u30b9\u306a\u306e\u3067\u3001\u5b9f\u884c\u30b5\u30a4\u30af\u30eb\u5168\u4f53\u3092\u901a\u3058\u3066\u5909\u66f4\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002Question \u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u69cb\u9020\u3092\u63d0\u4f9b\u3059\u308b\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8 \u30c4\u30ea\u30fc\u306e\u6b21\u306b\u306f\u3001\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc Question \u304c\u7d9a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3053\u306e\u8a18\u4e8b\u3092\u8aad\u3093\u3060\u4eba\u306f\u6b21\u306e\u8a18\u4e8b\u3082\u8aad\u3093\u3067\u3044\u307e\u3059:&nbsp;<a href=\"https:\/\/flutterservice.com\/flutter-liquid-swipe-animation\/\">Flutter Liquid Swipe Animation<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-creating-the-options-page-strong\"><strong>\u30aa\u30d7\u30b7\u30e7\u30f3\u30da\u30fc\u30b8\u306e\u4f5c\u6210<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30aa\u30d7\u30b7\u30e7\u30f3 \u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5185\u306b\u306f\u3001\u8cea\u554f\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u30de\u30c3\u30d7\u3067\u304d\u308b\u5217\u304c\u3042\u308a\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u3092\u30b3\u30f3\u30d1\u30a4\u30eb\u3067\u304d\u307e\u3059\u3002\u305d\u306e\u7d50\u679c\u3001\u30d3\u30eb\u30c9 \u30aa\u30d7\u30b7\u30e7\u30f3 \u30e1\u30bd\u30c3\u30c9\u5185\u306b\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u30c6\u30ad\u30b9\u30c8\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u88c5\u98fe\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u30b9\u30da\u30fc\u30b9\u3001\u30d1\u30c7\u30a3\u30f3\u30b0\u3001\u30de\u30fc\u30b8\u30f3\u3092\u8ffd\u52a0\u3057\u3066\u3001\u80cc\u666f\u8272\u3092\u78ba\u8a8d\u3057\u306a\u304c\u3089\u30af\u30ea\u30c3\u30af\u3057\u3084\u3059\u304f\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u8cea\u554f\u304c\u30ed\u30c3\u30af\u3055\u308c\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u305f\u306e\u3067\u3001\u4f55\u3082\u3057\u307e\u305b\u3093\u3002<\/li>\n\n\n\n<li>\u305d\u3046\u3067\u306a\u3044\u5834\u5408\u306f\u3001\u8cea\u554f\u3092\u30ed\u30c3\u30af\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u9078\u629e\u3057\u305f\u56de\u7b54\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u3057\u305f\u304c\u3063\u3066\u3001\u4eca\u5fc5\u8981\u306a\u306e\u306f\u3001\u65b0\u3057\u3044\u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u547c\u3073\u51fa\u3057\u5143\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3001\u8cea\u554f\u5185\u306b\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3060\u3051\u3067\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u30b3\u30f3\u30c6\u30ca\u306e\u5883\u754c\u7dda\u306e\u8272\u3068\u3001\u6b63\u89e3\u3068\u4e0d\u6b63\u89e3\u306e\u8a18\u53f7\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import 'package:flutter\/material.dart';\n\nimport '.\/answer.dart';\nimport '.\/question.dart';\n\nclass Quiz extends StatelessWidget {\nfinal List&lt;Map&lt;String, Object>> questions;\nfinal int questionIndex;\nfinal Function answerQuestion;\n\nconst Quiz({\n\tKey? key,\n\trequired this.questions,\n\trequired this.answerQuestion,\n\trequired this.questionIndex,\n}) : super(key: key);\n\n@override\nWidget build(BuildContext context) {\n\treturn Column(\n\tchildren: [\n\t\tQuestion(\n\t\tquestions[questionIndex]['questionText'].toString(),\n\t\t), \/\/Question\n\t\t...(questions[questionIndex]['answers'] as List&lt;Map&lt;String, Object>>)\n\t\t\t.map((answer) {\n\t\treturn Answer(\n\t\t\t() => answerQuestion(answer['score']), answer['text'].toString());\n\t\t}).toList()\n\t],\n\t); \/\/Column\n}\n}\n<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import 'package:flutter\/material.dart';\n\nclass Question extends StatelessWidget {\nfinal String questionText;\n\nconst Question(this.questionText, {Key? key}) : super(key: key);\n\n@override\nWidget build(BuildContext context) {\n\treturn Container(\n\twidth: double.infinity,\n\tmargin: const EdgeInsets.all(10),\n\tchild: Text(\n\t\tquestionText,\n\t\tstyle: const TextStyle(fontSize: 28),\n\t\ttextAlign: TextAlign.center,\n\t), \/\/Text\n\t); \/\/Contaier\n}\n}\n<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-creating-the-correct-answer-calculator-strong\"><strong>\u6b63\u89e3\u8a08\u7b97\u6a5f\u306e\u4f5c\u6210<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30e6\u30fc\u30b6\u30fc\u304c\u6b63\u3057\u304f\u56de\u7b54\u3057\u305f\u8cea\u554f\u306e\u6570\u304c\u30ab\u30a6\u30f3\u30c8\u3055\u308c\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u8cea\u554f\u6570\u304c\u8cea\u554f\u306e\u7dcf\u6570\u3088\u308a\u5c11\u306a\u3044\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3059\u308b\u305f\u3081\u306b\u3001\u30dc\u30bf\u30f3 \u30e1\u30bd\u30c3\u30c9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u4ee5\u964d\u306e\u8cea\u554f\u306e\u6570\u306f\u3001\u90fd\u5e02\u56fd\u5bb6\u5185\u3067 1 \u3064\u305a\u3064\u5897\u52a0\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u73fe\u5728\u3001\u30da\u30fc\u30b8 \u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3092\u4f5c\u6210\u3057\u3066\u521d\u671f\u5316\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u6b21\u306b\u3001\u30aa\u30d7\u30b7\u30e7\u30f3 \u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u65b0\u3057\u3044\u30b9\u30b3\u30a2\u5909\u6570\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u9078\u629e\u3055\u308c\u305f\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u6b63\u78ba\u3067\u3042\u308b\u304b\u3069\u3046\u304b\u304c\u5224\u65ad\u3055\u308c\u308b\u3068\u3001\u30b9\u30b3\u30a2\u306f 1 \u5897\u52a0\u3057\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u30dc\u30bf\u30f3\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3057\u305f\u5f8c\u306b\u306e\u307f\u8868\u793a\u3055\u308c\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u305d\u306e\u7d50\u679c\u3001islocked \u5909\u6570\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u521d\u671f\u5024\u3092 false \u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u6b21\u306b\u3001\u30aa\u30d7\u30b7\u30e7\u30f3 \u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5185\u306e\u8cea\u554f\u30b9\u30c6\u30fc\u30bf\u30b9\u5909\u6570\u306e\u5024\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u6b21\u306b\u3001\u6b21\u306e\u30af\u30a8\u30ea\u306b\u5099\u3048\u3066\u3001\u6607\u683c\u3055\u308c\u305f\u30dc\u30bf\u30f3\u5185\u306e islocked \u30b9\u30c6\u30fc\u30bf\u30b9\u304c false \u306b\u5909\u66f4\u3055\u308c\u307e\u3059\u3002\u3053\u308c\u3067\u3001\u8cea\u554f\u304c\u30ed\u30c3\u30af\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306b\u306e\u307f\u3053\u3053\u306b\u30dc\u30bf\u30f3\u304c\u8868\u793a\u3055\u308c\u3001\u305d\u3046\u3067\u306a\u3044\u5834\u5408\u306f\u4f55\u3082\u8868\u793a\u3055\u308c\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import 'package:flutter\/material.dart';\n\nclass Answer extends StatelessWidget {\nfinal Function selectHandler;\nfinal String answerText;\n\nconst Answer(this.selectHandler, this.answerText, {Key? key})\n\t: super(key: key);\n\n@override\nWidget build(BuildContext context) {\n\t\/\/ use SizedBox for white space instead of Container\n\treturn SizedBox(\n\twidth: double.infinity,\n\tchild: ElevatedButton(\n\t\tonPressed: selectHandler(),\n\t\tstyle: ButtonStyle(\n\t\t\ttextStyle:\n\t\t\t\tMaterialStateProperty.all(const TextStyle(color: Colors.white)),\n\t\t\tbackgroundColor: MaterialStateProperty.all(Colors.green)),\n\t\tchild: Text(answerText),\n\t),\n\t); \/\/Container\n}\n}\n<\/pre>\n\n\n\n<p>\u3053\u306e<strong>answer.dart\u30d5\u30a1\u30a4\u30eb\u306f\u3001&nbsp;<\/strong><strong>quiz.dart<\/strong>\u30d5\u30a1\u30a4\u30eb\u306b\u3082\u30a4\u30f3\u30dd\u30fc\u30c8\u3055\u308c\u307e\u3057\u305f\u3002answer.dart \u30d5\u30a1\u30a4\u30eb\u3082<strong>quiz.dart<\/strong>\u30d5\u30a1\u30a4\u30eb\u306b\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f<strong>\u3002quiz.dart<\/strong>\u30d5\u30a1\u30a4\u30eb\u3067\u4f7f\u7528\u3055\u308c\u305f Answer \u30af\u30e9\u30b9\u306f<strong>\u3053\u306e<\/strong>\u30d5\u30a1\u30a4\u30eb\u306b\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002\u30af\u30a4\u30ba\u3084\u8cea\u554f\u30af\u30e9\u30b9\u3068\u540c\u69d8\u306b\u3001\u56de\u7b54\u3082\u30b9\u30c6\u30fc\u30c8\u30ec\u30b9\u3067\u3059\u3002SelectHandelr \u3068\u6587\u5b57\u5217 answerText \u306f\u3001\u30b9\u30c6\u30fc\u30c8\u30d5\u30eb \u30a6\u30a3\u30b8\u30a7\u30c3\u30c8 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u3042\u308a\u3001\u7d50\u679c\u3068\u3057\u3066\u4e0d\u5909\u306b\u6307\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u305f\u3081\u3001\u30ad\u30fc\u30ef\u30fc\u30c9 final \u3092\u4f7f\u7528\u3057\u3066 Answer \u30af\u30e9\u30b9\u306e\u95a2\u6570\u306b\u6e21\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u305d\u3046\u3057\u306a\u3044\u3068\u3001dart \u5206\u6790\u306e\u8b66\u544a\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u305d\u306e\u5f8c\u306b\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u3068\u901a\u5e38\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8 \u30c4\u30ea\u30fc\u304c\u7d9a\u304d\u3001\u69cb\u9020\u304c\u4e0e\u3048\u3089\u308c\u307e\u3059\u3002<strong><\/strong><strong><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"strong-creating-the-result-page-strong-strong-for-flutter-quiz-app-strong\"><strong><\/strong><strong>Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u306e<\/strong><strong>\u7d50\u679c\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b<\/strong><strong><\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u6700\u5f8c\u306e\u8cea\u554f\u306b\u5230\u9054\u3057\u305f\u3089\u3001\u7d50\u679c\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u3057\u305f\u304c\u3063\u3066\u3001\u7d50\u679c\u30da\u30fc\u30b8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u30b9\u30b3\u30a2\u3092\u5b9f\u884c\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u6b63\u89e3\u3057\u305f\u8cea\u554f\u306e\u6570\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u3044\u305a\u308c\u304b\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u3068\u3001\u3053\u3053\u306b\u300c<strong>\u7d50\u679c\u3092\u8868\u793a\u300d\u30dc\u30bf\u30f3\u304c<\/strong>\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u7d50\u679c\u30da\u30fc\u30b8\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002\u00a0<\/li>\n\n\n\n<li>\u7d50\u679c\u30da\u30fc\u30b8\u3092\u8a2d\u8a08\u3057\u3001\u6700\u7d42\u7684\u306b\u3053\u3053\u3067\u6210\u7e3e\u3092\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002\u00a0<\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ ignore_for_file: avoid_print\n\nimport 'package:flutter\/material.dart';\n\nclass Result extends StatelessWidget {\nfinal int resultScore;\nfinal Function resetHandler;\n\nconst Result(this.resultScore, this.resetHandler, {Key? key})\n\t: super(key: key);\n\n\/\/Remark Logic\nString get resultPhrase {\n\tString resultText;\n\tif (resultScore >= 41) {\n\tresultText = 'You are awesome!';\n\tprint(resultScore);\n\t} else if (resultScore >= 31) {\n\tresultText = 'Pretty likeable!';\n\tprint(resultScore);\n\t} else if (resultScore >= 21) {\n\tresultText = 'You need to work more!';\n\t} else if (resultScore >= 1) {\n\tresultText = 'You need to work hard!';\n\t} else {\n\tresultText = 'This is a poor score!';\n\tprint(resultScore);\n\t}\n\treturn resultText;\n}\n\n@override\nWidget build(BuildContext context) {\n\treturn Center(\n\tchild: Column(\n\t\tmainAxisAlignment: MainAxisAlignment.center,\n\t\tchildren: &lt;Widget>[\n\t\tText(\n\t\t\tresultPhrase,\n\t\t\tstyle: const TextStyle(fontSize: 26, fontWeight: FontWeight.bold),\n\t\t\ttextAlign: TextAlign.center,\n\t\t), \/\/Text\n\t\tText(\n\t\t\t'Score ' '$resultScore',\n\t\t\tstyle: const TextStyle(fontSize: 36, fontWeight: FontWeight.bold),\n\t\t\ttextAlign: TextAlign.center,\n\t\t), \/\/Text\n\t\tTextButton(\n\t\t\tonPressed: resetHandler(),\n\t\t\tchild: Container(\n\t\t\tcolor: Colors.green,\n\t\t\tpadding: const EdgeInsets.all(14),\n\t\t\tchild: const Text(\n\t\t\t\t'Restart Quiz',\n\t\t\t\tstyle: TextStyle(color: Colors.blue),\n\t\t\t),\n\t\t\t),\n\t\t),\n\t\t], \/\/&lt;Widget>[]\n\t), \/\/Column\n\t); \/\/Center\n}\n}\n<\/pre>\n\n\n\n<p><strong>\u51fa\u529b<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/flutterservice.com\/wp-content\/uploads\/2022\/09\/flutter-quiz-appps.gif\" alt=\"\" class=\"wp-image-368\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"strong-conclusion-strong\"><strong>\u7d50\u8ad6<\/strong><\/h2>\n\n\n\n<p>\u3053\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3067\u306f\u3001Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u306e\u4f5c\u6210\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3057\u305f\u3002\u3055\u3089\u306b\u3001\u5b9f\u969b\u306e\u4f8b\u3092\u4f7f\u7528\u3057\u3066\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u5909\u66f4\u65b9\u6cd5\u3001\u65b0\u3057\u3044\u30da\u30fc\u30b8\u306e\u4f5c\u6210\u65b9\u6cd5\u3001\u30de\u30a6\u30b9\u3092\u79fb\u52d5\u307e\u305f\u306f\u30af\u30ea\u30c3\u30af\u3057\u305f\u3068\u304d\u306b\u30a2\u30a4\u30b3\u30f3\u3092\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3092\u78ba\u8a8d\u3057\u307e\u3057\u305f\u3002\u6700\u7d42\u7684\u306b\u306f\u30011 \u3064\u306e\u5834\u6240\u304b\u3089 Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u767a\u898b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u4ed6\u306e\u8208\u5473\u6df1\u3044 Flutter \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u307f\u307e\u305b\u3093\u304b?<\/p>\n<div class=\"veu_socialSet veu_socialSet-position-after veu_contentAddSection\"><script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src=\"https:\/\/platform.twitter.com\/widgets.js\";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,\"script\",\"twitter-wjs\"));<\/script><ul><li class=\"sb_facebook sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/www.facebook.com\/sharer.php?src=bm&u=https%3A%2F%2Fwww.elehobby.fun%2F%3Fp%3D4124&amp;t=%E5%AE%9F%E8%B7%B5%E3%81%A7%E3%81%8D%E3%81%9F%E9%9B%BB%E5%AD%90%E5%B7%A5%E4%BD%9C%E3%81%A8%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E9%96%8B%E7%99%BA\" target=\"_blank\" onclick=\"window.open(this.href,'FBwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_fb icon_sns\"><\/span><span class=\"sns_txt\">Facebook<\/span><span class=\"veu_count_sns_fb\"><\/span><\/a><\/li><li class=\"sb_twitter sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.elehobby.fun%2F%3Fp%3D4124&amp;text=%E5%AE%9F%E8%B7%B5%E3%81%A7%E3%81%8D%E3%81%9F%E9%9B%BB%E5%AD%90%E5%B7%A5%E4%BD%9C%E3%81%A8%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E9%96%8B%E7%99%BA\" target=\"_blank\" ><span class=\"vk_icon_w_r_sns_twitter icon_sns\"><\/span><span class=\"sns_txt\">twitter<\/span><\/a><\/li><li class=\"sb_hatena sb_icon\"><a class=\"sb_icon_inner\" href=\"\/\/b.hatena.ne.jp\/add?mode=confirm&url=https%3A%2F%2Fwww.elehobby.fun%2F%3Fp%3D4124&amp;title=%E5%AE%9F%E8%B7%B5%E3%81%A7%E3%81%8D%E3%81%9F%E9%9B%BB%E5%AD%90%E5%B7%A5%E4%BD%9C%E3%81%A8%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E9%96%8B%E7%99%BA\" target=\"_blank\"  onclick=\"window.open(this.href,'Hatenawindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_hatena icon_sns\"><\/span><span class=\"sns_txt\">Hatena<\/span><span class=\"veu_count_sns_hb\"><\/span><\/a><\/li><li class=\"sb_pocket sb_icon\"><a class=\"sb_icon_inner\"  href=\"\/\/getpocket.com\/edit?url=https%3A%2F%2Fwww.elehobby.fun%2F%3Fp%3D4124&title=%E5%AE%9F%E8%B7%B5%E3%81%A7%E3%81%8D%E3%81%9F%E9%9B%BB%E5%AD%90%E5%B7%A5%E4%BD%9C%E3%81%A8%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E9%96%8B%E7%99%BA\" target=\"_blank\"  onclick=\"window.open(this.href,'Pokcetwindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;\"><span class=\"vk_icon_w_r_sns_pocket icon_sns\"><\/span><span class=\"sns_txt\">Pocket<\/span><span class=\"veu_count_sns_pocket\"><\/span><\/a><\/li><li class=\"sb_copy sb_icon\"><button class=\"copy-button sb_icon_inner\"data-clipboard-text=\"\u5b9f\u8df5\u3067\u304d\u305f\u96fb\u5b50\u5de5\u4f5c\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u958b\u767a https:\/\/www.elehobby.fun\/?p=4124\"><span class=\"vk_icon_w_r_sns_copy icon_sns\"><i class=\"fas fa-copy\"><\/i><\/span><span class=\"sns_txt\">Copy<\/span><\/button><\/li><\/ul><\/div><!-- [ \/.socialSet ] -->","protected":false},"excerpt":{"rendered":"<p>\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u30b7\u30f3\u30d7\u30eb\u3067\u3042\u308a\u306a\u304c\u3089\u30a8\u30ec\u30ac\u30f3\u30c8\u306a Flutter \u30af\u30a4\u30ba \u30a2\u30d7\u30ea\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002&nbsp; \u3055\u3089\u306b\u3001\u3044\u304f\u3064\u304b\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u6a5f\u80fd\u3001\u524d\u63d0\u6761\u4ef6\u3001\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u624b\u9806\u3068\u3068\u3082\u306b\u5b66\u7fd2\u3057\u307e\u3059 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"vkexunit_cta_each_option":"","footnotes":""},"categories":[16],"tags":[],"class_list":["post-4124","post","type-post","status-publish","format-standard","hentry","category-electronicswork"],"_links":{"self":[{"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=\/wp\/v2\/posts\/4124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4124"}],"version-history":[{"count":1,"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=\/wp\/v2\/posts\/4124\/revisions"}],"predecessor-version":[{"id":4125,"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=\/wp\/v2\/posts\/4124\/revisions\/4125"}],"wp:attachment":[{"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elehobby.fun\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}