こんちゃん@TOU6期

TOU6期| 男性 19歳！！

[こんちゃん@TOU6期 @konchan_it]

改めまして、六期生のこんちゃんです！
同期、先輩の皆さんよろしくお願いいたします！
TOU生と沢山仲良くしていきたいので、気軽にフォローやリプしてください！🖊️

#TOU生プロフィールシート

[『Pokémon Sleep（ポケモンスリープ）』公式 @PokemonSleepApp]

【1周年記念プレゼントキャンペーン🎊】

リポスト数に応じて「ポケサブレ×4」獲得のチャンス🎁
更に抽選で100名様に「ポケサブレクッション」が当たる！

▼応募方法
①@PokemonSleepAppをフォロー
②本投稿をリポスト
〆は7月21日(日)23時59分まで🕛

#ポケサブレプレゼント
#ポケモンスリープ1周年

[こんちゃん@TOU6期 @konchan_it]

フル単でした！
システム総論はむずかしかった〜

[こんかい｜WEBコーダー【三度の飯よりコーディングが好き！】 @konkai_web]

\📚✨合格したい人ブックマーク推奨！！📚✨/
【実案件チャレンジで優秀賞を取るために行った５つのこと】

こんにちは！こんかいと申します！

先日、第２回実案件チャレンジで合格＆優秀賞を頂きました😭🎉

今回は私が優秀賞を取るために行ったことを紹介していきます！🚀

あえて「技術的」なことはあまり紹介していません！

明日からでも意識的に変えれるポイントに厳選しています！💡
次回の実案件チャレンジに挑戦する方の参考になれば幸いです！😊✨

最後に参考＆オススメ記事も紹介しています！📖

======

①目的は「合格すること」ではない！❌

いきなり、逆説的なことを言ってしまい申し訳ないのですが…🙇

実案件チャレンジの合格を目的にすることは、
少し勿体ないと思います！

合格することが目的だと、
・何でもコーディングしようとする。(③で詳しく後述)
・保守管理面が考えられていない
特にこの2点が問題になってくる印象です！

なので、コーディングの課題ではありますが、
実際の案件だと思ってしっかり行いました！💪💪

---

②デザインコンペでデザイン意図を勉強する！🎨

コーダーのお仕事は、
デザイナーの意図を汲み取り、
それを完璧に実装し伝えることだと思っています！

特に、LPの目的は「購入・契約」や「資料請求」といったコンバージョンです！
デザイナーの方は視線誘導など細部にこだわってデザインされています🎨

コーダーもその工夫に気付いた方が実装しやすいと考えました！

そこで、デイトラの #デザインコンペ で勉強いたしました！📚
個人的にコーダーこそデザインコンペの作品は見るべきだと思っています！

特にコンセプト・情報設計シート！
デザインがどのように作られているかの非常に勉強になります！😊

私は直近のデザインコンペの受賞作品は全て確認しています！👀

---

③どこまでを画像で実装するか！🖼️

正直難しい論点だと思います🧐
今回の課題でいえばFV, CTA, バナーにあたります

これをコーディングした方は分かると思いますが、
余白、フォントサイズなどを完璧に保持した状態でのレスポンシブ実装は厳しいです…。😵‍💫

つまり、
コーディングで実装すると、特定の環境下ではデザイナーの意図と反した印象を伝える可能性があります！
これは本当に避けたいです…!!
それならここは全て画像で作成した方が良いです！

「画像のほうが良いのかなぁ…?🤔」と思った際は
目的を調べると良いと思います！

例えば、
FVは「目を惹き興味を持ってもらうこと」👀
CTAは「コンバージョンを促すもの」💡
とほとんどの記事で紹介されています。

そんなFVやCTAが特定の環境下で崩れていたら、
「レイアウトごちゃついてるけど、この商品本当に大丈夫？😕」
とユーザーは不信感を抱いてしまう恐れがあります😨

こうなってしまったら責任があるのはコーダーです！

しっかり目的を考えて、コーディングするべきところはして、画像で実装するところは画像という風にしましょう！

余談ですが、CTAはアクションを起こしてもらうものなので、aタグで囲っておくのが良いと思います！🫡

---

④レスポンシブ対応は細かく行い、可能な限り違和感をもたせない！📱

LPの目的は「購入」や「資料請求」といったコンバージョンです！(大事なので2回目)

可能な限りユーザーに不信感をもたせないようにしましょう！😊

私の作成したサイトでいうと、ヘッダーが計8回変更されています！
どんな環境下の方でも違和感なく、届けるためです！

メディアクエリを少なくして書くというのは、綺麗で軽量化になるのでいいですが、
そこにこだわり過ぎると本末転倒！

あくまでも、ユーザーに正確に届けることを意識して
コーディングしていました！👍

---

⑤品質チェック＆実機チェックは超大事！🔍

前回の私はここが甘かったです...!
(今考えると情けなさすぎる…🫣)

品質チェックがよく分からない方は、
デイトラさんの「中級編 DAY28 コーディング後の品質を担保するチェック」
で紹介されている品質チェックを参考にしましょう！(デイトラ様様✨)

その中でも特に、構文チェック(W3Cなど)は絶対に忘れないようにしましょう！💪

また、実機チェックは本当に大事です！👀
特にiPhone、Safari、Firefoxで不具合が多いです。
今回もiPhoneで見たときに崩れていて泣きそうになりました...😭
(逆にAndroid、Chromeが寛容なのか…？🤔)

実はローカル環境でも、iPhoneで確認しながら作業をすることができます！(参考記事に載せておきます！)

開発段階から確認しながら行うと、本番環境に移してから修正が少なくなるので時短になります！⚡

======
いかがだったでしょうか？😊

私自身、第１回実案件チャレンジ不合格でした。
次回は必ず合格する！🔥
と誓い本気で取り組みました！
このアカウントも第二回実案件チャレンジのために作りました💪

その覚悟が合格に繋がったのかなと思います！

改めまして、
ショーへーさん(@showheyohtaki)、
Yutaさん(@_Code_Yu)、
はにわまんさん(@haniwa008)をはじめ、
デイトラのみなさま、このような素敵な機会を頂き誠にありがとうございました！

私自身まだまだ、未熟ですがこれからも努力していき、優秀賞の名に恥じないコーダーを目指します！

今後は営業などしていきプロのコーダーとして活躍していきます！💪

ここまで長文を読んでくださった方々ありがとうございました！！🙏🙇
好評であれば、技術編も作成しようと思いますので、
是非、感想など頂けると嬉しいです！！🌟

#デイトラ #デイトラコミュニティ #実案件チャレンジ
======

【参考＆オススメ記事📖】

■同じく優秀合格されたまりさん(@mari_7384)の記事です！🎉
特に、FVでのスクリーンリーダーへの読み込み方は圧倒されました！↓
https://t.co/99AeKe9o6H

■FVの目的についてとても詳しく書かれた記事です！
https://t.co/EpOTI2ObtS

■いつもお世話になってるしょーごさん(@samuraibrass)の記事です！
iPhone実機でローカル環境の表示を確認する方法
https://t.co/lo2g2Ksw7e

＝＝＝

[こんちゃん@TOU6期 @konchan_it]

怖い怖い。

[こんちゃん@TOU6期 @konchan_it]

実案件チャレンジ優秀賞‼️㊗️

実はコーダーのアカウントを作って活動しておりました！

そして前回のリベンジを果たしました！

もしよろしければこちらもフォローお願いします！！

ホームページ制作も受け付けてますよ！

5日で67時間も作業したんだ(仕事しながら)よくやったよぉ😭あ

[こんかい｜WEBコーダー【三度の飯よりコーディングが好き！】 @konkai_web]

第2回 #実案件チャレンジ 合格＆優秀賞いただきました！！！

嬉しい！！嬉しい！！

後日、実案件チャレンジをどのように取り組んだかをポストしようと思い鋭意制作中です！
お楽しみに！

是非フォローもよろしくお願いします(小声) お仕事もください！😊

今日は良く寝れそうです😆 #デイトラ

[こんちゃん@TOU6期 @konchan_it]

旅路(っ ॑꒳ ॑c)(点数覚えてないけど95くらい)

声の安定性がちょっと上がったのと、ビブラートは決まったとこ以外あえて入れないようにしてたから、
音程ミスが露骨に分かりやすくなってる(ｷｬｰ)

[こんちゃん@TOU6期 @konchan_it]

就活は大喜利にしたいって思ってる。

自分で働けるようにはなりたいけど就職はどうせならしてみたい！

だから、大学生の間にちゃんと稼げる技術を身につけて、別に不合格でも稼げるからいいか、というマインドで、
大企業にひたすら就職チャレンジしたい

全部大喜利だと思って面接する。楽しそう。

[こんちゃん@TOU6期 @konchan_it]

@naoTOU_mirai 風さんの岡山弁は同じ岡山県民からしてもかなり癖が強いです笑

私は親が関西に染まってた時期があるので、岡山弁と関西弁のハーフみたいな変な組み合わせの話し方になってます笑

[こんちゃん@TOU6期 @konchan_it]

今週久しぶりにカラオケ行くから、
パソコンでカラオケ練習してたら、しれっと歴代最高得点

[こんちゃん@TOU6期 @konchan_it]

@kl_miki 恐れ多いです…！！

でも、カラオケ用に歌ってるんで、あんなに上手く歌えてる訳ではないのでもっと頑張ります！

[こんちゃん@TOU6期 @konchan_it]

@naoTOU_mirai そうですー！！
ピアノ弾き語り時代から見てるくらいめっちゃ大好きなんですよー( *´꒳`*)

[こんちゃん@TOU6期 @konchan_it]

バレーこの流れで勝ち切れるの本当にすごいな…

[こんちゃん@TOU6期 @konchan_it]

終わり～！

なんですけど、情報倫理の第八回が無き者にされてるのですが...(小テスト受けた形式あるんですけども...)

これはどういう扱いになるんだろう...?🤔

[こんちゃん@TOU6期 @konchan_it]

お騒がせしました 無事に再受験出来ました！

[こんちゃん@TOU6期 @konchan_it]

ん？テスト開始した瞬間にブラウザ落ちちゃったんだけど、これもしかしてやりました？

[こんちゃん@TOU6期 @konchan_it]

@michi_michi_03 そうなのですね！！ありがとうございます！

ここまで小テスト満点の科目だったのでこれで受けれなかったらめちゃくちゃキレそうです…笑

[こんちゃん@TOU6期 @konchan_it]

ん？テスト開始した瞬間にブラウザ落ちちゃったんだけど、これもしかしてやりました？

[こんちゃん@TOU6期 @konchan_it]

@michi_michi_03 ありがとうございます
先ほどサポートセンターに問い合わせてました…😭

認定試験でこれが起きたこと無かったので焦ってます…

[こんちゃん@TOU6期 @konchan_it]

ああぁぁぁ。不可避過ぎたんだけど...

[こんちゃん@TOU6期 @konchan_it]

先週はめちゃくちゃ頑張りました💪💪💪

0分みたいなところで約９時間

今年は本気で人生変えに行きますよ
( *´꒳`*)

[こんちゃん@TOU6期 @konchan_it]

ん？ww
どの路線で行ってるねん笑

[ライブドアニュース @livedoornews]

【登場】大阪万博・ミャクミャク様の"トモダチ"、チェコ出身「RENE（レネ）」
https://t.co/EZVztZnz6o

大阪・関西万博に独自のパビリオンを出展するチェコがマスコットキャラクターを発表。黄緑色の体に多くの目玉がついていて、「ボヘミアンガラス」の生産地で生まれたガラスの生き物だという。