Github Pages
自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回からデザイン調整を行います。 まずはResponsive対応を行います。 Responsive対応 Responsive対応、すなわち表示端末の画…
自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回はGitHub Pagesでの公開のための修正などをしていきます。 画像が表示されない問題 前回も言及した通りですが、GitHub Pag…
自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回はGitHub Pagesで公開します。 設定 GItHub上での設定が必要です。 Settings > Pagesが設定ページです。 今回は Source = …
自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回は記事一覧ページをいい感じにします。 今回は後半です。 画面表示 分解してそれぞれにCSS適用します。 タイトルは大きく…
自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages 今回は、Markdownで用意した記事を、対応したURLで表示できるようにします。 ページURL ファイル名を[slug].md、ページURLを/p…
自作ブログを作っています。 yushi-dev.hatenablog.com 技術スタック TypeScript React Next.js Styled Components GitHub Pages remarkの導入 Next.jsの公式ドキュメントでは、Markdownをrenderする仕組みとしてremarkを紹介しています。 Next.jsの公式ドキ…
コツコツ将棋盤を作ってます。 使用技術 Vue.js3 Vite SCSS yushi-dev.hatenablog.com 今回は、github pagesで公開していきます。 github pagesとは Githubの機能で、静的ファイルをごく簡単に公開できる機能です。 GitHub Pages について - GitHub Docs リ…
引き続きTODOリストを作っていきます。 yushi-dev.hatenablog.com 前回追加したBulmaを活用して、編集のモーダルウインドウを追加します。 完成品はこんな感じです。 そしてPull Requestはこちらです。 Edit modal by nek0meshi · Pull Request #9 · nek0mes…
最近ポートフォリオページを少しずつ作っています。 今の所はこんな感じ...（まだ途中） https://nek0meshi.github.io/portfolio/ なぜ作っているか 仕事の開発だとどうしても自由度が低く、勉強したいものや新しいものなど、触れる機会が少ないなと感じてい…
