[refactor] プロジェクトのセキュリティとファイル構造の改善

以下の主な変更をマージしました：

1. **.gitignoreの更新**:
- `tmp_TimeLinR`と`custom_style.css`ファイルを追加し、不要なファイルのバージョン管理を回避。

2. **Dockerfileのセキュリティとユーザー設定の改善**:
- `USER`指令の順序を調整し、セキュリティ向上のために非rootユーザー`user`への切り替えを最適化。
- `/app`ディレクトリの所有権を`user`に設定し直し、セキュリティ強化を図りました。

3. **app.pyのカスタムCSSファイルパスの簡略化**:
- CSSファイルのパスを`./custom_style.css`に変更し、ファイル構造を簡素化しました。

4. **timeline_image.pngの最適化**:
- 画像ファイルのサイズを削減し、Webでのロード時間の短縮を実現しました。

これらの変更により、アプリケーションのセキュリティが向上し、ファイル管理が効率化され、ユーザー体験が改善されます。

.gitignore

@@ -161,4 +161,5 @@ cython_debug/
 
 SourceSageAssets/
 memo.md
-tmp_TimeLinR
+tmp_TimeLinR
+custom_style.css

Dockerfile

@@ -1,9 +1,8 @@
 FROM python:3.12-slim
 
-RUN useradd -m -u 1000 user
-USER user
-
+USER root
 
+RUN useradd -m -u 1000 user
 WORKDIR /app
 RUN chown -R user:user /app
 
@@ -23,4 +22,7 @@ EXPOSE 8501
 # Set the PATH for Chromium
 ENV CHROMIUM_PATH /usr/bin/chromium
 
+RUN chown -R user:user /app
+USER user
+
 CMD ["streamlit", "run", "app.py"]

app.py

@@ -50,9 +50,8 @@ def generate_timeline(df, margin_coefficient):
     return timeline_html
 
 def create_custom_css(border_color, marker_color, box_background):
-    os.makedirs("./tmp_TimeLinR", exist_ok=True)
 
-    css_file_path = create_custom_css_file(border_color, marker_color, box_background, './tmp_TimeLinR/custom_style.css')
+    css_file_path = create_custom_css_file(border_color, marker_color, box_background, './custom_style.css')
     custom_css = load_css(css_file_path)
     st.markdown(f'<style>{custom_css}</style>', unsafe_allow_html=True)
     return custom_css