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