「HTML5」カテゴリーアーカイブ

25/12/04 CodeUnion 活動報告

日誌担当者:久保 拓也
【今日の活動内容】

・画面の背景作成

・画面デザインの変更

・データベース接続

・タイトル決め

・キャラクター作成

【投稿担当者の作業内容】

・画面の背景作成

・画面デザインの変更

・データベース接続

・キャラクター作成

【残タスク、次回の作業内容】

・画面遷移図の修正

HTMLチーム5日報

日誌担当:鈴木祥護

プロジェクト名:MiraBa

[本日の主要な目標]

アプリのUI骨格の完全な完成およびコードの整理・分割を行い、開発の基盤を固めること。

[活動内容] [担当者の作業]

UI骨格の作成と修正

1・2分割レイアウト: 左サイドバー(固定)と右メインコンテンツ(スクロール)の確立。

2・デザイン調整: 背景画像の適用、ヘッダーアイコンの配置、キャッチフレーズのスタイル調整(枠削除など)。

3・コンテンツ配置: 全体貢献度ウィジェットを最下部に、キャッチフレーズを最上部に配置するレイアウト変更を実施。

4・JavaScriptを用いて、サンプル投稿および画像付き投稿(ボランティア活動の様子)を動的にレンダリングする機能を実装した。

5・単一のHTMLファイルから、css/style.cssjs/app.jsjs/firebase.js へコードを分離し、保守性を向上させた。

[課題と解決の方向性]

左サイドバーの固定と右コンテンツのスクロールが干渉し、表示が崩れる問題が発生。

投稿フィードに追加した画像が表示されず、コメントも反映されない状態だった。

 

[次回の作業]

1・画像リソースの配置:フォルダを作成し、背景画像やヒーロー画像をローカル環境に配置する。

2・認証機能の強化:ログイン状態に応じた投稿フォームの表示制御(現在は表示のみ)を実装する。

3・Firestore連携: 実際のデータベースへの書き込み・読み込み処理を js/app.js に実装し、リアルタイム更新を有効化する。

25/12/3 めがね2/3 活動報告

日誌担当者: 鎌田あるん

チームの活動内容
UI、グラフィックの作成

投稿担当者の作業内容
進捗状況の把握
軽微な修正

残タスク、次回の作業内容
役割分担
UI、グラフィックの作成
ゲームロジックの作成

 

久しぶりの登校だったので現状把握をしました。
元気になりました!いっぱい頑張ります!

25/12/02 CodeUnion活動報告

日誌担当者:髙島海紗

【今日の活動内容】

・デザインカンプ作成

・画面作成

【投稿担当者の作業内容】

デザインカンプ作成

【残タスク、次回の作業内容】

・画面作成

・メインメニューから画面遷移ができるようにする

25/12/01 CodeUnion 活動報告

日誌担当者:久保 拓也
【今日の活動内容】

・トップ画面の作成

・クイズ出題画面の作成

・データベースの作成

【投稿担当者の作業内容】

・クイズ出題画面の作成

・データベースの作成

【残タスク、次回の作業内容】

・遷移先画面の作成

25/12/2 めがね2/3 活動報告

チームの活動内容
UI、グラフィックの作成

投稿担当者の作業内容
UI、グラフィックの作成
TailWindについて学習

残タスク、次回の作業内容
Reactの勉強
役割分担
UI、グラフィックの作成

 

まだ一人お休みだったので、本日はとりあえず背景をR3fを使って作って画面を作りました

25/11/28 めがね2/3 活動報告

チームの活動内容
Reactの勉強

投稿担当者の作業内容
Reactの勉強

残タスク、次回の作業内容
ガントチャート作成
Reactの勉強
作業開始!!

 

一人お休みだったので、役割分担とかは置いといて、いったんReactの勉強をしました。

日報じゃんけんでは、藤原君は同じ手を出すのが好きみたいなので、一回目であいこになったら二回目は絶対一回目に勝てるように出します。

25/11/21 めがね2/3 活動報告

日誌担当者: 藤原創太


チームの活動内容

  • リポジトリのクローン
  • 画面設計、画面レイアウトづくり

投稿担当者の作業内容

  • 画面設計、画面レイアウトづくり

残タスク・次回の作業内容

  • 画面設計、画面レイアウトづくり
  • ガントチャート、設計内容の確認