独学!Webサイト構築日誌

日誌一覧

0日目:さて。

  1. 大目標:これから1ヶ月以内(2020年12月末)を目安に、現在使っているこのブログのWebサイトを自分で構築できるようにする。
day0

1日目:始めるぞ。

  1. URLリンクをクリックしたら飛べる状態にする。
  2. 上部にメニューをつける。
  3. 進捗画像掲載。
day1

2日目:始めたぞ。

  1. サーバーに直接ぶち込んでいるので、サーバー内にフォルダ作って整理する。
  2. 使用したcssを随時記載していく。
  3. 表示画像を小さくし、クリックすると拡大するようにする。
  4. 表示エリアを区切る。
  5. 全体が左に寄っているので真ん中にずらす。
  6. 色が気持ち悪いので、随時変更していく。
  7. ブログタイトルの中央寄せ。
  8. ヘッダーとサイドバーの間にある空間を詰める。
  9. 文章欄とサイドバーの間に空間を作る。
  10. コード引用部分の表示が変なのでどうにかする。
  11. 文章の表示領域を広げる。
  12. 多階層メニューの作成。
day2

3日目:サブメニューに苦戦なう。

  1. ブログのアイコンを考える。
  2. アイコンをヘッダーに適用&Home画面に戻るようにする。
  3. tableで作った表に、線が入るようにする。
  4. 引用コード部分を目立たせる。
  5. 多階層メニュー(サブメニュー)の作成。
  6. 日誌をベタ打ち→日にちごとにフォルダ分け。
day3

4日目:まずは別件から。

  1. サイドバーを右側に変更。
  2. サイドバーにtwitterを表示。
  3. 各日誌の機能的・効率的な参照方法を実装する。
  4. 「日誌」のカテゴリーページを準備し、タイトル一覧表示。
  5. フッター作成。
  6. h1~h4までの書式をcssで加える。
  7. サイドバーにアイコン付きのリンクを貼り付ける。
  8. 過去の日誌のヘッダー、サイドバーを整える。
  9. 書きなぐっている文章を整える。
  10. メニューバーがズレているので、真ん中にする。
day4

5日目:まずは模様替えから。

  1. style.cssとindex.html以外を1つのフォルダにまとめる。
  2. サイドバーの画像リンクがでか過ぎ。
  3. メニューの文字以外(ボタン部分)もリンクをつける。
  4. プライバシーポリシーページの作成。
  5. お問い合わせフォームの作成。
day5

6日目:まずはバグ修正から。

  1. 既存のウェブサイトの整理。
  2. 本文のリストを目立たせる。
  3. 日誌一覧に目標を載せる。
  4. 別件:新しいEA組む。
  5. お問い合わせフォームの作成。
day6

7日目:のんびりネットサーフィンから。

  1. ウィンドウ分割方法の変更。
  2. リンク先をiframeで読み込む。
day7

8日目:1週間経ったが、

  1. ウィンドウ分割方法の変更。
  2. リンク先をiframeで読み込む。
day8

9日目:良い感じに

  1. 7日目と8日目の文章 整理。
  2. プロフィール修正。
  3. 便利サイト一覧作成。
  4. 前へ 次へ ボタン追加。
  5. ヘッダーメニューの中央寄せ。
day9

10日目:仕上がって来てるんでは

  1. 投稿日、更新日の自動入力。
  2. 前へ、次へボタンをすべてJSで。
  3. Twitterの遅延読み込み。
  4. スライドショーの作成。
  5. スライドショーにリンク付与。
  6. 前へ、次へボタン装飾。
day10

11日目:?

  1. nothing
day11

12日目:また本気出す。

  1. ファビコン設定。
  2. 日誌ごとの画像一覧。
  3. 検索フォームの作成。
  4. パンくずリストの作成。
  5. サイト内で評価順に条件ソート。
day12

13日目:の金曜日。

  1. 条件ソートの詳細整理。
  2. 条件ソートにチェックボックスで抽出追加。
day13

14日目:朝から空腹MAX。

  1. 続・条件ソートのチェックボックス。
  2. ↑出来たら前日分含めてまとめる。
  3. タブキーで移動する順番指定。
  4. サイドバー/フッター整理。Cssも変更。
day14

15日目:朝から手悪さMAX。

  1. ソートプログラム一部変更。
  2. お気に入りのアイコン変更。
  3. フッターのタイトル 高さ揃える。
  4. 画像一覧の表示弄り。
  5. 全体のタイトル/説明文修正。
day15

16日目:朝からやる気MAX。

  1. 0日目の前日リンクが-1日になってる。
  2. メニューボタンを軽い見た目に変更。
  3. 日誌一覧と画像一覧の合体。
  4. 参照元の記述方式変更。
day16

17日目:ゆっくりスタート。

  1. 日誌一覧画像にhover付ける。
  2. メニューバー固定。
  3. 日誌画面のレイアウト変更。
day17

18日目:ふつうスタート。

  1. PHPの基礎を学ぶ。
  2. iframeをphpに置き換え。
day18

19日目:もう大晦日だぜ?

  1. head/titleなどを含めたヘッダー固定。
  2. メニューバー固定。
  3. 動的なパンくずリストの作成。
  4. JSの最終更新日をphpにする。
day19

21日目:ことよろ。

  1. 前へ次へボタン phpで実装する。
  2. お問い合わせフォームの作成。
day21

22日目:湯たんぽパワー。

  1. お問い合わせフォームの仕様変更。
  2. 検索フォームの作成。
day22

23日目:蜜柑パワー。

  1. 前へ・次へボタンのcss:hover変更。
  2. メニューのcss:hover変更。
  3. メニューの不具合修正。 ※蜜柑
  4. 検索フォームの作成。 ※25日目に完成。
day23

24日目:昼飯は年明けうどん。

  1. 検索フォームの作成。 ※25日目に完成。
day24

25日目:昼飯は燻製カレー。

  1. 検索フォームの作成。
  2. MySQLへ保存してくれるプログラムの作成。
  3. TOPの画像変更。
  4. スマホ向け画面の作成。
  5. 進捗画像・前後ボタン・更新日をphpにまとめる。
day25

26日目:夕飯は牡蠣鍋と刺身。

  1. 記事作成日追加。
  2. 更新日順に記事を載せる。
day26

27日目:当然の二日酔い。

  1. 更新日順に記事を載せる。
  2. Google Adsenceに申請。
day27

28日目:新章開幕。

  1. 新日誌のフォルダとメニュー作成。
  2. MySQLへ自動的に保存してくれるプログラムの作成。
  3. footer.phpを新日誌用に改良する。
  4. forDiary.phpを新日誌用に改良する。
  5. 検索をすべてのデータから選ぶよう変更。
  6. 最新記事をすべてのデータから選ぶよう変更。
  7. 日誌一覧を自動作成。
day28

29日目:戸棚の取っ手が壊れた。

  1. 効率の良いサイトの作り方をまとめる。
  2. ☆過去の日誌の文章校正と、補足を追記。
  3. ☆に際し、参考資料のページ整える。
  4. ☆に際し、参考書籍を紹介。
  5. 商品紹介 html + css を作る。
day29

30日目:ちょっと別件で。

  1. 商品リンクの自動作成ツール作成。|Excel|
  2. 商品リンクの自動作成ツール。|JS|
day30

31日目:昨晩作ったやつは好調です。

  1. 商品リンクの自動作成ツール作成。|Excel|
  2. 商品リンクの自動作成ツール作成。|JS|
day31

32日目:換気扇...

  1. Google Adsence設置。
  2. 学習手順&構築ルートに参考図書載せる。
  3. トップページに制作物リンク作る。
  4. 記事に共有ボタン作成。
day32

33日目:耳

  1. JSセキュリティを考える。
  2. phpセキュリティを再度考える。
day33

34日目:ボタン弄り。

  1. phpセキュリティを再度考える。
  2. SEOを再度考える。
day34

35日目:昨晩は暖かかったね。

  1. phpセキュリティを再度考える。
  2. お問い合わせフォームに画像認証追加。
day35

36日目:消せないファイル。

  1. 画像認証の画像を更新させる。
day36

37日目:布団の中で覚醒。

  1. 画像認証を含めたお問い合わせフォームの完成。
  2. OS コマンドインジェクション対策をする。
  3. グローバル変数乱用状態なので、functionでまとめる。
day37

38日目:まったり起床。

  1. htaccess:https スキームに統一。
  2. htaccess:拡張子なしでのアクセス。
  3. php エラー非表示&ログ吐き出し。
day38

40日目:今後必要になりそうなもの。

  1. MT5用の過去検証RPAを作成する。
  2. 問題ランダム作成Excel。
  3. 100マス計算Excel。
day40

41日目:ニートごっこ。

  1. MT5用の過去検証RPAを作成する。
day41

42日目:続・もぞもぞ。

  1. nothing.|FX関連|
day42

43日目:引き続きFX。

  1. nothing.|FX|
day43

44日目:SEO本ゲット。

  1. SEO対策の全体像を把握。
  2. 取り組めるところから実装していく。
  3. タグ:meta/descriptionに各目標を追記する。
  4. 説明文や言葉が適切か再度見直す。
day44

45日目:新PCがピクリとも動かない。

  1. タグ:meta description に各目標を追記する。
  2. 言葉が適切か再度見直し、リンク先も適切か再度調べる。
  3. サイトマップを作成。
day45

46日目:生地打ち楽しい。

  1. サーバー内のフォルダ整理。
  2. 既存の2つの日誌をまとめる。
  3. 新しいHPを考える。
day46
HOME > 日誌一覧