[{"data":1,"prerenderedAt":661},["ShallowReactive",2],{"article-\u002Farticles\u002Fcareer\u002Fportfolio-basics":3,"related-\u002Farticles\u002Fcareer\u002Fportfolio-basics":150},{"id":4,"title":5,"author":6,"body":7,"category":130,"contentType":131,"description":132,"draft":133,"extension":134,"featured":133,"meta":135,"navigation":136,"nextArticle":137,"path":140,"popular":133,"publishedAt":141,"seo":142,"slug":143,"stem":144,"tags":145,"thumbnail":148,"updatedAt":141,"__hash__":149},"articles\u002Farticles\u002Fcareer\u002Fportfolio-basics.md","エンジニア転職で使うポートフォリオの作り方","Nexorio編集部",{"type":8,"value":9,"toc":121},"minimark",[10,14,18,21,24,46,49,52,70,73,77,88,91,94,109,115,118],[11,12,13],"h2",{"id":13},"ポートフォリオの目的",[15,16,17],"p",{},"未経験からエンジニア転職を目指す場合、ポートフォリオは「実際に手を動かして学習してきたこと」を示す材料になります。職務経歴の中にエンジニアとしての実務経験がない分、学習意欲や理解度を伝える役割を担います。",[15,19,20],{},"採用担当者がポートフォリオを見るときに気にするのは、見た目の派手さよりも、「なぜこの機能を作ったのか」「どこで工夫したのか」を自分の言葉で説明できるかどうかです。",[11,22,23],{"id":23},"盛り込みたい要素",[25,26,27,31,34,37,40,43],"ul",{},[28,29,30],"li",{},"制作物の概要(何を解決するためのアプリ・サイトか)",[28,32,33],{},"使用した技術構成(言語、フレームワークなど)",[28,35,36],{},"工夫した点・苦労した点",[28,38,39],{},"今後改善したい点",[28,41,42],{},"コードを確認できるリンク(GitHubリポジトリなど)",[28,44,45],{},"実際に動作を確認できるURL(公開している場合)",[15,47,48],{},"「完成度の高さ」だけでなく、「なぜその技術を選んだのか」「どこでつまずき、どう解決したか」という過程を説明できると、学習のプロセスが伝わりやすくなります。",[11,50,51],{"id":51},"作成の進め方",[53,54,55,58,61,64,67],"ol",{},[28,56,57],{},"自分が学習してきた技術で作れるテーマを決める",[28,59,60],{},"小さくてもよいので、実際に動くものを完成させる",[28,62,63],{},"GitHubにコードを公開し、READMEを整備する",[28,65,66],{},"制作背景や工夫した点を言語化しておく",[28,68,69],{},"可能であれば実際にWeb上で公開する",[15,71,72],{},"テーマ選びに迷う場合は、身近な課題を解決するような題材（学習記録アプリ、記事一覧ページ、簡単な家計簿ツールなど）から始めると、取り組みやすくなります。",[11,74,76],{"id":75},"readmeに書いておきたい内容","READMEに書いておきたい内容",[78,79,85],"pre",{"className":80,"code":82,"language":83,"meta":84},[81],"language-text","- プロジェクトの概要\n- 使用技術(言語・フレームワーク・ツール)\n- 機能一覧\n- 工夫した点\n- 今後の改善予定\n- 起動方法(ローカルで動かす手順)\n","text","",[86,87,82],"code",{"__ignoreMap":84},[15,89,90],{},"READMEが整っていると、採用担当者がコードを見る前に、制作物の意図をスムーズに理解できます。",[11,92,93],{"id":93},"注意点",[25,95,96,99,106],{},[28,97,98],{},"実績や成果を誇張して書かない(「完成させた」ことと「実務で使われている」ことは区別する)",[28,100,101,102,105],{},"コードに ",[86,103,104],{},".env"," やAPIキーなど、認証情報を含めない",[28,107,108],{},"他者のコードをそのまま流用した場合は、その旨を明記する",[110,111,112],"blockquote",{},[15,113,114],{},"ポートフォリオは「完璧な作品を作ること」がゴールではありません。1つでも実際に完成させ、公開し、説明できる状態にすることが、未経験者にとって大きな一歩になります。",[11,116,117],{"id":117},"次の一歩",[15,119,120],{},"まずは、自分の学習内容を活かせる小さなテーマを1つ決め、完成を目指しましょう。ポートフォリオが形になったら、次は実際の求人票の見方を確認し、応募先を検討していきます。",{"title":84,"searchDepth":122,"depth":122,"links":123},2,[124,125,126,127,128,129],{"id":13,"depth":122,"text":13},{"id":23,"depth":122,"text":23},{"id":51,"depth":122,"text":51},{"id":75,"depth":122,"text":76},{"id":93,"depth":122,"text":93},{"id":117,"depth":122,"text":117},"career","tutorial","未経験からエンジニア転職を目指す人向けに、ポートフォリオの目的、盛り込む内容、作成の進め方を整理します。",false,"md",{},true,{"label":138,"path":139},"エンジニア求人の探し方を読む","\u002Farticles\u002Fcareer\u002Fengineer-job-search","\u002Farticles\u002Fcareer\u002Fportfolio-basics","2026-08-04",{"title":5,"description":132},"portfolio-basics","articles\u002Fcareer\u002Fportfolio-basics",[146,147],"ポートフォリオ","エンジニア転職","\u002Farticles\u002Fcareer\u002Fportfolio-basics.webp","V9F_FNNM31LkSrbS6ZwD5UfMye77fhuPnwDWF9ZkgXg",[151,303,499],{"id":152,"title":153,"author":6,"body":154,"category":130,"contentType":289,"description":290,"draft":133,"extension":134,"featured":136,"meta":291,"navigation":136,"nextArticle":292,"path":295,"popular":133,"publishedAt":141,"seo":296,"slug":297,"stem":298,"tags":299,"thumbnail":301,"updatedAt":141,"__hash__":302},"articles\u002Farticles\u002Fcareer\u002Fengineer-basics.md","エンジニアとは？仕事内容と働き方の種類を初心者向けに解説",{"type":8,"value":155,"toc":282},[156,160,163,166,169,221,224,228,231,252,255,258,272,277,279],[11,157,159],{"id":158},"エンジニアとは技術で課題を解決する仕事","エンジニアとは「技術で課題を解決する仕事」",[15,161,162],{},"エンジニアとは、プログラミングなどの技術を使って、Webサイトやアプリ、システムを作る仕事をする人を指す言葉です。一口に「エンジニア」と言っても、担当する領域によって仕事内容は大きく異なります。",[15,164,165],{},"未経験からエンジニアを目指す場合、まず「エンジニアにはどんな種類があるのか」を知っておくと、自分がどの方向を目指したいのか整理しやすくなります。",[11,167,168],{"id":168},"代表的な職種",[170,171,172,185],"table",{},[173,174,175],"thead",{},[176,177,178,182],"tr",{},[179,180,181],"th",{},"職種",[179,183,184],{},"主な仕事内容",[186,187,188,197,205,213],"tbody",{},[176,189,190,194],{},[191,192,193],"td",{},"フロントエンドエンジニア",[191,195,196],{},"ユーザーが直接見る画面（Webサイトやアプリの見た目・動き）を作る",[176,198,199,202],{},[191,200,201],{},"バックエンドエンジニア",[191,203,204],{},"データの処理やサーバー側の仕組みを作る",[176,206,207,210],{},[191,208,209],{},"インフラエンジニア",[191,211,212],{},"サーバーやネットワークなど、システムの土台を管理する",[176,214,215,218],{},[191,216,217],{},"SES\u002F客先常駐エンジニア",[191,219,220],{},"契約先企業に常駐し、指定された開発業務を担当する",[15,222,223],{},"これらは厳密に分かれているわけではなく、フロントエンドとバックエンドの両方を担当する「フルスタックエンジニア」など、企業によって役割の分け方はさまざまです。",[11,225,227],{"id":226},"it業界の仕事の形","IT業界の仕事の形",[15,229,230],{},"エンジニアの働き方は、大きく次のような分類で語られることが多いです。",[25,232,233,240,246],{},[28,234,235,239],{},[236,237,238],"strong",{},"自社サービス開発","：自社で提供しているサービスの開発に継続的に携わる",[28,241,242,245],{},[236,243,244],{},"受託開発","：クライアントから依頼された案件を、都度開発する",[28,247,248,251],{},[236,249,250],{},"SES（客先常駐）","：契約先企業のオフィスやプロジェクトに常駐し、開発業務を担当する",[15,253,254],{},"この3つの違いは、キャリアの方向性を考えるうえで重要な分かれ目になるため、次の記事で詳しく比較します。",[11,256,257],{"id":257},"未経験からエンジニアを目指すときの一般的な流れ",[53,259,260,263,266,269],{},[28,261,262],{},"プログラミングの基礎を学習する",[28,264,265],{},"学習した内容をもとに、簡単な成果物を作る",[28,267,268],{},"ポートフォリオとして制作物をまとめる",[28,270,271],{},"求人を探し、応募・面接に進む",[110,273,274],{},[15,275,276],{},"「エンジニア」という職種は幅が広いため、入社してから「思っていた仕事と違った」というミスマッチも起こり得ます。学習を進める中で、自分がどの領域に興味を持てるかを意識しておくと、就職活動での軸が定まりやすくなります。",[11,278,117],{"id":117},[15,280,281],{},"まずは、エンジニアの働き方にどのような種類があるのかを詳しく知るために、SES・受託開発・自社開発の違いを確認しましょう。",{"title":84,"searchDepth":122,"depth":122,"links":283},[284,285,286,287,288],{"id":158,"depth":122,"text":159},{"id":168,"depth":122,"text":168},{"id":226,"depth":122,"text":227},{"id":257,"depth":122,"text":257},{"id":117,"depth":122,"text":117},"guide","エンジニアの仕事内容、職種の種類、働き方の違いを、これから目指す人向けに整理します。",{},{"label":293,"path":294},"SES・受託開発・自社開発の違いを読む","\u002Farticles\u002Fcareer\u002Fses-uketaku-jisha-chigai","\u002Farticles\u002Fcareer\u002Fengineer-basics",{"title":153,"description":290},"engineer-basics","articles\u002Fcareer\u002Fengineer-basics",[147,300],"IT業界","\u002Farticles\u002Fcareer\u002Fengineer-basics.webp","E36SEKS9A2OIlCfy4LwkWIRWki5Y9FrklmiFWJsKAjc",{"id":304,"title":305,"author":6,"body":306,"category":130,"contentType":487,"description":488,"draft":133,"extension":134,"featured":133,"meta":489,"navigation":136,"nextArticle":490,"path":294,"popular":133,"publishedAt":141,"seo":492,"slug":493,"stem":494,"tags":495,"thumbnail":497,"updatedAt":141,"__hash__":498},"articles\u002Farticles\u002Fcareer\u002Fses-uketaku-jisha-chigai.md","SES・受託開発・自社開発の違いを初心者向けに解説",{"type":8,"value":307,"toc":475},[308,311,314,332,335,421,424,429,437,440,448,451,459,462,465,470,472],[11,309,310],{"id":310},"それぞれの基本的な違い",[15,312,313],{},"エンジニアの仕事の形は、大きく「SES（客先常駐）」「受託開発」「自社開発」の3つに分けて語られることがよくあります。求人票を見比べるときに、この違いを理解しておくと、自分に合った働き方を選びやすくなります。",[25,315,316,321,326],{},[28,317,318,320],{},[236,319,250],{},"：自社と契約したクライアント企業に常駐し、そのプロジェクトの開発業務を担当する",[28,322,323,325],{},[236,324,244],{},"：クライアントから依頼を受け、自社内（またはリモート）で開発を行い納品する",[28,327,328,331],{},[236,329,330],{},"自社開発","：自社が提供するサービスやプロダクトの開発に、継続的に携わる",[11,333,334],{"id":334},"比較表",[170,336,337,350],{},[173,338,339],{},[176,340,341,344,346,348],{},[179,342,343],{},"項目",[179,345,250],{},[179,347,244],{},[179,349,330],{},[186,351,352,365,379,393,407],{},[176,353,354,357,360,363],{},[191,355,356],{},"勤務場所",[191,358,359],{},"クライアント先が多い",[191,361,362],{},"自社内・リモートが多い",[191,364,362],{},[176,366,367,370,373,376],{},[191,368,369],{},"携わるプロジェクト",[191,371,372],{},"契約期間ごとに変わることがある",[191,374,375],{},"案件ごとに変わる",[191,377,378],{},"基本的に同じサービスに継続して関わる",[176,380,381,384,387,390],{},[191,382,383],{},"技術の幅",[191,385,386],{},"現場によって異なる技術に触れられる",[191,388,389],{},"案件によって異なる",[191,391,392],{},"自社サービスの技術に特化しやすい",[176,394,395,398,401,404],{},[191,396,397],{},"裁量の大きさ",[191,399,400],{},"現場のルールに従うことが多い",[191,402,403],{},"クライアントの要望に沿う必要がある",[191,405,406],{},"自社の方針次第で裁量が大きくなりやすい",[176,408,409,412,415,418],{},[191,410,411],{},"未経験者の採用",[191,413,414],{},"研修体制がある企業も多い",[191,416,417],{},"企業により差がある",[191,419,420],{},"即戦力を求められることが比較的多い",[11,422,423],{"id":423},"それぞれ向いている人",[425,426,428],"h3",{"id":427},"ses客先常駐が向いている人","SES(客先常駐)が向いている人",[25,430,431,434],{},[28,432,433],{},"さまざまな現場やプロジェクトを経験し、幅広いスキルを身につけたい人",[28,435,436],{},"未経験からの研修体制が整った企業でスタートを切りたい人",[425,438,439],{"id":439},"受託開発が向いている人",[25,441,442,445],{},[28,443,444],{},"案件ごとに異なる技術や業界の知識に触れたい人",[28,446,447],{},"決められた要件の中で、確実に成果物を作ることにやりがいを感じる人",[425,449,450],{"id":450},"自社開発が向いている人",[25,452,453,456],{},[28,454,455],{},"1つのサービスを長期的に育てていくことに関わりたい人",[28,457,458],{},"サービスの企画段階から関わりたい人",[11,460,461],{"id":461},"注意したい誤解",[15,463,464],{},"「SESは条件が悪い」「自社開発が一番良い」といった単純化された情報を見かけることがありますが、これは企業やプロジェクトによって大きく差があり、一概には言えません。同じSESでも、教育体制が整い、スキルアップを支援してくれる企業もあれば、そうでない企業もあります。",[110,466,467],{},[15,468,469],{},"働き方の分類そのものより、「その企業・プロジェクトで、どのような教育体制があり、どのような技術に触れられるか」を具体的に確認することが、ミスマッチを避けるうえで重要です。",[11,471,117],{"id":117},[15,473,474],{},"自分がどの働き方に興味があるかを整理したら、次は転職活動で必要になるポートフォリオの作り方を確認しましょう。",{"title":84,"searchDepth":122,"depth":122,"links":476},[477,478,479,485,486],{"id":310,"depth":122,"text":310},{"id":334,"depth":122,"text":334},{"id":423,"depth":122,"text":423,"children":480},[481,483,484],{"id":427,"depth":482,"text":428},3,{"id":439,"depth":482,"text":439},{"id":450,"depth":482,"text":450},{"id":461,"depth":122,"text":461},{"id":117,"depth":122,"text":117},"comparison","SES（客先常駐）・受託開発・自社開発の違いを、仕事内容・働き方・向いている人の観点で比較します。",{},{"label":491,"path":140},"ポートフォリオの作り方を読む",{"title":305,"description":488},"ses-uketaku-jisha-chigai","articles\u002Fcareer\u002Fses-uketaku-jisha-chigai",[496,147],"SES","\u002Farticles\u002Fcareer\u002Fses-uketaku-jisha-chigai.webp","pX3NUAQXppDirFxkQfXaznEMat-G7FgnZHuwwizJuF0",{"id":500,"title":501,"author":6,"body":502,"category":130,"contentType":487,"description":648,"draft":133,"extension":134,"featured":136,"meta":649,"navigation":136,"nextArticle":650,"path":139,"popular":133,"publishedAt":653,"seo":654,"slug":655,"stem":656,"tags":657,"thumbnail":659,"updatedAt":141,"__hash__":660},"articles\u002Farticles\u002Fcareer\u002Fengineer-job-search.md","未経験からエンジニア求人を探すときの見方",{"type":8,"value":503,"toc":641},[504,507,510,513,524,527,530,533,587,590,593,596,613,618,621,624,627,633,636,638],[11,505,506],{"id":506},"求人票は仕事内容から読む",[15,508,509],{},"未経験向けのエンジニア求人を見るとき、給与や「未経験歓迎」の文言に目が行きがちですが、まず確認したいのは仕事内容です。研修期間の内容だけでなく、研修後に配属される先でどのような開発に関わるのかまで確認します。",[15,511,512],{},"同じ「Webエンジニア」という職種名でも、企業によって次のように業務内容が大きく異なります。",[25,514,515,518,521],{},[28,516,517],{},"自社サービスの開発に継続的に携わる",[28,519,520],{},"クライアントから受託した案件を都度担当する",[28,522,523],{},"客先常駐（SES）で、複数の現場を渡り歩く",[15,525,526],{},"求人票の文面だけで判断が難しい場合は、面接時に「配属後、最初の半年でどのような業務を担当することが多いか」を具体的に質問すると、実態が見えやすくなります。",[11,528,529],{"id":529},"開発環境を見る",[15,531,532],{},"使用しているプログラミング言語やフレームワーク、チーム体制、コードレビューの有無などを確認します。自分がこれまで学習してきた内容と近いほど、入社後の学習コストやギャップを抑えやすくなります。",[170,534,535,545],{},[173,536,537],{},[176,538,539,542],{},[179,540,541],{},"確認項目",[179,543,544],{},"見るポイント",[186,546,547,555,563,571,579],{},[176,548,549,552],{},[191,550,551],{},"使用言語・フレームワーク",[191,553,554],{},"学習してきた内容と重なるか",[176,556,557,560],{},[191,558,559],{},"チーム体制",[191,561,562],{},"何人程度のチームで開発しているか",[176,564,565,568],{},[191,566,567],{},"コードレビュー",[191,569,570],{},"レビューの文化があるか",[176,572,573,576],{},[191,574,575],{},"開発手法",[191,577,578],{},"アジャイル、ウォーターフォールなど",[176,580,581,584],{},[191,582,583],{},"教育体制",[191,585,586],{},"研修期間、メンター制度の有無",[15,588,589],{},"未経験からの入社であれば、開発環境が完全に希望と一致することは少ないかもしれません。それでも、「学習を続けられる環境かどうか」は重要な判断軸になります。",[11,591,592],{"id":592},"注意したい表現",[15,594,595],{},"「未経験歓迎」という文言だけで応募を決めるのではなく、次のような点も合わせて確認します。",[25,597,598,601,604,607,610],{},[28,599,600],{},"教育体制は具体的に説明されているか（「OJTで学べます」だけでなく、研修期間や内容の記載があるか）",[28,602,603],{},"評価制度はどのように設計されているか",[28,605,606],{},"配属先はどのように決まるのか(選べるのか、会社が決めるのか)",[28,608,609],{},"想定される残業時間はどの程度か",[28,611,612],{},"雇用形態・契約形態はどうなっているか(正社員、契約社員など)",[110,614,615],{},[15,616,617],{},"「未経験歓迎」は、応募条件の入り口にすぎません。入社後にどう育成され、どう評価されるのかまで確認することが、ミスマッチを避けるうえで重要です。",[15,619,620],{},"これは特定の企業や制度を否定するものではなく、求人票を読むときに見落としやすい観点として、筆者自身の転職活動の経験から整理したものです。実際の判断は、必ず各企業への確認や面接でのやり取りを通じて行ってください。",[11,622,623],{"id":623},"求人を比較するときの整理方法",[15,625,626],{},"複数の求人を比較する際は、次のような項目を書き出して並べると、感覚だけに頼らない比較ができます。",[78,628,631],{"className":629,"code":630,"language":83,"meta":84},[81],"| 項目           | 求人A | 求人B | 求人C |\n|----------------|-------|-------|-------|\n| 仕事内容       |       |       |       |\n| 使用技術       |       |       |       |\n| 教育体制       |       |       |       |\n| 想定残業時間   |       |       |       |\n| 懸念点         |       |       |       |\n",[86,632,630],{"__ignoreMap":84},[15,634,635],{},"懸念点をあえて書き出しておくことで、良い面だけに引っ張られず、冷静に比較しやすくなります。",[11,637,117],{"id":117},[15,639,640],{},"気になる求人を3つ程度並べ、仕事内容・必要スキル・教育体制・懸念点を書き出して比較してみましょう。転職活動と並行して学習を続ける人も多いため、学習と並行して進められる副業の可能性についても、次の記事で確認しておくと選択肢が広がります。",{"title":84,"searchDepth":122,"depth":122,"links":642},[643,644,645,646,647],{"id":506,"depth":122,"text":506},{"id":529,"depth":122,"text":529},{"id":592,"depth":122,"text":592},{"id":623,"depth":122,"text":623},{"id":117,"depth":122,"text":117},"求人票で確認したい仕事内容・開発環境・教育体制・働き方のポイントと、注意したい表現を整理します。",{},{"label":651,"path":652},"副業ロードマップを読む","\u002Farticles\u002Fside-business\u002Fside-business-roadmap","2026-07-29",{"title":501,"description":648},"engineer-job-search","articles\u002Fcareer\u002Fengineer-job-search",[147,658],"求人票","\u002Farticles\u002Fcareer\u002Fengineer-job-search.webp","iWUF1KGEzDMKMMcmczNa8aJAC27yaYr5OLnHerjHMAc",1788990729937]