From 749dfa02dcc380b4f977f44a65207edb9f002fd4 Mon Sep 17 00:00:00 2001 From: Aileen <140990100+pss-aileen@users.noreply.github.com> Date: Wed, 12 Jun 2024 00:18:34 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9A=20update:=20daily=20report=2024061?= =?UTF-8?q?1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 0:36 * 0:38 * 1:29 * 11:32 * 18:14 * 18:18 * 23:04 * 0:18 --- documents/00_TopicsToLearn/README.md | 4 +- documents/2024/README.md | 2 +- documents/2024/allTodos.md | 41 ++++++++ documents/API/README.md | 2 +- documents/Books/README.md | 2 +- documents/CSS/README.md | 6 +- documents/CSS/bootstrap-w3s.md | 61 ++++++++++++ documents/HTML-CSS/README.md | 3 - documents/HTML-CSS/favicon.md | 25 ----- documents/HTML/README.md | 2 +- documents/HTML/favicon.md | 3 +- documents/Laravel/README.md | 2 +- documents/LogicalThinking/README.md | 2 +- documents/Prettier/prettierignore.md | 2 +- documents/README.md | 87 ++--------------- documents/React/README.md | 0 documents/React/resources.md | 19 ++++ documents/TEST/README.md | 4 + documents/TypeScript/README.md | 25 +++++ documents/TypeScript/random-quote.md | 93 +++++++++++++++++++ documents/TypeScript/typeAssertion.md | 11 +++ .../{TypeScript.md => typeScript-basic.md} | 0 .../typeScriptForJavaScriptProgrammers.md | 4 + .../vite-githubactions-deploy.md | 0 src/components/Table.vue | 11 +-- src/database/categories.json | 4 + src/database/studyLog2024.json | 23 ++++- 27 files changed, 308 insertions(+), 130 deletions(-) create mode 100644 documents/2024/allTodos.md create mode 100644 documents/CSS/bootstrap-w3s.md delete mode 100644 documents/HTML-CSS/README.md delete mode 100644 documents/HTML-CSS/favicon.md create mode 100644 documents/React/README.md create mode 100644 documents/React/resources.md create mode 100644 documents/TEST/README.md create mode 100644 documents/TypeScript/README.md create mode 100644 documents/TypeScript/typeAssertion.md rename documents/TypeScript/{TypeScript.md => typeScript-basic.md} (100%) create mode 100644 documents/TypeScript/typeScriptForJavaScriptProgrammers.md rename documents/{TypeScript => Vite}/vite-githubactions-deploy.md (100%) diff --git a/documents/00_TopicsToLearn/README.md b/documents/00_TopicsToLearn/README.md index 27dddc4..2a4b64f 100644 --- a/documents/00_TopicsToLearn/README.md +++ b/documents/00_TopicsToLearn/README.md @@ -1,4 +1,4 @@ -# Topics To Learn Master Page +# Topics To Learn ## basic HTML skills with Figma @@ -78,7 +78,7 @@ --- -# Table Of Content +## Table Of Content - [FigmaからWebページのコーディング練習ができるサイト](./FimgaToWebSiteResources.md) - [採用で求められている事柄の調査](./recruit-responsibilities.md) \ No newline at end of file diff --git a/documents/2024/README.md b/documents/2024/README.md index 21790dd..32cfbe8 100644 --- a/documents/2024/README.md +++ b/documents/2024/README.md @@ -3,7 +3,7 @@ > [!IMPORTANT] > 2024/06/09思うこと: 1000時間超えたら時間測るのやめる！ -# Table Of Content +## Table Of Content - [2024年1月](./01_January.md) - [2024年2月](./02_February.md) diff --git a/documents/2024/allTodos.md b/documents/2024/allTodos.md new file mode 100644 index 0000000..ab79001 --- /dev/null +++ b/documents/2024/allTodos.md @@ -0,0 +1,41 @@ +# All Todos + +## 2024/06 + +基礎をばーっとやりなおしたい。焦らない...。 + +以下をベースにこまごやって試すこと、ひととおり終わればOK。 + +- [ ] Bootstrap 5 を体系的に学ぶ + - [Bootstrap 5 Tutorial](https://www.w3schools.com/bootstrap5/) + - わからなくてもいいのでざーーーーっと進んで何がどうなっているのか学ぶ + - reason: ドキュメント見ても全くわからないため + - result: +- [ ] TypeScript を体系的に学ぶ + - [Execute Program](https://www.executeprogram.com/) + - reason: ドキュメント見ても全くわからないため + - result: +- [ ] React を体系的に学ぶ + - [React Tutorial](https://www.w3schools.com/react/default.asp) + - reason: やっぱりわからないから + - result: + +## 2024/07 + +わからなくていいので、小さなプロジェクトを大量生産する。 +データベースとの接続を。 +MERNでCRUD + +## 2024/08 + +- MERN CURD + - [How To Use MERN Stack: A Complete Guide | MongoDB](https://www.mongodb.com/resources/languages/mern-stack-tutorial) + - [Building a Todo List App with MERN Stack | Todo Application using MongoDB + Express + React + Node - YouTube](https://www.youtube.com/watch?v=BqRWK57dwqo) + - 35min + - [React、Express、Node、Mongo を使用してフルスタック アプリを構築する MERN STACK - YouTube](https://www.youtube.com/watch?v=R81g-2r6ynM) + - 1h + - [Full Stack MERN Todo App with MongoDB, React, Express, Node | Responsive + Deployment + Full Notes - YouTube](https://www.youtube.com/watch?v=giXuiotopO0) +- [CRUD Operation with Redux using MERN Stack | CRUD Application using MERN Stack with Redux - YouTube](https://www.youtube.com/watch?v=FOK45_sEqK8) + + +## 2024/09 \ No newline at end of file diff --git a/documents/API/README.md b/documents/API/README.md index 5c2a349..9a294bc 100644 --- a/documents/API/README.md +++ b/documents/API/README.md @@ -28,4 +28,4 @@ RESTful API は、2 つのコンピュータシステムがインターネット --- -# Table Of Content \ No newline at end of file +## Table Of Content \ No newline at end of file diff --git a/documents/Books/README.md b/documents/Books/README.md index 2a487a7..21138e0 100644 --- a/documents/Books/README.md +++ b/documents/Books/README.md @@ -11,7 +11,7 @@ --- -# Table Of Content +## Table Of Content - エンジニアが知っておきたい思考の整理術 - リーダブルコード \ No newline at end of file diff --git a/documents/CSS/README.md b/documents/CSS/README.md index 743a6ac..a224afa 100644 --- a/documents/CSS/README.md +++ b/documents/CSS/README.md @@ -2,4 +2,8 @@ --- -# Table Of Content \ No newline at end of file +## Table Of Content + +- [CSS Frameworks](./cssFramerorks.md) +- [What is Bootstrap](./bootstrap.md) +- [What is Tailwind CSS](./tailwindcss.md) \ No newline at end of file diff --git a/documents/CSS/bootstrap-w3s.md b/documents/CSS/bootstrap-w3s.md new file mode 100644 index 0000000..b029a64 --- /dev/null +++ b/documents/CSS/bootstrap-w3s.md @@ -0,0 +1,61 @@ +# W3School Bootstrap Tutotial + + +## 02: Get Started +- `.container`: a responsive fixed width container +- `container-fluid`: a full width container + +## Containers + +### Fixed Container `.container` +- 全てのビューポートにおいて横幅が設定されている +- 567px以下は100%だけど、それ以外は設定してある。 + +### Fluid Container `.container-fluid` +- 常にに横幅いっぱいに広がる `width is always 100%` + +### Container Padding +- 通常、containersは左右のpaddingが設定してある +- 上下にはない +- だから、**spacing utilities**を使って、隙間をあけることができる。 +- `pt-5` + +### Container Border and Color +- `my-5`, `bg-dark`, `text-white`, `bg-primary` +- installed BootstrapIntelliSence (VS Code) + +### Responsive Containers +- `container-sm`: ブラウザ567px以下は100% +- `container-md`: ブラウザ768px以下は100% +- `container-lg`: ブラウザ992px以下は100% +- `container-xl`: ブラウザ1200px以下は100% +- `container-xxl`: ブラウザ1320px以下は100% + +## 03: Bootstrap 5 Grid +TODO: Gridなじみがないのでちゃんと理解する + +### Bootstrap 5 Grid System + +- 12のカラムがページいっぱいに広がっている +- それらのcolumnsは、いくつかまとめて横幅を出して使うことができる +- ただ、カラムは12個使う必要はないらしい、それ以下でもよいらしい + +### Grid Classes + +## 04: Bootstrap 5 Text/Typegraphy +TODO: abbr途中 +- `.h1` to `.h6` +- `.display-1` to `.display-6` + - hとdisplayの違いが現段階ではよくわからない +- `` or `.small` + - 見出しの中に設置 + - 第二の見出しとして +- `` or `.mark` + - 背景に薄い黄色をしいてくれる +- `` （略語を囲む） + - `WHO` + - 下にドット線をひいてくれる + + +## words +- "pad the content inside of them": 内部にコンテンツを**埋め込む \ No newline at end of file diff --git a/documents/HTML-CSS/README.md b/documents/HTML-CSS/README.md deleted file mode 100644 index fc0917e..0000000 --- a/documents/HTML-CSS/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Table Of Content - -- [faviconの設定、manifest.json、maskable](./favicon.md) diff --git a/documents/HTML-CSS/favicon.md b/documents/HTML-CSS/favicon.md deleted file mode 100644 index 4d88384..0000000 --- a/documents/HTML-CSS/favicon.md +++ /dev/null @@ -1,25 +0,0 @@ -# Favicon - -マスクされる用のFaviconを設定してあげる必要があるっぽい？ -> あると思う -[PWAの App Icon 作成でデザイナーが知ったこと ++ Gaji-Laboブログ](https://www.gaji.jp/blog/2023/06/20/16156/) -こちらの記事で確信。あとは試すだけ。 - -PWAとは？ - - ウェブ技術を使用して開発されたアプリケーション形態のこと - - PWAはWebサイトとしてアクセスできる - -manifest.json - -- 今 apple-icon.png はどのようにhtmlで設定されているか？ -```html - - - -``` -- そもそも manifest.json とは？ -> An application manifest is a [JSON] document that contains startup parameters and application defaults for when a web application is launched. -> [Web Application Manifest](https://www.w3.org/TR/appmanifest/#web-application-manifest) -> 「アプリケーションマニフェストは、Web アプリケーションの起動時の起動パラメータとアプリケーションのデフォルトを含む [ JSON ] ドキュメントです。」 - -- [マスク可能なアイコンを使用する PWA のアダプティブ アイコンのサポート  |  Articles  |  web.dev](https://web.dev/articles/maskable-icon?hl=ja) -- [Maskable Icon Generator | Progressier](https://progressier.com/maskable-icons-editor) \ No newline at end of file diff --git a/documents/HTML/README.md b/documents/HTML/README.md index bd23836..9b31689 100644 --- a/documents/HTML/README.md +++ b/documents/HTML/README.md @@ -1,5 +1,5 @@ # HTML -# Table Of Content +## Table Of Content - [faviconの設定、manifest.json、maskable](./favicon.md) diff --git a/documents/HTML/favicon.md b/documents/HTML/favicon.md index 532e330..d782f8e 100644 --- a/documents/HTML/favicon.md +++ b/documents/HTML/favicon.md @@ -2,8 +2,9 @@ ## 問題: safari のお気に入り画面のアイコンが領域いっぱいに表示されない -> ![IMPORTANT] +> [!IMPORTANT] > 画像をアルファチャンネルを含まないもの（透明の情報をもたないもの）に変更すると、領域いっぱいに表示される様になった +> ただし、macOSとiPadはすぐきりかわったが、iosが切り替わらず...なぜなのか... ![画像](../assets/favicon-safari-padding.png) diff --git a/documents/Laravel/README.md b/documents/Laravel/README.md index 0050826..2bfae3c 100644 --- a/documents/Laravel/README.md +++ b/documents/Laravel/README.md @@ -2,7 +2,7 @@ --- -# Table Of Content +## Table Of Content - [Try tp Create My Laravel Project(my-portfolio)](./Laravel-my-portfolio.md) - [Try Laravel With React](./Laravel-with-React.md) diff --git a/documents/LogicalThinking/README.md b/documents/LogicalThinking/README.md index 3347807..1ca7124 100644 --- a/documents/LogicalThinking/README.md +++ b/documents/LogicalThinking/README.md @@ -18,6 +18,6 @@ --- -# Table Of Content +## Table Of Content - [【超入門】ロジカルシンキング難しすぎて実践できない人向け 論理的思考術](./intro-logical-thinking-very-simple.md) \ No newline at end of file diff --git a/documents/Prettier/prettierignore.md b/documents/Prettier/prettierignore.md index 0ba75f0..c5cd0ee 100644 --- a/documents/Prettier/prettierignore.md +++ b/documents/Prettier/prettierignore.md @@ -1,6 +1,6 @@ # マークダウンが Prettier で整形される問題を解決する -> ![NOTE] +> [!NOTE] > 1. ルートディレクトリに `.prettierignore` 追加 > 2. `*.md` を追加 > 以上 \ No newline at end of file diff --git a/documents/README.md b/documents/README.md index 7857093..ce1bc86 100644 --- a/documents/README.md +++ b/documents/README.md @@ -1,81 +1,12 @@ -
+# Today I Learn -TIL +- [Book Memo](./Books/README.md) -This image was made with [My Octocat](https://myoctocat.com/) -
- ---- - -```javascript -/*------------------------------------- - | TIL - | Today I Learn and Study Log. - *------------------------------------*/ - -// If you want to check the monthly reports, go to the annual folders. -``` - -```javascript -const studyStartDay = "2023/11/18"; -``` - -```javascript -const programmingStudyTime2023 = [ - { - period: "2023", - hoursTotal: 116.75, - } -]; -``` - -```javascript -const programmingStudyTime2024 = [ - { - period: "January 2024", - hoursPerMonth: 93.75, - // hoursTotal: 210.50, - }, - { - period: "February 2024", - hoursPerMonth: 95.25, - // hoursTotal: 306.25, - }, - { - period: "March 2024", - hoursPerMonth: 90.50, - // hoursTotal: 396.75, - }, - { - period: "April 2024", - hoursPerMonth: 21.25, - // hoursTotal: 417.50, - }, - { - period: "May 2024", - hoursPerMonth: 45, - // hoursTotal: 462.5, - }, - { - period: "June 2024", - hoursPerMonth: null, - // hoursTotal: null, - }, -]; -``` - -```javascript -const englishStudyTime2024 = [ - { - period: "May 2024", - hoursPerMonth: 26.25, - // hoursTotal: 26.25, - }, - { - period: "June 2024", - hoursPerMonth: null, - // hoursTotal: null, - }, -]; -``` +## Table Of Content +- [HTML](./HTML/README.md) +- [CSS](./CSS/README.md) +- [JavaScript](./JavaScript/) +- [TypeScript](./TypeScript/) +- [Laravel](./Laravel/README.md) +- [API](./API/README.md) \ No newline at end of file diff --git a/documents/React/README.md b/documents/React/README.md new file mode 100644 index 0000000..e69de29 diff --git a/documents/React/resources.md b/documents/React/resources.md new file mode 100644 index 0000000..64e594d --- /dev/null +++ b/documents/React/resources.md @@ -0,0 +1,19 @@ +# React Study Resources + +- [flashohq/open-source-react-courses](https://github.com/flashohq/open-source-react-courses?tab=readme-ov-file): 色々まとめてある + +## 使えそう、やりやすそう +- [React Tutorial](https://www.w3schools.com/react/default.asp) + - 結局これ +- [React Course For Beginners - Learn React in 8 Hours - YouTube](https://www.youtube.com/watch?v=f55qeKGgB_M&list=PLpPqplz6dKxW5ZfERUPoYTtNUNvrEebAR&index=20) + - YouTube、英語、8時間で終わる + - > This course will teach you everything you need to know as a Beginner in react, to being able to create big projects on your own. + +## 検討中 +- + +## 保留・見返す +- [Learn React](https://v2.scrimba.com/learn-react-c0e) + +## お見送り +- \ No newline at end of file diff --git a/documents/TEST/README.md b/documents/TEST/README.md new file mode 100644 index 0000000..2c86162 --- /dev/null +++ b/documents/TEST/README.md @@ -0,0 +1,4 @@ +# TEST + +## Watch List +- [あなたはフロントエンドテストをしていますか？【Vitestでテスト入門】 - YouTube](https://www.youtube.com/watch?v=vO7oJ_ugShY) \ No newline at end of file diff --git a/documents/TypeScript/README.md b/documents/TypeScript/README.md new file mode 100644 index 0000000..3d1bcc4 --- /dev/null +++ b/documents/TypeScript/README.md @@ -0,0 +1,25 @@ +# TypeScript + +## Study Resources + +- [TypeScript Roadmap: Learn to become a TypeScript developer](https://roadmap.sh/typescript) + - TypeScriptで学ぶべき項目の概要 + +### 試したもの +- [Execute Program](https://www.executeprogram.com/) + - 試した + - 英語を読みながら、単語も学びながらできる + - 画面上でテキスト入力して学んでいく感じ + - 英語さえ読めれば強い、英語の勉強になる + +### まだ +- [TypeHero](https://typehero.dev/) + +--- + +## Table Of Content +- [TypeScript Basic](./typeScript-basic.md) +- my-typescript-apps + - [Practice TypeScript Apps](./practice-typescript-apps.md) + - [Random Quote](./random-quote.md) + - [Simple Modal](./simple-modal.md) \ No newline at end of file diff --git a/documents/TypeScript/random-quote.md b/documents/TypeScript/random-quote.md index 753a3a6..34e834f 100644 --- a/documents/TypeScript/random-quote.md +++ b/documents/TypeScript/random-quote.md @@ -61,3 +61,96 @@ p1.then( - 今回はひとまずCDNで。 - TypeScriptとbootstrapの時にちゃんと組み込む - Bootstrap少し難しいかも、Tailwind CSSとは全然別物な感覚 + +### 触った感想 +- margin のサイズが 5タイプしかない... +- ちゃんと学ばないとちょっとよくわからないかも +- ひとまず、グリッドシステム的な感じなので、レイアウトはそれに従う必要がありそう +- ちゃんと、colとrowを覚えるべし +- col 横、row 縦 +- table row (tr) 横...逆に覚えづらい....！ +- 行（row）、行が横向きなので横 +- 列（col）、列が縦向きなので縦 +- [ひと目でわかる行列（Row ・ Column）の方向の覚え方 - Λlisue's blog](https://lambdalisue.hatenablog.com/entry/2013/07/18/134507) + +## とりあえず簡単に自分がわかる範囲でコーディング + +```typescript +fetch("https://dummyjson.com/quotes/random") + .then((res) => res.json()) + .then((data) => { + const quoteDom = document.getElementById("quote") as HTMLElement; + const authorDom = document.getElementById("author") as HTMLElement; + const quoteIdDom = document.getElementById("quote-id") as HTMLElement; + quoteIdDom.textContent = data.id; + quoteDom.textContent = data.quote; + authorDom.textContent = data.author; + }); +``` + +- `fetch("https://dummyjson.com/quotes/random")` + - 引数のURLからデータを取得するPromiseを開始 +- `.then((res) => res.json())` + - `fulfilled` を返えすと、`()`の中身が実行される + - `(res)` でデータの中身（引数）を定義 + - `res.json()` で、データのjsonを返す +- `.then((data) => {` + - `then` で一つ前で返されたデータを使って処理をする + - `(data)` で引数を定義 +```typescript +const quoteDom = document.getElementById("quote") as HTMLElement; +const authorDom = document.getElementById("author") as HTMLElement; +const quoteIdDom = document.getElementById("quote-id") as HTMLElement; +``` + - 現段階で、 `as HTMLElement` を適当につけていたので調査する + +## as HTMLElement 深掘り + +- [TypeScript/src/lib/dom.generated.d.ts at main · microsoft/TypeScript](https://github.com/microsoft/TypeScript/blob/main/src/lib/dom.generated.d.ts) + +## GPTのリファクタリング + +```typescript +interface Quote { + id: string; + quote: string; + author: string; +} + +const fetchQuote = async (): Promise => { + const response = await fetch("https://dummyjson.com/quotes/random"); + if (!response.ok) { + throw new Error("Network response was not ok"); + } + const data: Quote = await response.json(); + return data; +}; + +const updateDOM = (quoteData: Quote): void => { + const quoteDom = document.getElementById("quote"); + const authorDom = document.getElementById("author"); + const quoteIdDom = document.getElementById("quote-id"); + + if (!quoteDom || !authorDom || !quoteIdDom) { + console.error("One or more DOM elements not found"); + return; + } + + quoteIdDom.textContent = quoteData.id; + quoteDom.textContent = quoteData.quote; + authorDom.textContent = quoteData.author; +}; + +const main = async (): Promise => { + try { + const quoteData = await fetchQuote(); + updateDOM(quoteData); + } catch (error) { + console.error("Failed to fetch and update quote:", error); + } +}; + +// Call the main function to fetch and display the quote +main(); + +``` \ No newline at end of file diff --git a/documents/TypeScript/typeAssertion.md b/documents/TypeScript/typeAssertion.md new file mode 100644 index 0000000..07616be --- /dev/null +++ b/documents/TypeScript/typeAssertion.md @@ -0,0 +1,11 @@ +# Type Assertion （型アサーション） + +TODO: 詳しく調査する...やはり体系的に学んだ方がよさそう... + + +## Reference + +- [Type Assertion（型アサーション） | TypeScript Deep Dive 日本語版](https://typescript-jp.gitbook.io/deep-dive/type-system/type-assertion) +- [型アサーション「as」(type assertion) | TypeScript入門『サバイバルTypeScript』](https://typescriptbook.jp/reference/values-types-variables/type-assertion-as) +- [【TypeScript】できるだけ as を避ける理由](https://zenn.dev/mrbabyyy/articles/0be002fedafef4) + - as を使わずに、事前に宣言したインターフェイス？を使って宣言している、型アサーションではんく、型宣言で。 \ No newline at end of file diff --git a/documents/TypeScript/TypeScript.md b/documents/TypeScript/typeScript-basic.md similarity index 100% rename from documents/TypeScript/TypeScript.md rename to documents/TypeScript/typeScript-basic.md diff --git a/documents/TypeScript/typeScriptForJavaScriptProgrammers.md b/documents/TypeScript/typeScriptForJavaScriptProgrammers.md new file mode 100644 index 0000000..e38489f --- /dev/null +++ b/documents/TypeScript/typeScriptForJavaScriptProgrammers.md @@ -0,0 +1,4 @@ +# TypeScript for JavaScript Programmers + +[TypeScript: Documentation - TypeScript for JavaScript Programmers](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html) + diff --git a/documents/TypeScript/vite-githubactions-deploy.md b/documents/Vite/vite-githubactions-deploy.md similarity index 100% rename from documents/TypeScript/vite-githubactions-deploy.md rename to documents/Vite/vite-githubactions-deploy.md diff --git a/src/components/Table.vue b/src/components/Table.vue index 8a0b8e7..377f771 100644 --- a/src/components/Table.vue +++ b/src/components/Table.vue @@ -45,16 +45,9 @@ const logs = ref(reversedArray); - - - {{ log.date }} - - {{ log.time }}h - {{ log.memo }} - - + {{ log.date }} - {{ log.time }}h + {{ log.time }}h {{ log.memo }} diff --git a/src/database/categories.json b/src/database/categories.json index 7e79ad8..06edbfc 100644 --- a/src/database/categories.json +++ b/src/database/categories.json @@ -47,6 +47,10 @@ { "id": "p-vue-intro-to-vue3", "name": "Intro to Vue3" + }, + { + "id": "p-w3s-bootstrap5", + "name": "W3SChools Bootstrap 5 Tutorial" } ], "Others": [ diff --git a/src/database/studyLog2024.json b/src/database/studyLog2024.json index f094572..9d3ba34 100644 --- a/src/database/studyLog2024.json +++ b/src/database/studyLog2024.json @@ -292,12 +292,27 @@ "date": "2024-06-11", "tasks": [ { - "id": "null", - "detail": ["null"], - "time": null + "id": "p-p-first-contributions", + "detail": ["apple-touch-iconが領域いっぱいに表示されない問題の調査"], + "time": 1 + }, + { + "id": "p-p-typescript-apps", + "detail": ["Rando Quote: 実装完了、実装した内容について解説追加", "TypeScriptを体系的に学べるリソース探し"], + "time": 1 + }, + { + "id": "p-w3s-bootstrap5", + "detail": [ + "全体像を把握するためにチュートリアルをやることにした", + ".container、.container-fluid、colとかrowとかが沢山。" + ], + "time": 1 } ], - "memo": [""] + "memo": [ + "本当に計画的に物事をすすめることが苦手だと実感した。学ぶべきトピックが多すぎる時にどうすればいいのか...。1つ1つ取り組むしかないとは思うが、やっぱり果てしなく感じる。" + ] }, { "date": "2024-06-12",