ポートフォリオ(学習アウトプットまとめ)

2020-11-21

ポートフォリオサイトを作りました。

https://pitang-portfolio.netlify.app/

本格的なものはもう少し後に作成します(現在、学習中)。GitHubで管理していて一部のみ公開しています。GitHubで管理していてリポジトリは一部のみ公開しています。

1. 最初の練習

翻訳のための改行調整

  • 最初の作品です。2019-02-24公開。
  • 仕事がら英語のホワイトペーパーやWebサイトを沢山読みますが、今はGoogle翻訳がかなりよくなったので、まずはGoogle翻訳にかけます。
  • しかし、PDFなどで右端で改行が入っているものをコピペしてもうまく翻訳できず、非効率です。
  • HTMLとCSS、JavaScriptをほんの少しかじった段階で2日かけて作成し、続く2日で実践投入し、不具合修正及び改良しました。
  • 簡単なものですが、業務に役立っています。
  • これを気にGitも使い始めました。
  • 関連記事
  • デプロイ(エックスサーバー)
  • GitHub

Webサイトの模写

模写対象

2. Node.js/MongoDBの学習

Node.jsによるWeb APIを利用した天気予報Webサイト

MongoDBを用いたタスク管理アプリ

Socket.IOを用いたチャットアプリ(開発中)

3. Reactの学習

優柔不断なあなた

GitHubFinder

PienMoji

連絡帳

広告リンクのレイアウト

4. Gatsby

ポートフォリオサイト

メディアウイルス

  • 日本の沢山あるだろう新聞会社等のメディアの一覧と、それらがある観点でまとも或いはいい加減な報道をしているのかを示すシンプルなWebページを作りたいと思い、土日で骨格を作りました。
  • データはAirtableを使用したgatsby-airtable-listingというGatsbyのスターターを利用しています。
  • 入力するデータの調査が大変で、学習に差し支えるため更新を中断しました。
  • ブログ記事:Airtableとgatsby-airtable-listingの応用 (2020-09-27)
  • デプロイ(netlify)
  • GitHub

Over 40 Web Clubのランディングページ

5. その他

yorkshire-2014-pwa

近所のラーメン検索

  • ぐるなびAPIを使って学習中のReactで作ってみたのですが、サーバー側のコードなしでAPIキーを格納できないのですね。 諦めました。 
  • GitHub (2020-06-12公開)

オンラインコミュニティ Over 40 Web Club

  • 2020-09-28:4月くらいから温めていたSlackコミュニティに最初の1人を勧誘し、入会いただきました。
  • 2020-10-07: 18名

ピータンのお気に入りの映画

  • 2回目のぎっくり腰苦しんでいるときに、作ってみました。
  • 最初不具合があり2020-11-02に完成。
  • GitHub

Posted by pitang1965