หลังจากเราได้สร้าง API : ReviewGame by Strapi ที่สามารถให้เรียกดูข้อมูล และในส่วนนี้เราจะมาทำในส่วนการแสดงผลด้วย React กันนะครับ cd strapi-review npx create-react-app frontend cd frontend code . ลบ File ที่ไม่เกี่ยวข้องให้เหลือแค่ App.js index.js index.css สร้าง folder /src/component และ /src/pages /pages/Homepage.js import React from 'react' export default function Homepage() { return ( <div> Homepage </div> ) }

Strapi Headless CMS เป็นเครื่องมือในการสร้าง API ซึงโดยเป็นส่วนการจัดการ Backend ในคอร์สนี้จะเรียนเกี่ยวกับ สร้าง CMS และส่งข้อมูลจาก GraphQL เป็น API ให้กับฝั่ง font-end ไม่ว่าจะเป็น html + css หรือจะเป็น Vue, React Framework Pre-require Basic React & React Hooks Nodejs เริ่มด้วยสร้าง Folder เก็บ Project เช่น strapi-reviews เป็นต้น cd strapi-reviews npx create-strapi-app backend จะเปิดหน้าลงทะเบียนเข้าสู่ Admin Panel

ต้องการไปถึงความเป้าหมายให้มากขึ้น? เปลี่ยนความคิดของคุณซะ พลังส่วนบุคคลของคุณสถิตอยู่ภายในตัวคุณ มีคนจำนวนมากเกินไปที่สร้างแนวคิด เชื่อว่ามันจะได้ผล และจากนั้นพวกเขาก็เจอสิ่งกีดขวางบนถนน สิ่งเล็กน้อยและมักไม่มีนัยสำคัญ จากนั้นพวกเขาก็ลืมไปว่ายอมแพ้ หากนี่เป็นสิ่งที่คุณเคยทำมาแล้ว อย่ารู้สึกหดหู่ใจ คุณอยู่ในหมู่คนส่วนใหญ่ สิ่งสำคัญคือคุณต้องเปลี่ยนวิธีการทำสิ่งต่างๆ นับจากนี้เป็นต้นไป หนังสือ “Think & Grow Rich” ได้รับการตีพิมพ์ครั้งแรกเมื่อเกือบ 65 ปีที่แล้วและได้รับการ Remaster สำหรับยุคปัจจุบัน แนวคิดนี้เหมือนกัน ทำให้ประสบความสำเร็จอย่างมากจากคนที่คุณอาจเคยได้ยินมา เช่น John D. Rockefeller, Theodore Roosevelt, Alexander Graham Bell และ Thomas Edison สามารถทำเช่นเดียวกันสำหรับคุณ! สิ่งที่คุณต้องทำคือพัฒนาจิตใจและความมุ่งมั่นเพื่อหลีกเลี่ยงการยอมแพ้เมื่อต้องเผชิญกับความยากลำบาก มันขึ้นอยู่กับจิตใจจริง ๆ…

เมื่อฉันลองติดตั้ง SQL Server on Mac OS ในปี 2021 สวัสดีปีใหม่ครับ ในปีใหม่นี้ ผมเองก็เพิ่งได้ลองอะไรใหม่สำหรับผม แต่ก็อาจจะไม่ใหม่แล้วสำหรับหลายคนๆ ซึ่งสิ่งนั้นก็คือ การติดตั้ง SQL Server บน Mac OS นั่นเอง ….​ ทำไมผมต้องมาทำไรแบบนี้น่ะหรอ ? ก็เพราะ ต้องการฝึกฝน Skill ด้าน Database ไปจนถึงในการทำงานส่วนมากใช้ MS SQL นะครับ และอีกเหตุผลหนึ่งก็คือ ใช้ Mac จึงเกิดความสงสัยว่า เราจะใช้ Database ฝั่ง Microsoft ได้ยังไงนั่นแหละ เท่าที่คิดและ List ออกมาได้ก็

เมื่อหลายวันก่อนผมได้มีโอกาสนั่งฟัง live ของทาง skooldio โดยหัวข้อเกี่ยวกับ Get Engaged with Story telling by คุณพิ พิริยะ จากGlow Story Communication คือ สื่อสารแบบ ให้ความรู้ ให้ข้อมูล Story telling คือ การเล่าเรื่องแบบให้ความรู้สึก เพื่อให้เกิดการเปลี่ยนแปลงต่างๆ การเล่าเรื่องที่ดี ไม่ควรยัดเยียดทุกอย่างทีเดียว เปรียบกับ Buffet โดยปกติเรามักจะตัดมาเยอะๆ และรีบกินมันให้หมดกลัวไม่คุ้ม แต่ A la carte มักจะมาแบบทีละจาน ค่อยๆ กิน ค่อยๆ ย่อย

หลังจากเลื่อน feed facebook เจอที่มาจาก เพจ https://www.facebook.com/datarockie/posts/3409478359065717 เออเป็นทุนด้วยเว้ย เผื่อมีโอกาสให้ไปต่อด้านนี้หากรู้สึกอิน ซึ่งคนที่เรียนกจบไปก็จะได้ Cert. ด้วยนะ และยังได้ ทดสอบออนไลน์ หาคนที่ได้คะแนนมากที่สุดก็ได้รับเลือกเป็นหนึ่งใน 325 ทุนไปเรียน ML Engineer Nanodegree เลยน่ะเว้ย…. ก็เริ่มคิดแบบ เอาว่ะ อยู่ในช่วงปิดเทอมพอดี น่าจะพอเจียดเวลาหลังเลิกงานมาเรียนได้บ้าง

Work form home แล้วหรอ ปรับตัวไงดี หาพื้นที่ที่มองว่าเหมาะกับการเป็น Workspace ให้กับเราได้ ไม่ว่าจะในบ้าน หรือ ในห้อง ถ้าจะดีต้องเป็นส่วนที่ ทำให้มีการ Focus กับงานได้จะดี ขออย่างเดียว อย่าใช้เตียงนอน หรือ โซฟา มาเป็นที่ทำงาน มิเช่นนั้น … จะได้ Sleep in home แทน แบ่งเวลาทำงานกับเวลาอยู่บ้านให้ได้ แยกให้ออกชัดเจน ช่วงเวลาทำงานควรเป็นช่วงกี่โมง ถึง กี่โมง จะพักเบรกกี่นาที เริ่มทำงานช่วงบ่ายเมื่อไหร่ โดยส่วนตัวแล้ว ผมได้นำเทคนิค POMODORO มาช่วยในเรื่อง work from home

ต่อจากตอนที่แล้วเมื่อช่วงสงกรานต์ เราสามารถแสดง ข้อความจาก Firebase realtime database ในส่วนต่อไปนี้เราจะทำตัวเว็บนั้นสามารถรับข้อความ และ บันทึกลงใน Realtime Database กันครับ เอาล่ะครับเรามาสร้าง ฟอร์ม เพื่อรับค่าชื่อผู้ใช้งาน และ ข้อความที่จะบันทึกลงใน database โดยในส่วนนี้ ผมจะนำ Boostrap4 มาร่วมด้วยนะครับ //index.html <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.2.1.min.js"crossorigin="anonymous"></script> <script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"> </script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"crossorigin="anonymous"> </script>…

ต่อจากตอนที่แล้ว [VueJS & Firebase Database ]ก็ลองทำ อยากทำก็ทำเลย — 1 เราได้สร้าง database และ mockup ข้อมูลผ่าน firebase เรียบร้อยแล้ว ต่อมา เราจะเริ่มใช้ Vuejs มาช่วยในการแสดงผลข้อมูลที่อยู่ใน firebase database $ npm install -g vue-cli // ติดตั้ง Vue-Cli $ vue init webpack songkran-msg //ติดตั้ง Webpack โดยให้ชื่อ songkran-msg เมื่อติดตั้งเสร็จแล้ว cd songkran-msg npm install npm run dev จะได้ Display ดังนี้