投稿記事一覧
-
GatsbyJS
【GatsbyJS製ブログ】SCSS & CSS Modulesで快適CSS開発環境を作る
ようやく開発環境が整ってきましたが、まだまだ快適開発環境への欲は尽きません。ということで、Gatsby製ブログをカスタマイズする記事第3弾は、以前より興味津々だったSCSSとCSS Modulesを使ってSCSSをブログに当てていきたいと思います。 この記事はこ... -
HTML・CSSの基本
SCSSとは?「基本的な書き方から便利な使い方」
この記事では、SCSSの基本から便利な使い方を説明していきます。SCSSの便利さを知ってしまうと、SCSS無しではサイトの管理ができません。ホームページやブログを作っていると必ず使うCSSですが、「ファイルが肥大化しやすい」「クラス名を一意につけるのが... -
GatsbyJS
【GatsbyJS製ブログ】GitHubActionsでブログ更新をサーバに自動デプロイ
今回はGatsby製のブログをGitHub Actionsを使ってGitHubにプッシュした際に自動でレンタルサーバーにデプロイする、という挙動を実装していきます。 「その前にGatsbyの基本について、もう一度知っておきたい」という人はこちらもあわせてお読みください!... -
GatsbyJS
【GatsbyJS製ブログ】インストールからブログ立ち上げとGatsbyの構造
GatsbyJS(以下Gatsby)、ご存知でしょうか?Gatsbyは今流行りの静的サイトジェネレーター、といわれるブログやHPを作るためのReactベースのフレームワークです。 Gatsbyは楽しいしGatsbyでブログなどを運用するメリットもたくさんあります。ただ、最初は... -
WordPress
WordPressできれいな数式を書く!【MathJax-LaTeXの導入法と使い方】
こちらのブログで数式を入力するために、WordPressにMathJax-LaTeXを導入しました。 この記事ではMathJax-LaTeXの導入方法と使い方のポイント(コマンドを含めて)を説明していきます。 この記事はこんな人にオススメ WordPressで数式を書きたい LaTeXの数... -
Flutter
Flutterとは?とStatefulWidgetの仕組み【初心者歓迎!Flutter入門所】
今最も熱いアプリ開発フレームワークであるFlutter。そんなFlutterをプログラミング初心者でもわかりやすく説明していきます。なるべく難しい言葉は使わず、Flutterの「雰囲気」を伝えられればな、と思います。初回はStatefulWidgetです。StatefulWidgetっ... -
WordPress
DockerでWordPressを立ち上げてローカル開発環境を整える
WordPressで「こういう見た目にしたいな…」とか「こういう機能を持たせたいな…」と思うと、CSSやPHPをいじらないといけないことも多くなります。 ですがCSSやPHPは、設定に失敗すればブログやホームページの見た目や機能を大幅に崩してしまう可能性があり...