投稿記事一覧
-
ガジェット
logicoolマウス「Lift」レビュー【実際に使った使い心地を徹底解説】
先日仕事道具紹介用の記事を書く際に、logicoolのホームページを見ていたところ…。 Lift HP なにこれ!面白そう!! ということで、即ポチってしまいました…あぁ、悪いクセ。 リンク 早速実用レベルで扱ってみたレビューです! この記事はこんな人にオスス... -
ガジェット
モニターアームって?【実際に使って感じるメリットをタイプ別に紹介】
2022年度からそれまでやっていた教員を辞めて、基本的に在宅でフリーランスとして働くことにしました。主にパソコンを使った仕事をしています。 パソコン作業をしていく上で、個人的に便利だな、と思っているものを紹介していきます! 今回はモニター... -
ガジェット
Web制作で使っているキーボードとマウスを紹介!【logicoolで統一は便利】
2022年度からそれまでやっていた教員を辞めて、基本的に在宅でフリーランスとして働くことにしました。主にパソコンを使った仕事をしています。 常々、 ちょっとでも仕事のしやすい環境を整えるぞ! という言い訳で色々と周辺機器を揃えているので、そ... -
ガジェット
Web制作で使っているパソコンの紹介【Web制作でのMacの使い心地】
フリーランスになって1ヶ月が経ちました。 現在ブログ、 Youtubeの運営をメインに活動、学習中です。営業、プロモーションも行っているので、ここからどんどん仕事の幅を増やしていければ、と思っています。 この「在宅フリーランス日記」では、私のよう... -
雑記(教育系多め)
高校数学教員を辞めた訳
プロフィールでも少し触れていますが、私は2021年度をもって公立の数学教員を退職しました。36歳でした。 落ち着いたらなんとなくブログの記事にしたいなぁ、と思っていたので、教員を辞めた理由を少し話していきたいと思います。 この記事はこんな... -
GatsbyJS
【GatsbyJS製ブログ】MDXを使えるようにする!あと書き方とか!
GatsbyでWebサイトを作るようなときは無理にマークダウン形式(.md)を使う必要はないかな、と思うのですが、ブログであればマークダウン形式で記事をガシガシ書いていく方がいいと思います。 ただ、マークダウンは結構できることが限定的、というかカスタ... -
GatsbyJS
【GatsbyJS製ブログ】MDXの記事に画像を表示(gatsby-plugin-imageの利用法も)
こちらの記事で、MDXの書き方について説明しましたが、この記事ではMDX内で画像を表示する方法を説明します。 簡単に画像指定することもできますが、せっかくGatsbyを使っているので、画像最適化プラグインgatsby-plugin-imageをMDX内で使う方法も説明しま... -
GatsbyJS
【GatsbyJS製ブログ】ヘッダーとフッターのパーツ化「exportとimport」
Gatsby製ブログのカスタマイズ、今回は「ヘッダー、フッター作成と挿入」です。 ヘッダー、フッターのパーツ化をしてプログラミング的にインポートしていきたいと思います。 パーツ化をすると、 使い回しがカンタン 管理がラク というメリットがあるので、... -
HTML・CSSの基本
SCSS(SASS)の@importが廃止!?後継機能@useの使い方と注意点を説明
SCSSにおいて、ファイルインポートは結構重要です。しかし、SCSSでこれまでファイルインポートに使っていた@importが廃止される予定になっています。今後は@useにシフトしていくので、使い方の解説と具体的な使用ケースについての説明をします。今作ってい... -
GatsbyJS
【GatsbyJS製ブログ】フォントをGoogleフォントに変更する
Gatsbyのデフォルトの日本語フォントはお世辞にも見やすいもの、とは言えません。なんかこう「海外産」って感じです。今回はフォントの変更をしていきたいと思います。 フォント変更前 この記事はこんな人にオススメ Gatsbyのフォントをもっとカッコよく変...