<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p>今回はコミュニティ参加者の方から Flutter について質問がありましたので、そちらを書いていきます。</p>
<h2 id="%E8%B3%AA%E5%95%8F%E5%86%85%E5%AE%B9">
<a class="header-anchor-link" href="#%E8%B3%AA%E5%95%8F%E5%86%85%E5%AE%B9" aria-hidden="true"></a> 質問内容</h2>
<blockquote>
<p>現在公式チュートリアルの型をそのまま使って HTTP リクエストの受け渡しを試みていますが、シミュレーターには「クラスの読み込みに失敗してる」とエラーが出ています。<br>
クラス定義の箇所に問題がある気がしますが、原因はまだわかってません;;<br>
取得すべきレスポンスフィールド名(?)が間違えてるのかと思ってます！</p>
</blockquote>
<h2 id="%E7%9B%AE%E6%AC%A1">
<a class="header-anchor-link" href="#%E7%9B%AE%E6%AC%A1" aria-hidden="true"></a> 目次</h2>
<ol>
<li>エラーの原因</li>
<li>Parse(パース)とは</li>
<li>エンコードとは</li>
<li>Json とは</li>
<li>レスポンスフィールド名とは</li>
<li>まとめ</li>
</ol>
<h2 id="1.%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E5%8E%9F%E5%9B%A0">
<a class="header-anchor-link" href="#1.%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E5%8E%9F%E5%9B%A0" aria-hidden="true"></a> 1.エラーの原因</h2>
<p>今回のエラーの主な原因はリクエスト URL が間違った(404)ことと Json の構造が問題でした</p>
<p>エラー原因に関連する Json に対する理解の洗い出しをしました</p>
<ul>
<li>Parse が間違っている</li>
<li>Parse がどこで行われているか分からない</li>
<li>json parse online にリクエストの内容を貼り付けて Json の構造をみてもらった(<a href="http://json.parser.online.fr/" target="_blank" rel="nofollow noopener noreferrer">http://json.parser.online.fr/</a>)</li>
<li>配列の JsonParse のやり方を調べる<br>
参考:<a href="https://ichi.pro/flutter-de-no-fukuzatsuna-json-no-kaiseki-27300625035333" target="_blank" rel="nofollow noopener noreferrer">https://ichi.pro/flutter-de-no-fukuzatsuna-json-no-kaiseki-27300625035333</a>
</li>
<li>レスポンスフィールド名とは</li>
</ul>
<h2 id="2.parse(%E3%83%91%E3%83%BC%E3%82%B9)%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#2.parse(%E3%83%91%E3%83%BC%E3%82%B9)%E3%81%A8%E3%81%AF" aria-hidden="true"></a> 2.Parse(パース)とは</h2>
<p>そもそも Parse(パース)とはなんなのか？日本語で訳すと<code>解析する</code><br>
コンピュータプログラムの機能・処理の一つで、一定の書式や文法に従って記述されたデータを解析し、プログラムで扱えるようなデータ構造の集合体に変換することをパースという。(引用:IT 用語辞典)</p>
<h2 id="3.%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#3.%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A8%E3%81%AF" aria-hidden="true"></a> 3.エンコードとは</h2>
<p>データを他の形式へ変換すること<br>
エンコードの逆、エンコードしたデータを元の形に戻す行為は<code>デコード</code>という<br>
参考: <a href="https://tech-unlimited.com/urlencode.html" target="_blank" rel="nofollow noopener noreferrer">https://tech-unlimited.com/urlencode.html</a></p>
<h3 id="url-%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#url-%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true"></a> URL エンコード</h3>
<p>実際にブラウザの URL に貼り付けると、別のテキストに変わる = エンコードされた状態</p>
<p>以下二つの URL は同じ検索結果になる<br>
<code>https://www.google.com/search?q=日本語&amp;oq=日本語</code></p>
<p><code>https://www.google.com/search?q=%E6%97%A5%E6%9C%AC%E8%AA%9E&amp;oq=%E6%97%A5%E6%9C%AC%E8%AA%9E</code></p>
<p>URL のエンコードの場合、特定のキーワードが入っている</p>
<p>＼u: ユニコード<br>
%: URL エンコード</p>
<p><a href="https://www.seil.jp/doc/index.html#tool/url-encode.html" target="_blank" rel="nofollow noopener noreferrer">ASCII 文字と URL エンコードの対応表</a></p>
<p>ASCII は日本語使えない<br>
「\u エンコード」で調べてみると.. エンコードにもルールがある</p>
<h3 id="%E6%96%87%E5%AD%97%E3%82%B3%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#%E6%96%87%E5%AD%97%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true"></a> 文字コード</h3>
<p>例)日本語で扱うデータの大きさと英語で扱うデータの大きさは違う = データの扱いのミスマッチ</p>
<p>歴史として、英語で統一したらミスマッチないよね → 英語統一されている</p>
<h3 id="base64-%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#base64-%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true"></a> Base64 エンコード</h3>
<ul>
<li>規則性がある</li>
<li>最も原始的だが、めちゃくちゃ使用するケースがある</li>
</ul>
<h3 id="%E7%94%BB%E5%83%8F%E9%80%81%E4%BF%A1">
<a class="header-anchor-link" href="#%E7%94%BB%E5%83%8F%E9%80%81%E4%BF%A1" aria-hidden="true"></a> 画像送信</h3>
<p>画像データをテキストデータに変換してから送受信している</p>
<p>テキストデータでやりとりできるように Base64 エンコードしてデコードでテキストデータから画像データに戻す</p>
<p>末尾に 「==」 がつくと大体 Base64</p>
<h3 id="%E3%83%91%E3%83%BC%E3%82%B9%E3%81%A8%E3%83%87%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E9%81%95%E3%81%84">
<a class="header-anchor-link" href="#%E3%83%91%E3%83%BC%E3%82%B9%E3%81%A8%E3%83%87%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E9%81%95%E3%81%84" aria-hidden="true"></a> パースとデコードの違い</h3>
<p>パースは解析、デコードはエンコードされたデータを元に戻すこと。</p>
<p>実装ベースだと、Json でもらったものをデコードして元のデータに戻す → パースで型指定したものに入れ込む</p>
<h2 id="4.json-%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#4.json-%E3%81%A8%E3%81%AF" aria-hidden="true"></a> 4.Json とは</h2>
<p>JavaScript Object Notation の略<br>
JavaScript のデータ定義文をベースとした、簡易的なデータ定義言語<br>
JavaScript だけではなく、Java, PHP, Ruby, Python など、様々な言語間のデータ交換、特に Ajax や REST API などで使用されている<br>
これまでは、共通データ定義言語として XML が利用されてきましたが、現在では、簡易的な JSON が利用されるケースが増えてきている</p>
<p><strong>結論</strong><br>
異なるプログラミング言語間でデータをやりとりするための、共通のデータ記述形式</p>
<h2 id="5.%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E5%90%8D%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#5.%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E5%90%8D%E3%81%A8%E3%81%AF" aria-hidden="true"></a> 5.レスポンスフィールド名とは</h2>
<p>API から返されるレスポンスには、すべての API に共通のフィールドと、API ごとに定義される個別のフィールドがあります。</p>
<p>以下に共通のフィールド</p>
<table>
<thead>
<tr>
<th style="text-align:left">フィールド</th>
<th style="text-align:right">タイプ</th>
<th style="text-align:center">意味</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">RequestId</td>
<td style="text-align:right">String</td>
<td style="text-align:center">API リクエストごとに割り当てられるユニークな ID</td>
</tr>
<tr>
<td style="text-align:left">参考:<a href="https://manual.iij.jp/dns/doapi/index.html" target="_blank" rel="nofollow noopener noreferrer">https://manual.iij.jp/dns/doapi/index.html</a>
</td>
<td style="text-align:right"></td>
<td style="text-align:center"></td>
</tr>
</tbody>
</table>
<h2 id="6.%E3%81%BE%E3%81%A8%E3%82%81">
<a class="header-anchor-link" href="#6.%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> 6.まとめ</h2>
<ul>
<li>Parse とはコンピュータプログラムの機能・処理の一つで、一定の書式や文法に従って記述されたデータを解析し、プログラムで扱えるようなデータ構造の集合体に変換することをパースという。</li>
<li>エンコードとはデータを他の形式へ変換することエンコードの逆、エンコードしたデータを元の形に戻す行為は<code>デコード</code>という。</li>
<li>Json とは異なるプログラミング言語間でデータをやりとりするための、共通のデータ記述形式のこと。</li>
</ul>


Flutterについて

5.レスポンスフィールド名とは

Discussion