フロントエンド (JavaScript, TypeScript)

[oratake]

• なかなか脳マッスルなフロントエンドチュートリアル9選 https://qiita.com/rana_kualu/items/915345b8f3f870cfe2aa
• Vue.js チュートリアル (classmethodのやつ) https://dev.classmethod.jp/articles/vuejs-tutorials-of-db-engineer-1/

Vue

• 猫本 + 猫本作例 https://cr-vue.mio3io.com/guide/

• vue.js UIフレームワーク https://qiita.com/yusuke_ten/items/4103f032dd0c6fbe5607

• Vuejs + TS https://zenn.dev/ryusou/articles/vuejs-typescript20210129

Nuxt

• 「Nuxt.js」の基本、「Vue.js」の利用方法を知ろう - CodeZine https://codezine.jp/article/detail/11694

Vuex

• Vuex + Laravel https://www.hypertextcandy.com/vue-laravel-tutorial-introduction

WebGL

【WebGL / GLSL】デザイナーにモテるためのWebGL入門（概念編） https://qiita.com/yukiTTT/items/39a6019ae68ddeceda2c

[oratake]

みてみたい material-ui ts4 react

[oratake]

React

• https://50reactprojects.com/
• Gatsbyの記事
  • https://qiita.com/hppRC/items/00739eaf9ae7fc95c1ca
• Reactの要素毎の解説リンク
  • https://zenn.dev/furugen/articles/498f444f93d02e
• React + Firebase入門 - zenn
  • https://zenn.dev/masalib/books/2d6e8470732c8b
• React + TS でNETFLIXクローン
  • https://zenn.dev/gunners6518/books/4c4672f32dd100
• クリーンなReactプロジェクトの21のベストプラクティス
  • https://qiita.com/baby-degu/items/ea4eede60bbe9c63a348

Next

• Next.js を使った Jamstack なブログの始め方 https://gotohayato.com/content/517/
• 【Next.js】みんな next.confing.js にどんなプラグイン入れてる？ https://zenn.dev/aiji42/articles/1de8f9ea7b8a10

[oratake]

フロントエンド UI/UX

React アクセシビリティ配慮のモーダルについて https://zenn.dev/dqn/articles/36045bb89d5d69

[oratake]

JS, TS

• モダンなjsのチュートリアル https://ja.javascript.info/js

• Svelte とは Reactとかがデカすぎる人向け https://sbfl.net/blog/2019/12/04/svelte-frontend-1/

• [英] Eloquent Javascript https://eloquentjavascript.net/ はじめは初心者向き、後から難易度ぐっとあがる

• JavaScript Primer 迷わないための入門書 https://jsprimer.net/ ECMA2015以降

• Preact https://preactjs.com/guide/v10/getting-started/?lang=ja

• survival ts https://book.yyts.org/ 業務で取り急ぎTSしたい場合

• TypeScript DeepDive https://typescript-jp.gitbook.io/deep-dive/

• TypeScriptの型を手に馴染ませるためにやっていること https://blog.shibayu36.org/entry/2020/10/15/173000

非同期忘れたとき用

• Promise解説
  • https://qiita.com/cheez921/items/41b744e4e002b966391a

[oratake]

考古学資料

• どのWebフロントエンドフレームワークから始めるべきか？（歴史編）