ハッシュタグ記事一覧

【Vue.js＋TypeScript】デジタル時計を作ってみた

こんにちはです。あっちのそららです。最近勉強しているTypeScriptのアウトプットとして、デジタル時計を作ってみました。 デモページ acchinosorara.github.io「Vue.js」というフレームワークを使用。ディスプレイの文字がリアルタイムで更新される、ありきたりな時計です。 文字のデザイン カクカクしたデジタル時計らしさを出すため、文字はCSSでデザインしました。 参考記事 ja.wikipedia.org HTMLで各セグメントを生成し、A～Gの連番を振って配置しました。数字に応じて個々の表示・非表示が切り替わる仕組みです。例えば、 「2」→ C、Fを非表示 「4」→ …

2025/05/29 22:11

HugoとGitHub PagesでSEOとパフォーマンスを最適化する方法

# はじめに Hugoは高速な静的サイトジェネレーターとして、多くの開発者に愛用されている。GitHub Pa

2024/12/10 11:57

【Hello World】TypeScript + React Native for Web + Webpack

今度はTypeScript + React Native for Web + webpack + github pages templateを作ってみました。

2024/05/20 14:19

【簡単】TypeScript + webpack で GitHub pages にホストする

自分の作ったものを簡単に誰でも触れるよう、github pagesにホストしたい。。ポートフォリオ作りのために、github pagesに作品を載せたい。。というわけで、typescript + webpackを使ってgithub pagesにホストした流れをシェアできればと思います。

2024/05/20 14:18

HUGOのRSSを修正した

今回やったことはタイトルの通り、RSSを修正した。最終的にはこんな感じに修正した。 HUGOはデフォルトでRSSを出力してくれる。がしかし文章

2023/09/23 17:02

はてなブログにWebサイトを移植した話【趣味でつくるWebサイト】

おはよーございます。 以前こちらの記事で紹介したパスワードを作るWebサイトをはてなブログ内に移植できないかな？と思いたちまして実際にやってみた話です。 はてなブログ上で、簡単なWebサイトを作ってみたい！という方や、ブログ記事に少し動きをつけたい！といった方向けに多少は役立てるかな？と思いまして、移植作業の方法を紹介します。 ひとつ注意点として、はてなブログProの機能を利用していますので、無料版で動かない可能性があります。 まず、前提として今回の移植に使用したサイトの主な要素は以下の通りです。 Bootstrap Vue.js Webサイト本体はGitHubPagesにアップ済み。 これら…

2022/08/19 13:40