こんにちは。モノサスタイランドの川村です。

突然ですが、皆さんは Web のコーディングやデザインについて、どうやってインプット＆アウトプットを行っていますか？
まずは参考書を読む！という方もいるかと思いますが、今は大半の方が 、まずは Web 上の情報を参照することが多くなっているのでは無いでしょうか。

タイのコーダー達は日頃から英語で Web 上の情報を収集しています。
国も変われば見ている Web サイトも大分変わるものです。

今回はモノサスタイランドのコーダーにアンケートを取り、日頃どんな Web サイトを見て情報収集や学習をしているかを紹介してもらうことにしました。

日本の皆さんにもお馴染みのサイトもあれば、まったく知らない新しい発見もあると思いますので、是非チェックしてみてください。

stackoverflow

https://stackoverflow.com/

実際のプロジェクトを進める時、修正できない問題に出会うことがあると思います。そんな時にこの Web サイトで似ている問題と答えを探しています。それ以外にも、細かなテクニックをシェアしている記事もあるので、活用しています。

ที่เลือกแนะนำเว็บไซต์นี้ เหตุผลก็คือ เวลาทำงานทุกคนจะต้องเคยเจอปัญหาที่ไม่สามารถแก้ไขได้ ซึ่งเว็บไซต์นี้สามารถตอบโจทย์ได้ดีเวลาเจอปัญหาที่ไม่สามารถแก้ไขได้หรือจะเป็นการแชร์เทคนิคเล็กๆน้อยๆก็มีค่ะ

HACKERNOON

https://hackernoon.com/

時間のある時にはいつもこの Web サイトを見ることにしています。
様々なテクノロジーの知識に関する品質の高いコンテンツが多いのが特徴です。

ผมมักจะเข้าเว็บไซต์นี้อยู่เป็นประจำเวลามีเวลาว่างครับ เพราะเป็นมีคอนเท็นต์ที่มีคุณภาพเยอะ และความรู้ทางเทคนิคที่หลากหลาย

sitepoint

https://www.sitepoint.com

Web 開発の新しいテクニックに関する記事を紹介しています。例題や練習問題も取り揃えてあります。例えば、JS, HTML, PHP (WordPress) , APACHE, NGINX の例題などがあります。僕はこのサイトで技術に関する勉強をしています。

เว็บไซต์นี้มีเทคนิคใหม่ๆ เกี่ยวกับการพัฒนาเว็บไซต์ ซึ่งเป็นตัวอย่างที่ดีสำหรับการศึกษาและฝึกฝน และตัวอย่างก็มีมากมาย ยกตัวอย่างเช่น JS, HTML, PHP(wordpress), APACHE, NGINX. ซึ่งผมได้เรียนรู้เทคนิคต่างๆ จากเว็บไซต์นี้ครับ

Medium

https://medium.com/

Medium にはいろんな分野の、いろんな知識やニュースがまとめられています。僕はこのサイトでプログラミングに関するニュースを読むことが多いです。それ以外でも、自分の興味のあるカメラについての記事や、写真を撮るテクニックについて読むことも多いです。
また、このWebサイトの記事は全て英語で書いてあるので、英語を読む練習にもなります。

Website นี้รวบรวมความรู้หรือข่าวสารต่างๆ หลายๆด้านครับ ผมใช้ website นี้อ่านข่าวสารเกี่ยวกับเทคโนโลยีที่เกี่ยวข้องกับ programming นอกจากนั้นก็ยังสามารถอ่านข่าวสารเกี่ยวการถ่ายภาพหรือกล้องถ่ายรูปที่ผมชอบได้อีกด้วย เนื่องจาก Website นี้เป็นภาษาอังกฤษทั้งหมด จึงสามารถใช้ฝึกฝนการอ่านภาษาอังกฤษได้ด้วย

css-tricks

https://css-tricks.com/

このサイトでは、CSS に関するさまざまなテクニックを探すことができます。どのように CSS で組めば良いか分からない時によく利用しています。

สามารถค้นหาเทคนิคต่างๆ ในการเขียน CSS หรือสิ่งที่เราไม่รู้ว่าจะทำอย่างไรได้จาก website นี้ค่ะ

awwwards

https://www.awwwards.com

awwwardsは革新的な Web 開発、Webデザインに関する大きなコミュニティサイトです。コンペ形式で開発者が応募できる仕組みになっています。
このWebサイトを見てインスピレーションを得ることが多いです。
世界中の、さまざまなクールなWebサイトを見つけることができ、最新の Web 技術、UX / UI、トレンドを取り入れることもできます。
もし他のメンバーの Web サイトが気に入った場合は、それらのサイトに投票をすることもできます。
すごくおもしろいサイトで、見ているとついつい時間を忘れてしまします。

awwards เป็นเว็บไซต์ขนาดใหญ่ ที่รวมกลุ่มคนที่สนใจในการพัฒนาและออกแบบเว็บไซต์
เราจะพบการใช้เทคนิคที่ล้ำสมัยมากมาย และยังเปิดโอกาสให้นักเขียนเว็บไซต์ ส่งผลงานที่ตัวเองทำขึ้น ไปแข่งขันกับคนอื่นๆ ได้อีกด้วย
คุณจะได้พบกับการออกแบบเว็บไซต์ที่สวยงามและทันสมัยมากมายจากทั่วโลก และยังสามารถติดตามข่าวสารเกี่ยวกับเทคโนโยลีการพัฒนาเว็บไซต์ได้ที่นี่
ถ้าคุณเจอผลงานที่คุณชื่นชอบ คุณสามารถให้กำลังใจพวกเขาได้โดยการกดโหวต
ถือว่าเป็นเว็บไซต์ที่ช่วยสร้างแรงบันดาลใจให้กับนักออกแบบเว็บไซต์ได้เป็นอย่างดี

Airbnb

https://airbnb.design/

本当は紹介したい Web サイトはいっぱいあるのですが、Airbnb が一番好きなサイトです。理由は、Airbnbが UI / UX デザインにおいて世界を牽引していると思うからです。ユーザーにとって分かりやすく、使いやすいだけでなく、React JSや React Native、PostCSSなど、アプリケーションに関するさまざまな新しいテクニックを自社のサービスに取り入れています。それ以外にも、自分たちのテクニックを Youtube や Medium で公開していたりします。僕は Airbnb こそ本当の Open Source だと考えています。

จริงๆมีหลายเว็บไซต์มากครับ แต่สำหรับ airbnb เป็น 1 ในเว็บที่ผมชอบมากที่สุด เพราะ airbnb เป็นผู้นำด้านการออกแบบ UI/UX ระดับโลก จะเห็นได้ว่าเว็บไซต์ของ airbnb เข้าใจง่าย ใช้ง่ายมาก อีกทั้ง airbnb ได้นำเทคโนโลยีใหม่ๆด้าน apllication เช่น ReactJS, React Native, PostCSS และอีกมากมาย ที่เขานำมาใช้งานใน production ของเขาจริงๆด้วย นอกจากนี้ airbnb มักจะเผยแพร่เทคนิคใหม่ที่ตัวเองใช้ลงใน youtube และ medium ด้วย ผมคิดว่า airbnb เป็น Open Source อย่างแท้จริงครับ

Pinterest

https://www.pinterest.com

いろいろなことが集まっているサイトで、デザイン、絵を描くこと、ドレスアップすること、色んな興味深いものなどがあります。知識を得たい時や、ただ見て遊びたい時に使っています。

เป็นเว็บที่รวบรวมรูปหลากหลายรูปแบบ มีทั้งเกี่ยวกับเว็บดีไซน์ เว็บดีไซน์ การวาดรูป การแต่งตัว การต่างรูปและสิ่งต่างๆ มากมายที่น่าสนใจ ใช้ได้ทั้งในรูปแบบการหาความรู้และความผ่อนคลาย

GitHub

https://github.com/

このWebサイトは案件にも利用できるソースコードが集まっています。チュートリアルも分かりやすいです。

เว็บนี้ได้รวบรวมซ้อสโค้ดต่างๆ ซึ่งสามารถนำมาปรับใช้กับงานได้ และยังมีการสอนที่ง่ายต่อการเข้าใจอีกด้วย

envatotuts+

https://code.tutsplus.com/

様々なHow-Toやチュートリアルがまとまっているサイトです。コーディング、Web デザイン、グラフィックデザイン、写真、などなど。
コーディングの知識を蓄えたり、興味のある情報を探すのに利用することができます。

เป็นเว็บที่รวม How-To / Tutorials ไว้หลายเรื่องมาก ทั้งเรื่อง coding, web design, graphic design, photography etc. ใช้สำหรับหาความรู้เพิ่มเติมเรื่อง coding และเรื่องอื่นๆที่สนใจได้

Smashing Magazine

https://www.smashingmagazine.com/

Smashing Magazine は見過ごすことのできない有名なニュースサイトのひとつです。日々HTML、CSS、JavaScript のトピックに関する新しい記事を提供しています。

Smashing Magazine เป็นที่รู้จักอีกอย่างนึงในฐานะเว็บไซต์ข่าวที่ไม่สามารถจะมองข้ามไปได้ เพราะมีบทความใหม่ๆ เกี่ยวกับ HTML, CSS และ JavaScript มานำเสนอเราทุกๆ วัน

reddit

www.reddit.com/

このサイトではユーザーどうしが議論をしたり、アドバイスを出し合ったり、新しいテクノロジーを披露したりといった、さまざまなコンテンツが集まっています。Web やプログラムに関する部屋（ room ）がおすすめです。

เว็บไซต์นี้มีคอนเท็นต์ที่มากมายที่ทำให้ผู้คนมาปรึกษาและให้คำแนะนำกันในเทคนิคหรือการแชร์เทคโนโลยีใหม่ๆ จึงแนะนำให้เป็นแหล่งศึกษาเกี่ยวกับเว็บไซต์ หรือการเขียนโปรแกรมครับ

CodeSandbox

https://codesandbox.io

このWebサイトは React、Angular、Vue をオンライン上で書けるような環境をセットアップできます。ファイルやディレクトリーの管理もできます。他の人がシェアした良いサンプルコードが多く集まっています。

สามารถ setup environment ขึ้นมาเพื่อนเขียน react, angular, vue และสามารถจัดการกับ file, directory ได้ รวบถึงมี code ตัวอย่างดีๆ ที่คนอื่นแชร์ไว้ให้ดูมากมาย

CODEPEN

https://codepen.io/

この Web サイトはフロントエンド開発者にとって良いチュートリアルであると同時に、オンラインのコードエディターでもあります。

เป็นเว็บที่สอนเรื่อง front end และเป็นเว็บสำหรับเขียนโค้ดออนไลน์

JAVASCRIPT.INFO

https://javascript.info/

最後に僕のおすすめサイト。こちらはJavaScriptのチュートリアルサイトです。このサイトで、もう一度勉強をし直そうと思っています。ES6以降の新しめの記法も分かりやすく紹介されています。この際に、用語なども英語でインプットし、タイ人コーダーとのやりとり（アウトプット）にも役立てられればと思ったりしています。

สุดท้ายนี้คือเว็บที่ผมอยากจะแนะนำครับ คือเว็บการสอน JavaScript ครับ ตั้งใจว่าจะเรียนรื้อฟื้นอีกครั้งนึงกับเว็บนี้ครับ
ซึ่งมี syntax ตั้งแต่เวอร์ชั่น ES6 ขึ้นไปถูกนำมาเสนออยู่ ซึ่งจะทำให้สามารถจำคำศัพท์ programing ภาษาอังกฤษไปใช้สื่อสารกับโค้ดเดอร์คนไทยได้ จึงคิดว่ามีประโยชน์ดีครับ

いかがでしたでしょうか？
日本語の情報だけでは普段辿りつかないような面白い Web サイトもたくさんあったかと思います。

それではまた。ごきげんよう。