6/2（金）日報

ターム目標

  • プログラミングの基礎を学ぶ
  • WEBサイトの構成要素(HTML,CSS,JS)とそれぞれの役割、WEBサイトがなぜ見れるのかをイメージできるようになる

週間目標

  • ソースコードを理解して使う（「コピペするだけ」は避ける）
  • イメージを形にするためにどうすれば良いかを考える
  • 相手の立場に立ってデザインを考える

本日の作業計画

  • 太陽光勉強会
  • HTML・CSS基礎（演習）

本日の作業実績

  • 太陽光勉強会…ストリング監視、接続箱について
  • HTML・CSS基礎（演習）…1.開発研修報告会準備 2.開発研修報告会 3.フィードバックなど
    1. 報告会に向けてプレゼン作成、予行練習とそのフィードバックを行った。
    2. 研修で行ったLINEBOTへの機能実装とはてなブログデザインの成果物について報告。
    3. 開発課研修報告会で気になった点や反省点についてフィードバック、より簡潔なコードの記述方法について質問

本日の所感

報告会で報告する際、何を目的として報告するのかをしっかり見据えて準備しておくことが重要だと感じた。今回は成果物の発表なので、聞き手側が実際に見れたり触れたりすることが重要だった。LINEBOTの報告があることを頭に入れ、事前にスマートフォンを持ってきてもらうようにアナウンスしておくなど、もっと聞き手のことを考えて報告にあたるべきだったと感じた。

本日の進捗率

  • 太陽光勉強会…100％
  • HTML・CSS基礎（演習）
    1. …100%
    2. …100%
    3. …100%
  • 一日の総進捗度…100%

◆今週の振り返り◆

  • うまくいったこと

  • なぜうまくいったのか

    • 分からない点を確実につぶしていったから（質問、検索）
    • 理解が進み、質問の仕方が上達したから

  • うまくいかなかったこと

    • 相手の立場に立った報告をすること

  • なぜうまくいかなかったのか

    • 内容面を良くすることを意識しすぎたこと

  • 改善点

    • 「この報告方法だと相手がどう感じるか」ということを予行の時点ではっきりさせておく
    • 報告の目的をしっかりと頭に入れておく

  • 一週間を振り返って
    報告会では、準備段階では気づかなかったことが色々と浮き彫りになった。今回の経験を生かして、発表時にはどういうことに気を配り、事前に何をしておかなければならないかをリスト化しておき、次のプレゼンでは改善できるようにしたい。

  • 週間目標達成度
    ①…100％
    ②…100％
    ③…80％

6/1（木）日報

ターム目標

  • プログラミングの基礎を学ぶ
  • WEBサイトの構成要素(HTML,CSS,JS)とそれぞれの役割、WEBサイトがなぜ見れるのかをイメージできるようになる

週間目標

  • ソースコードを理解して使う（「コピペするだけ」は避ける）
  • イメージを形にするためにどうすれば良いかを考える
  • 相手の立場に立ってデザインを考える

本日の作業計画

  • 太陽光勉強会
  • HTML・CSS基礎（演習）

本日の作業実績

  • 太陽光勉強会…接続箱について
  • HTML・CSS基礎（演習）…1.報告会に向けてプレゼン作成 2.LINEBOT微調整
    1. 開発課研修で学んだこと（LINEBOT、はてなブログデザイン）をもとに資料作成。発表内容の整理。
    2. LINEBOTのソースコード、返答を少し変更。for文の復習（入れ子になったfor文）

本日の所感

報告会のプレゼンを作成していくことで、これまでの研修内容（LINEBOT、はてなブログデザイン）の復習ができた。資料を作って発表するためには、当然自分がしっかり理解しておかなければならないので、明日の発表までにもう一度内容を復習しておきたい。

本日の進捗率

  • 太陽光勉強会…100％
  • HTML・CSS基礎（演習）
    1. …100%
    2. …100%
  • 一日の総進捗度…100%

5/31（水）日報

ターム目標

  • プログラミングの基礎を学ぶ
  • WEBサイトの構成要素(HTML,CSS,JS)とそれぞれの役割、WEBサイトがなぜ見れるのかをイメージできるようになる

週間目標

  • ソースコードを理解して使う（「コピペするだけ」は避ける）
  • イメージを形にするためにどうすれば良いかを考える
  • 相手の立場に立ってデザインを考える

本日の作業計画

  • 太陽光勉強会
  • HTML・CSS基礎（演習）

本日の作業実績

  • 太陽光勉強会…キュービクル、エンクロージャーについて
  • HTML・CSS基礎（演習）…1.羊にメニュー機能実装 2.機能の調整 3.開発課研修のプレゼンについて検討
    1. 羊にhoverするとドロップダウンメニューが開き、それを押すと各日報へスクロールするように設定。
    2. 曇りガラス機能削除、色や位置の微調整。

本日の所感

Webページの実装が一通り終わり達成感があった。ただ、jQueryの書き方やルールについてはあいまいな点も多く、スクロール機能を付けるだけでも苦労した。jQueryについては本来の研修範囲ではないが、少なくともjQueryのどういった記述・仕組みがスクロール動作に繋がるのかだけでもきっちり理解しておきたい。

本日の進捗率

  • 太陽光勉強会…100％
  • HTML・CSS基礎（演習）
    1. …100%
    2. …100%
  • 一日の総進捗度…100%

5/30（火）日報

ターム目標

  • プログラミングの基礎を学ぶ
  • WEBサイトの構成要素(HTML,CSS,JS)とそれぞれの役割、WEBサイトがなぜ見れるのかをイメージできるようになる

週間目標

  • ソースコードを理解して使う（「コピペするだけ」は避ける）
  • イメージを形にするためにどうすれば良いかを考える
  • 相手の立場に立ってデザインを考える

本日の作業計画

  • 太陽光勉強会
  • 定期面談
  • HTML・CSS基礎（演習）

本日の作業実績

  • 太陽光勉強会…ノイズ対策（アース／ノイズフィルターについて）
  • 定期面談
  • HTML・CSS基礎（演習）…1.背景変更 2.エントリータイトルに触れると花が生えるように変更
    1. 背景を変更し、containerに曇りガラス効果を付与。
    2. エントリータイトルボタンにhoverすると花のイラストが移動するように設定。animationとtransitionの違い、hover::afterにおけるスペースの有無で指定先が変わることを学んだ。

本日の所感

「こうしたい」という自分のイメージと「こう書けばよい」という手段の部分がだいぶ結びつくようになってきた。疑似要素にhoverを付ける時のルールについては内容をもう一度しっかり整理し、使い間違えることの無いようにしたい。

本日の進捗率

  • 太陽光勉強会…100％
  • HTML・CSS基礎（演習）
    1. …70%
    2. …100%
  • 一日の総進捗度…80%

5/29（月）日報

ターム目標

  • プログラミングの基礎を学ぶ
  • WEBサイトの構成要素(HTML,CSS,JS)とそれぞれの役割、WEBサイトがなぜ見れるのかをイメージできるようになる

週間目標

  • ソースコードを理解して使う（「コピペするだけ」は避ける）
  • イメージを形にするためにどうすれば良いかを考える
  • 相手の立場に立ってデザインを考える

本日の作業計画

  • 太陽光勉強会
  • HTML・CSS基礎（演習）

本日の作業実績

  • 太陽光勉強会…UPSについて
  • HTML・CSS基礎（演習）…1.日報ページの羊消去 2.羊、エントリータイトルのデザイン変更
    1. 明日行う予定の作業を考慮し、トップページのみに羊が出るように変更。
    2. 羊の画像や吹き出しを変更し、エントリータイトルを円形にした。

本日の所感

ソースコードに問題はないはずなのにうまく動かないことが多々あった。エントリータイトル要素はブロック要素とインライン要素が混在しているため、どの要素を指定しているかややこしくなりがちだと感じた。明日には一通り実装が終わるように調整しながら機能を付け加えていきたい。

本日の進捗率

  • 太陽光勉強会…100％
  • HTML・CSS基礎（演習）
    1. …100%
    2. …90%
  • 一日の総進捗度…90%