目標

https://gsacademy.jp/column/tky-019/

詳細

詳細の管理はNotionで行う
https://dirt-thought-f41.notion.site/G-s-ACADEMY-8dfac03bc2e549d0b1b7a5015f9bf9c4

HTML

HTML 複数ページで共通になる部分はインクルードする
https://shu-sait.com/html-kyoutuu-bubun-include/

CSS

本番環境にデプロイしたらTailwind CSSが効かない時に確認すること
https://de-milestones.com/tailwindcss-not-work-after-deploy/

TailwindCSS

TailwindCSSが適用されないときに確認したこと
https://mai.kosodante.com/usetailwindcsswithjavascript/

TailwindCSSのパーツ集S
https://www.tailwind-kit.com/components/sidebar#

【永久保存版】Tailwind CSS チートシート 3.x対応
https://uedive.net/2021/5596/tailwind-css/
Tailwindcss入門】利用者急上昇中のCSSフレームワークのTailwindcssで簡単なウェブサイトを作ってみよう
https://www.youtube.com/watch?v=4wTVdlL_YGU
【Tailwind和訳】INTERACTIVITY/Cursor
https://zenn.dev/unreact/articles/tailwindcss-interactivity-cursor

javaScript

【javascript実践編#5】モーダルウィンドウを作ってみよう
https://www.youtube.com/watch?v=6JF0UAX7g-k

PHP

【PHP入門】日付のフォーマット(format) | date・DateTimeなど
https://www.sejuku.net/blog/21625
PHP foreach構文 使い方【基本のキ】
https://tech-blog.rakus.co.jp/entry/20211001/php

データベース

データベースオブジェクトの命名規約
https://qiita.com/genzouw/items/35022fa96c120e67c637
中間テーブルとは
https://qiita.com/morikuma709/items/9fde633db9171b36a068
やさしい図解で学ぶ 中間テーブル 多対多 概念編
https://qiita.com/ramuneru/items/db43589551dd0c00fef9
ER図とは?書き方やテクニックをわかりやすく解説
https://products.sint.co.jp/ober/blog/create-er-diagram
ER図(実体関連図)とは?
https://www.lucidchart.com/pages/ja/er-diagram
複合主キーの2番目のキーにAUTO_INCREMENTはできない
https://teratail.com/questions/21493
【MySQL】データ型一覧
https://ysklog.net/mysql/1797.html

SQL

INSERT文(SQLを基本から学ぶシリーズ)
https://products.sint.co.jp/topsic/blog/sql-insert
日付型と時刻型(DATE, TIME, DATETIME, TIMESTAMP, YEAR)
https://www.javadrive.jp/mysql/type/index4.html
【SQL入門】WHEREで検索条件の指定方法をわかりやすく解説
https://www.sejuku.net/blog/51583
SQL JOINの結合条件とWHEREの条件の違いと使い分け
https://zukucode.com/2017/08/sql-join-where.html
「Duplicate entry ‘1’ for key ‘PRIMARY’」と表示されるとき
https://php1st.com/1470
【SQL】意外と簡単!これならわかるLIKE句でのあいまい検索
https://www.sejuku.net/blog/73619
Mysqlのboolean型について調べてみた
https://qiita.com/ritukiii/items/3a3667391d4d65678d82

Git

アップロードした画像ファイルをgitの管理対象から外す
https://qiita.com/Tsh-43879562/items/1a23034bfeb44eb21f24

デザイン

Webサイトデザイン
https://partsdesign.net/
スマホデザイン
https://agtsmartphonedesign.com/page/2/
日本の色
https://nipponcolors.com/#sensaicha
なぜエンジニアが作る画面はダサいのか…?
https://qiita.com/mskmiki/items/544149987475719e417b
【まとめ】エンジニア向けデザイン参考サイト
https://qiita.com/KNR109/items/78b3ca7cae7615dac0b0
プロダクトを死へと誘う複雑性の恐ろしさと、それを最適化する10個の方法
https://note.com/kajiken0630/n/nec15a5dd69d2
Material Icons(Google Font Icons)の使い方を解説!
https://webdesign-trends.net/entry/14598
ログイン画面をモーダルで実装するのはやめよう
https://coliss.com/articles/build-websites/operation/work/dont-get-clever-with-login-forms.html
最高のログインフォームを考える
https://qiita.com/wakky_404/items/09507da58ec53f756b28
おしゃれデザインのログインフォーム! コピペで差が付くデザインをCSSで
https://deshinon.com/2019/03/03/oshare-kopipe-login-css/

便利

CSSジェネレーターWebサービス
https://omkz.net/css-generators/

カンバンボードの実装

【前編】JavaScriptでカンバン方式の「タスク管理アプリ」を作る!
https://www.youtube.com/watch?v=rJvznEGc5EY
jkanban GitHub
https://github.com/riktar/jkanban
jsDelivr
https://www.jsdelivr.com/

https://wordpress.zenmai.org/2020/10/12/caibamcuamyphpadminkhohieu/

詰んだ事例集

--------
【詰んだこと】

【解決策】

【結論】

【参考にしたサイト等】

--------


【詰んだこと】
TailwindCSSが効かない、フォントサイズや色が変わっていない

設定は下記動画通り実行した

https://www.youtube.com/watch?v=4wTVdlL_YGU

【解決策】
二つある

1点目
tailwind.config.jsでsrcフォルダ以下のファイルにTailwindCSSを適用する設定がされているようだ。
→多分ここ[ content: ["./src/**/*.{html,js}"], ].
そのため、ファイルをsrcフォルダに移動した。

2点目
headerタグ内で以下の通りでoutput.cssを読み込んでいる。


これはtailwindCSSや上記で記載のYoutube動画と同じ記述であるが、
パスの指定が不適と考え下記のように修正。

【結論】
解決(2023/01/22)

--------
【詰んだこと】
PHPMyAdminでテーブルを隠すボタンをクリックしてしまい、テーブルが見えなくなった
【解決策】
一度、ブラウザを消して表示ボタンをクリックした。

【結論】
解決

【参考にしたサイト等】
https://wordpress.zenmai.org/2020/10/12/caibamcuamyphpadminkhohieu/

--------

--------
【詰んだこと】
チェックボックスのクリック後の色を青から別の色に変えたい
【解決策】

【結論】
未解決

【参考にしたサイト等】

--------

後で見る
かけだしSEのためのデータベース設計入門
https://proengineer.internous.co.jp/content/columnfeature/6499

【入門】データベース設計まとめ
https://qiita.com/KNR109/items/5d4a1954f3e8fd8eaae7

sangetu
https://www.sangetsu.co.jp/