Releases: vavavavavavavavava/my-portfolio-creator
v1.1.1リリース
📄 Resume Builder v1.1.1 - 印刷品質向上アップデート
🎉 リリース概要
履歴書・職務経歴書生成アプリケーションの印刷機能を大幅に改善し、実用性を向上させたマイナーアップデートです。長いコンテンツの自動ページ分割と、プロフェッショナルな印刷品質を実現しました。
✨ 新機能
🖨️ 印刷機能の大幅強化
- A4横向き最適化: 印刷時に最適なレイアウトで出力
- スライド高さ制限: 210mm(A4横向き)に自動調整
- 改ページ制御: 要素の途中で切れることを防止
- フォント最適化: 印刷時に読みやすいサイズに自動調整
📑 自動ページ分割機能
- キャリア年表: 4項目/ページで自動分割
- テクニカルキャリア: 2項目/ページで自動分割
- スキル一覧: 6カテゴリ/ページで自動分割
- ページ番号表示: 複数ページ時に「1/3」形式で表示
🎨 UI/UX改善
- ページインジケーターの追加
- より読みやすい印刷レイアウト
- コンパクトな余白設定
🛠️ 技術的改善
テンプレートエンジン強化
// 新しいHandlebarsヘルパー
Handlebars.registerHelper('gt', function(a, b) {
return a > b;
});印刷スタイル最適化
.slide {
max-height: 210mm !important;
font-size: 0.9em !important;
line-height: 1.3 !important;
}自動分割アルゴリズム
function splitCareerHistory(careerHistory, maxItemsPerPage = 4) {
const pages = [];
for (let i = 0; i < careerHistory.length; i += maxItemsPerPage) {
pages.push(careerHistory.slice(i, i + maxItemsPerPage));
}
return pages;
}📊 変更統計
- 10ファイル変更
- 903行追加, 621行削除
- 新機能: 3つの主要機能追加
- バグ修正: 印刷関連の問題を解決
🗂️ 主要な変更ファイル
| ファイル | 変更内容 |
|---|---|
css/common/print.css |
印刷スタイルの大幅強化 (+162行) |
js/preview/renderer.js |
ページ分割機能実装 (+275行) |
js/common/templates.js |
Handlebarsヘルパー追加 |
templates/preview/ |
ページ番号表示対応 |
🎯 使用方法
印刷・PDF出力
- プレビュー画面で内容を確認
- 「PDF出力」ボタンをクリック
- ブラウザの印刷ダイアログでA4横向きを選択
- 高品質なPDFが生成されます
自動ページ分割
- キャリア履歴が長い場合: 自動的に複数ページに分割
- スキルカテゴリが多い場合: 6カテゴリずつページ分割
- ページ番号: 右上に「2/4」形式で表示
🔧 開発者向け情報
新しい設定ファイル
// .claude/settings.local.json
{
"permissions": {
"allow": [
"Bash(node:*)",
"Bash(git add:*)"
]
}
}API変更
splitCareerHistory(): キャリア履歴の分割splitSkills(): スキルデータの分割gtHandlebarsヘルパー: 数値比較
🐛 修正されたバグ
- 印刷時にコンテンツが切れる問題
- 長いスキルリストの表示問題
- ページ境界での要素分割問題
- 印刷マージンの不適切な設定
⚡ パフォーマンス
- レンダリング速度: 分割処理による軽微な増加
- メモリ使用量: 最適化により効率的な利用
- 印刷品質: 大幅な向上
🔄 互換性
- 後方互換性: 完全に維持
- ブラウザ対応: Chrome, Firefox, Safari, Edge
- 印刷対応: 全ての主要ブラウザ
v1.1.0リリース
v1.1.0 - テクニカルキャリア「5モード」対応 & 柔軟なレイアウト選択
🎉 マイポートフォリオクリエイター v1.1.0 リリース! 🎉
✨ アップデート概要
今回のアップデートでは、「テクニカルキャリア」セクションにおいて5種類のレイアウトモードを選択できるようになりました!
これにより、各プロジェクトごとに、強調したい内容や用途に応じて最適なレイアウトを自由に設定できます。
🆕 主な変更点
◆ テクニカルキャリアの「モード」選択が可能に!
-
レイアウトモードが5種類になりました!
- 詳細重視(標準)
- 密度重視
- バランス型
- 視覚重視
- テキスト重視
-
プロジェクトごとにレイアウトを選択可能
- それぞれのプロジェクトで、
「実績をしっかり見せたい」「構成図を目立たせたい」「簡潔な業務リストだけ書きたい」など、
アピールポイントや用途に応じて表示項目やレイアウトを細かく調整できます!
- それぞれのプロジェクトで、
-
より柔軟な表現が可能
- たとえば、マネジメント寄りのプロジェクトには「バランス型」や「視覚重視」を、
実装にフォーカスしたプロジェクトには「密度重視」や「テキスト重視」を――といったように、
一人ひとりのキャリア戦略・伝えたい内容に合わせたポートフォリオ作成がぐっとしやすくなりました。
- たとえば、マネジメント寄りのプロジェクトには「バランス型」や「視覚重視」を、
-
UI改良
- モード切り替えは、各プロジェクトカード内の「レイアウトモード」セレクトボックスから即時に変更できます。
- 「チーム構成」ブロックの表示位置改善など細かなUI改善も実施しました。
📝 アップデートのポイント
- テクニカルキャリアのプロジェクト単位で柔軟に表現内容を変えられます
- 複数のレイアウト・項目パターンを「使い分け」できるので、
どんな職種や経歴の方にもよりフィットするポートフォリオを実現 - 今後のアップデートでも、この「選べる柔軟さ」をベースにさらなるテンプレート拡充・細かなカスタマイズ性向上を予定しています
🚀 利用方法
前バージョンと同様です。
新しいモードをお試しの際は「テクニカルキャリア」セクションで「レイアウトモード」を切り替えてください。
これからも「マイポートフォリオクリエイター」をよろしくお願いします!
v1.0.0リリース
v1.0.0 - マイポートフォリオクリエイター 初版リリース
🎉 マイポートフォリオクリエイター v1.0.0 へようこそ! 🎉
この度、「マイポートフォリオクリエイター」の最初の安定版 v1.0.0 をリリースしました!
このツールは、技術者の皆様がご自身の職務経歴、技術スキル、強みなどを整理し、視覚的に魅力的なポートフォリオドキュメントを作成するための Web ベースのアプリケーションです。
🎯 主な機能
1. マイポートフォリオ エディタ (editor.html)
-
インタラクティブなデータ入力
- タイトルスライド(氏名、会社名など)
- 職務経歴(動的な追加・管理)
- 技術経歴(プロジェクト詳細、動的な追加・管理)
- 技術スキル(スキルレベル定義、カテゴリ・スキル追加管理)
- 強みと展望(技術的強み、ソフトスキル、将来の注力分野、資格の追加・管理)
-
柔軟なデータ管理
- 既存の JSON データの読み込み(ファイル/貼り付け)
- 編集内容の JSON ファイルへの保存
- 入力データの JSON プレビュー機能
-
直感的な UI
- タブ切り替えによるセクション移動
- 動的フォーム要素とリアルタイム通知
-
プレビュー連携
- 作成中のデータをプレビューアで即時確認
2. マイポートフォリオ プレビューア (preview.html)
- データ表示
- JSON データ(ファイル/貼り付け)を読み込み、整形されたポートフォリオを表示
- 視覚的な表現
- CSS による見やすいレイアウト
- PDF エクスポート
- 表示中のポートフォリオを PDF ファイルとして保存
- 印刷対応
- 印刷向けに最適化されたスタイルシートを自動適用
🚀 利用方法
- GitHub リポジトリの Assets から
Source code (zip)またはSource code (tar.gz)をダウンロードし、展開
(またはgit cloneでクローン) - 展開したフォルダ内の
editor.htmlを Web ブラウザで開く - 同様に
preview.htmlをブラウザで開き、プレビューアを起動 - エディタでポートフォリオデータを作成・編集し、JSON ファイルとして保存
- プレビューアで JSON ファイルを読み込み、内容を確認/PDF として保存
ポートフォリオ作成の詳細なヒントは、
docs/マイポートフォリオ作成ガイドをご参照ください。
🔭 今後の展望
v1.0.0 は最初のリリースであり、基本的な機能を提供します。
今後はユーザーのフィードバックをもとに、以下を検討・実装予定です。
- UI/UX の改善
- 新しいスライドテンプレートの追加
- 外部サービス連携機能(LinkedIn、GitHub など)
- 多言語対応
🙏 謝辞
このプロジェクトに関心をお寄せいただき、ありがとうございます。
バグ報告や機能提案はぜひ GitHub Issues までお寄せください。