デイトラでプログラミング始めました

デイトラ24~30日 ポートフォリオ作成編

こんにちは、Hikaruです。

現在デイトラで月5万円稼ぐために勉強中です。

いよいよデイトラのweb制作編の初級コースも最終過程となりました。

デイトラ初級コースで学んだことは、HTML、CSS(Sass),JavaScript(jQuery)です。どれも基本ばかりですが基礎的なことを学んできました。デイトラ初級編ではこのHTML、CSS(Sass),JavaScript(jQuery)を使ってポートフォリオフォリオを作成していきたいと思います。

ポートフォリオとは

プログラマーのポートフォリオは、そのプログラマーが過去に手がけたプロジェクトやソフトウェアの成果物、コードのサンプルなどをまとめたものです。

これは雇用主やクライアントに対して、実際のスキルや経験を示す手段となります。通常、GitHubなどのプラットフォームを使用して、コードの公開やプロジェクトの説明を含めて構築されます。

ポートフォリオの役割

プログラマーのポートフォリオは以下の役割を果たします:

  1. スキルと実績の証明: 過去のプロジェクトや成果を通じて、プログラマーのスキルや能力を具体的に示します。
  2. 雇用主やクライアントへの印象付け: ポートフォリオは雇用主やクライアントに向けて、プログラマーがどれだけの経験や専門知識を持っているかを伝える手段となります。
  3. 自己マーケティング: ポートフォリオは自分自身をマーケティングする手段として機能し、他者に自身の強みをわかりやすく伝えるのに役立ちます。
  4. 仕事の獲得: 仕事を探している場合、ポートフォリオが優れたプロジェクトやコードの品質を示すことで、求人に対してより魅力的な候補となります。

総じて、プログラマーのポートフォリオはキャリアの進展や新しい機会を追求する上で重要なツールとなります。

ポートフォリオでわかるもの

プログラマーのポートフォリオを通じては、以下の点が理解できます:

  1. 技術的なスキル: 過去のプロジェクトやコードの品質を見て、プログラマーの技術的なスキルや能力を評価できます。
  2. プロジェクトの範囲と複雑性: ポートフォリオからは、プログラマーがどれだけ複雑で幅広いプロジェクトに取り組んできたかがわかります。
  3. コードの質とスタイル: 提供されたコードから、プログラマーのコーディングスタイルやクリーンなコードを書く能力を把握できます。
  4. 問題解決の能力: 過去のプロジェクトにおいて、どれだけ効果的に問題を解決できるかが示されます。
  5. コミュニケーションと協力: ポートフォリオにはプロジェクトの説明やドキュメンテーションも含まれるため、プログラマーのコミュニケーション能力や協力姿勢も窺えます。

これらの要素を総合的に考えることで、プログラマーの能力や適性を評価するのに役立ちます。

何を作るのか

現在私の持っているスキルはHTML、CSS(Sass),JavaScript(jQuery)です。どれも基礎しか学んでいません。ですので

ほぼ何も作ることができません

ですが今まで学んだことを駆使して何とか作れるものを作りたいと思います。

いいなと思うポートフォリオ

ほとんど何も作れませんが、いいなと思うポートフォリオを紹介します

Mike Ingham Design | Web Designer

とてもシンプルなポートフォリオサイトですね。シンプルゆえに難しいのですが、初心者の私は参考にしたいです。

unshift – I’m a creative / front-end developer.

このポートフォリオはアニメーションに注力したものとなっており、マウスを動かすだけで反応が返ってきたり、メニューの位置を自由に変えられるなど、ユーザーがゲーム感覚で楽しめる要素が詰まっているのが特徴です

アニメーションは難しいですが、いつか参考にしてみたいです

こんにちは、Hikaruです。

いよいよデイトラのweb制作編の初級コースも最終過程となりました。

デイトラ初級コースで学んだことは、HTML、CSS(Sass),JavaScript(jQuery)です。どれも基本ばかりですが基礎的なことを学んできました。デイトラ初級編ではこのHTML、CSS(Sass),JavaScript(jQuery)を使ってポートフォリオフォリオを作成していきたいと思います。

ポートフォリオとは

プログラマーのポートフォリオは、そのプログラマーが過去に手がけたプロジェクトやソフトウェアの成果物、コードのサンプルなどをまとめたものです。

これは雇用主やクライアントに対して、実際のスキルや経験を示す手段となります。通常、GitHubなどのプラットフォームを使用して、コードの公開やプロジェクトの説明を含めて構築されます。

ポートフォリオの役割

プログラマーのポートフォリオは以下の役割を果たします:

  1. スキルと実績の証明: 過去のプロジェクトや成果を通じて、プログラマーのスキルや能力を具体的に示します。
  2. 雇用主やクライアントへの印象付け: ポートフォリオは雇用主やクライアントに向けて、プログラマーがどれだけの経験や専門知識を持っているかを伝える手段となります。
  3. 自己マーケティング: ポートフォリオは自分自身をマーケティングする手段として機能し、他者に自身の強みをわかりやすく伝えるのに役立ちます。
  4. 仕事の獲得: 仕事を探している場合、ポートフォリオが優れたプロジェクトやコードの品質を示すことで、求人に対してより魅力的な候補となります。

総じて、プログラマーのポートフォリオはキャリアの進展や新しい機会を追求する上で重要なツールとなります。

ポートフォリオでわかるもの

プログラマーのポートフォリオを通じては、以下の点が理解できます:

  1. 技術的なスキル: 過去のプロジェクトやコードの品質を見て、プログラマーの技術的なスキルや能力を評価できます。
  2. プロジェクトの範囲と複雑性: ポートフォリオからは、プログラマーがどれだけ複雑で幅広いプロジェクトに取り組んできたかがわかります。
  3. コードの質とスタイル: 提供されたコードから、プログラマーのコーディングスタイルやクリーンなコードを書く能力を把握できます。
  4. 問題解決の能力: 過去のプロジェクトにおいて、どれだけ効果的に問題を解決できるかが示されます。
  5. コミュニケーションと協力: ポートフォリオにはプロジェクトの説明やドキュメンテーションも含まれるため、プログラマーのコミュニケーション能力や協力姿勢も窺えます。

これらの要素を総合的に考えることで、プログラマーの能力や適性を評価するのに役立ちます。

何を作るのか

現在私の持っているスキルはHTML、CSS(Sass),JavaScript(jQuery)です。どれも基礎しか学んでいません。ですので

ほぼ何も作ることができません

ですが今まで学んだことを駆使して何とか作れるものを作りたいと思います。

いいなと思うポートフォリオ

ほとんど何も作れませんが、いいなと思うポートフォリオを紹介します

Mike Ingham Design | Web Designer

とてもシンプルなポートフォリオサイトですね。シンプルゆえに難しいのですが、初心者の私は参考にしたいです。

unshift – I’m a creative / front-end developer.

このポートフォリオはアニメーションに注力したものとなっており、マウスを動かすだけで反応が返ってきたり、メニューの位置を自由に変えられるなど、ユーザーがゲーム感覚で楽しめる要素が詰まっているのが特徴です

アニメーションは難しいですが、いつか参考にしてみたいです

Hodaのポートフォリオサイト

このポートフォリオは、ユーモアに富んだコンテンツで構築されています。画面をスクロールするたびに新しい情報が現れ、次々と文章を追いたくなる楽しさがあります。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です