AspiringEngineer

Get Started. It's Free
or sign up with your email address
Rocket clouds
AspiringEngineer by Mind Map: AspiringEngineer

1. ToDo

1.1. リファクタリング

1.1.1. pages

1.1.1.1. index.js

1.1.2. templates

1.1.2.1. default-layout.js

1.1.2.2. article.js

1.1.3. organisms

1.1.3.1. footer.js

1.1.4. molecules

1.1.4.1. category-area.js

1.1.4.2. like-article-area.js

1.1.4.3. profile-area.js

1.1.5. atoms

1.1.5.1. icons

1.1.5.1.1. arrowIcon.js

1.1.5.1.2. hatenaBookmarkIcon.js

1.1.5.1.3. homeIcon.js

1.1.5.1.4. likeIcon.js

1.1.5.1.5. mailIcon.js

1.1.5.1.6. noteIcon.js

1.1.5.1.7. notLikeIcon.js

1.1.5.1.8. searchIcon.js

1.1.5.1.9. twitterIcon.js

1.1.5.2. aspiringEngineer.js

1.1.5.3. gatsbyImage.js

1.1.5.4. tag.js

1.2. css in jsへの移行

1.2.1. emotion

1.3. スマホ対応

1.4. TypeScript のアップデート

1.5. Google Analytics導入

1.6. 自己紹介ページ

1.7. ブログ移管についての記事作成

1.8. はてなの残りの記事の移管

1.9. スクロールできる部分に影を付ける

1.10. twitter共有機能の実装

1.11. はてなに投稿するボタンの実装

1.12. タグを押下した際に、タグ名だけで絞り込みするように修正

1.13. contentfulとNetlifyの連携

2. 技術構成

2.1. Gatsby

2.1.1. React

2.1.2. SCSS

2.1.3. HTML5

2.2. Netlify

2.3. Contentful

3. 参考ブログ

3.1. デザイン

3.1.1. レスポンシブデザインでの注意点!「:hover」はPC表示時のみ指定すべき | 誰かのためのホームページ制作

3.2. 技術

3.2.1. Adding Page Transitions with gatsby-plugin-transition-link