TECH CAMP体験記

TECH CAMP体験記⑳ 32日目 こんなミスに気を付けろ!Ajax

TECH CAMP大阪の80期(2020年6月22日〜)としてプログラミングを学ぶ体験談です。これから受講する方や考えている方の参考になれば幸いです。
32日目の勉強についてです。
前:TECH CAMP体験記⑲ 31日目 jQueryとJSON
次:TECH CAMP体験記㉑ 33日目 非同期通信完了!

TECH CAMP

勉強内容

今日の勉強内容は結構面白い内容でした。
・Ajax
・インクリメンタルサーチ
勉強ではないですが、
・チームでワイワイ

Ajaxでの失敗

JavaScript(JS)でのデータのやりとりをする通信方法のことです。JSを使うと非同期通信ができるので、ページ全体ではなく一部分だけを読み込ませることができます。その際に使うJSファイルのやりとりをAjaxというやり方で行います。

読み方はエイジャックス。
同じチームのAさん(料理が超絶上手!!←食べたことはないけど、きっとそう)が「avex(エイベックス)と似てるね😃」と言われてから、脳内で時々混ざります。原因を作ったAさんには美味しい料理を作ってもらいたいです😋

さて、このAjaxで非同期通信をしようと試みると、どうもうまく動きません。その時のコードがこれです。

赤い波線がついています。エラーの原因がここにあります。

コードを書いた直後に現れる赤い波線。不吉な予感しかしません。
とりあえず進めて、動かす。
→不具合。

不具合を検証すると、syntaxerror(シンタックスエラー)というエラーになりました。これは文法やスペルのミスがあると起こるエラーです。

kaoleft

英語は苦手だしなぁ(成績はずっと2)😅
この中にスペルミスがあるのかもしれない。
Google先生にも聞きながらスペルを確認!

 

ですが、スペルは合ってます。記述もカリキュラムと見比べて間違いありません。でも、ここにエラーの原因があることは確定しています。

う〜ん、わからん。お手上げ😓
メンターさんに見てもらいます。

速攻で解決しました。
実際のコードがこちらです。
(上)エラーが出る
(下)解決した後

お分かりいただけたでしょうか。

そう。上の行にある「 , 」
この1文字あるかどうかで変わってしまうのです!

こんなちっぽけなことでっ!

ソース画像を表示
こんな気分😅

コンピューターはこんな細かなことでもうまくいかない反面、人間にはできない速さと正確さで物事を処理することができるのです。見抜けなかった自分のミスなので、次からの反省材料にします。

ソース画像を表示
むしろ即座に見抜いたメンターさんがすごい😳

インクリメンタルサーチ

何ソレ?
って言葉ですが、結構身近に使われています。

ネットで検索する時、1文字入れただけでも検索予測が出ますよね。アレです。

全部を入力しなくても1文字ごとに検索してくれるのがインクリメンタルサーチです。これのおかげで検索がスムーズで楽にできるようになります。

入力途中でも検索してくれます。

これの実装ができたら、そのアプリの使い勝手はかなり上がります。というか、これがあって普通、なければ使いにくいというような時代です。JSの求人や案件が多いのもうなづけます。

チームでワイワイ

今日はチームのメンバーがいつもより多く教室に集まり、いろいろ話が盛り上がりました😃勉強のことや趣味のことなど、ざっくばらんに話せるのが教室のいい点です。Zoomではやりにくいことですね。

僕の所属する80期Cチーム。
実はあんまり集まっていません💦仲が悪いとかではなく、コロナの影響です。コロナにより、教室に通うのは週に2日。しかも行かなくてもオンラインで受講可能。人によっては通う時間やエネルギーを勉強や余暇に使いたくなるのは当然。家が遠い方は尚更です。

今日は5人が教室に集まりました😃
Aさん。料理がすごく上手な方。その道に精通していて、栄養のこととか美味しいお店とか、聞いていてとても面白いです。
Oさん。勉強のスピードが爆速です。教室にいるチームのメンバーからメンターのように質問を受けています。
Kさん。Cチームの紅一点。使ってる筆箱は手作りという裁縫・手芸の達人。率直に勉強の悩みを打ち明けたり、困ってるメンバーを励ましたりとムードメーカー。
TKさん。誠実さが画面越しからも感じられるくらい紳士。メンターさんからエラーの解決方法だけでなく、勉強方法や参考サイトも教わる姿勢は見習いたいです。

また、ライフコーチのMさんが休憩時間に時おり話しかけに来てくれます。
Mさん。場を和ます天才。初対面ばっかり集まるミーティング(しかもZoomで画面越し!)を楽しい雰囲気で司会を進めはったのは本当にすごい。チームメンバーも「見てるだけで勉強の疲れが癒された☺️」と言うぐらい人を和ませる方。

 

ITスキルもですが、対人スキルの高い人にも憧れます。

TECH CAMPの受講料を最大2万円お得にする方法はこちら


【最大2万円】TECH CAMPの受講料をお得にしよう!


前:TECH CAMP体験記⑲ 31日目 jQueryとJSON
次:TECH CAMP体験記㉑ 33日目 非同期通信完了!

kaoleft

教室だと家より集中でき、チームとの会話で疲れが和むのがいいですね😃「みんな難しいって思ってるんだ。」と、気持ちがいい意味で開き直れるのは大きいです。

 

-TECH CAMP体験記