こんにちは、<a href="https://twitter.com/Hirotaisou2012" target="_blank" rel="noopener noreferrer">ひらたけ</a>です。 本日、ウェブサイトのドメインを「hiratake.xyz」から「hiratake.dev」へ変更いたしました。 メール等のドメインに変更の予定は今のところないですが、ウェブサイトは新しいドメインで引き続きいろいろやっていこうかなと思っております。 また、ウェブサイトの作り直しも行っています。デザインは大きく変更していませんが、ページが増えていたり、中身のコードが変わっていたりします。 以前のぐちゃぐちゃなコードからは少しマシなコードになったかなと思っております。 さて、本日8月1日で、私が自分のウェブサイトを制作し始めてから8年が経つことになります。 「hiratake.xyz」のドメインを取得したのが、ちょうど8年前の2014年8月1日でした。 元々は、Twitter用のプロフィールページが作成できる「<a href="https://twpf.jp/" target="_blank" rel="noopener noreferrer">ツイフィール</a>（当時はツイプロフィール）」でページを作っておりました。 しかし、意味不明なほどの長文を書きすぎていたとか、ウェブの世界に興味があったのとか、そういうなんやかんやがあって自分のサイトを作ってそちらに移そうと<a href="https://twitter.com/Hirotaisou2012/status/495093207395356674" target="_blank" rel="noopener noreferrer">計画をした</a>ことで、このウェブサイトが始まりました。 「呟く茸の日記帳」という名前で始めたこのウェブサイトは、4万字を越しそうな長文は跡形もなく消え去り、数え切れないほどのリニューアルや作り直しを経て見た目は変わり、サイト名も変わり、そして今回ドメインまでも変わってしまいました。これからも、色々作り変えていくと思います。 けれども、なんやかんやで今後もウェブサイトを作ることは続けていくのかなあと思っております。 これからも、どうぞよろしくおねがいいたします。

ウェブサイトのドメインを変更しました

こんにちは、<a href="https://twitter.com/Hirotaisou2012" target="_blank" rel="noopener noreferrer">ひらたけ</a>です。 本日、私のウェブサイトを、 <a href="https://nuxtjs.org/" target="_blank" rel="noopener noreferrer">Nuxt.js</a> で作っていたものから <a href="https://nextjs.org/" target="_blank" rel="noopener noreferrer">Next.js</a> で作り直したものにリニューアルいたしました。 デザインなどは、一部細かい調整とはしていますが特に大きく変えていません。 <a href="https://ja.reactjs.org/" target="_blank" rel="noopener noreferrer">React</a> や <a href="https://www.typescriptlang.org/" target="_blank" rel="noopener noreferrer">TypeScript</a> の勉強のために進めていたのですが、コードの書き方が大きく異なりなかなか苦戦しました。 また、一応仕事でマークアップエンジニアをやっているので、勉強のため <a href="https://emotion.sh/docs/introduction" target="_blank" rel="noopener noreferrer">Emotion</a> という CSS-in-JS のライブラリを試してみました。BEMとかSMACSSとか、VueのSFCとも書き方や扱いが異なり、慣れるまで大変だなというお気持ち。 JavaScript側の変数の値をCSS内で扱えるのは非常に便利ではあるものの、マークアップのコードとスタイリングのコードが混在してなんだかゴチャゴチャとしてしまうので、より良い記述方法を模索していく必要がありそう。 ソースコードは <a href="https://github.com/Hiratake/hiratake-web" target="_blank" rel="noopener noreferrer">GitHub</a> に置いてますが、かなりコードが汚い感じになってしまいました。 勉強中で慣れておらず、「とりあえず、まずは動くものを」という方針で進めていたので、時間を作って少しずつリファクタリングをしていきたいと思っています。 なにかお気づきの点がありましたら、 <a href="https://github.com/Hiratake/hiratake-web/issues" target="_blank" rel="noopener noreferrer">Issue</a> などいただけますと助かります。 どうぞよろしくおねがいいたします。

ウェブサイトをNext.jsで作り直しました

こんにちは、<a href="https://twitter.com/Hirotaisou2012" target="_blank" rel="noopener noreferrer">ひらたけ</a>です。 本日、私のウェブサイトをリニューアルいたしました。 勉強のため、そして自己満足のために、なんやかんやで数年おきくらいにウェブサイトを作り直してますが、過去イチで良い出来になったと思います。たぶん。 <a href="https://nuxtjs.org/" target="_blank" rel="noopener noreferrer">Nuxt.js</a> と <a href="https://vercel.com/" target="_blank" rel="noopener noreferrer">Vercel</a> を使って最近流行りのJamstackでサーバレスな感じにしたり、勉強のために <a href="https://marketingplatform.google.com/intl/ja/about/tag-manager/" target="_blank" rel="noopener noreferrer">Google Tag Manager</a> を導入してみたり、コードを書く前にちゃんと <a href="https://www.figma.com/" target="_blank" rel="noopener noreferrer">Figma</a> とかでデザイン考えてみたり、ライトモードとダークモードを切り替えられるようにしてみたり。 どうせやるならと、いろいろ新しいものに挑戦しました。 この記事を見てお気づきのとおり、ブログも復活しました。 前回のウェブサイト作り直しのときに、「<a href="https://note.com/hiratake" target="_blank" rel="noopener noreferrer">note</a> とかに書いたほうがアクセスとかも多そうだし、そもそも記事書くことないでしょ」とかなんとか言ってウェブサイトからブログを消し飛ばしました。 なのですが、まあ勉強と自己満足のために復活させました。（記事を書くとは言ってない） これからも、この技術の進歩がはやい世界でたのしくやっていくために、新しいことに挑戦したり、ウェブサイト作り直したりしていこうと思ってます。 どうぞよろしくおねがいいたします。