カテゴリー: コーディング

最近Sassを使ってないなぁって話

初学者向けの記事やSNSの投稿で「Sassはマジで必須!」なんて書いているのを見かけますが、私の場合、そういえば最近は素のCSSばかりでSassは使っていないなーと思ったので記事にしてみます。私自身Sassが大好きでずっとお世話になっていましたが、CSSの進化も著しく、使い所があまりなくなってきているんですよね。
続きを読む

ChatGPTに聞く:Next.jsでNotion APIを使ったお知らせページを作成

自力でコードは書かず、ChatGPTを使ってToDoアプリを作っていた友人を見て、「何それ面白そう!」と思ってさっそく試してみました!今回は前から気になっていたNotion APIを使って、Next.jsでWebページ上にお知らせページを作っていきます。簡易ブログのようなものですね!
続きを読む

一行追加でコンタクトフォームを実装できる【Formspree】

Webサイトにコンタクトフォームを設置する方法として、以前「初心者でも簡単!日本語で手軽に設置できるフォーム作成サービス3選」という記事にて外部サービスを紹介しました。でもHTMLとCSSだけで設置できるなら、初心者でもカスタマイズしやすいですよね。ということで今回は「Formspree」を使った設置方法を紹介します!

続きを読む

WordPressの記事をMarkdown形式に一括出力する方法

WordPressで運営していた記事をJAMStackサイトに移行したり、GitHubで管理したいというとき、記事数が少なければチマチマ手作業でも問題なさそうですが、数十、数百の記事を手作業するのはさすがにしんどいですよね。今回はたまりにたまったWordPressの記事をMarkdown形式に一括で変更、ダウンロードする方法を紹介します。

続きを読む

動画?本?スクール?自分にあったプログラミングの学び方

これからプログラミングを学んでみたいと思っても、昔と違って学習方法の選択肢が多く、何から始めればいいかわからなくて途方にくれている方もいらっしゃることでしょう。その中でも今回は、よく取り上げられる動画、書籍、スクールでの学習について特徴なんかをまとめてみます。具体的なおすすめを挙げるわけではないのですが、学習方法を考える上で参考になれば幸いです!
続きを読む

prefers-reduced-motionでアニメーション(視差効果)を減らす設定をしたデバイスに対応させる

アニメーションのあるWebページって、見るのも作るのも好きなんですが、みなさんはいかがでしょう?中には動きが苦手で目が疲れてしまう、画面酔いしてしまう…なんていう方もいらっしゃるかと思います。今回はアニメーションが苦手な方のためにWebサイト側でできることを考えてみます。
続きを読む