wagashi

WordPress

WordPressで投稿記事のIDを取得する方法

今回はWordPressで投稿記事のIDを取得する方法を紹介します。 投稿記事のIDを表示する方法 投稿記事のIDを表示するには...
WordPress

WordPressでアイキャッチ画像に任意のクラスを入れる方法

今回はWordPressのアイキャッチ画像(サムネイル)に任意のクラスを付与する方法を解説します。 アイキャッチ画像の基本的な表示方法...
WordPress

WordPressでアイキャッチ画像を有効化して表示するコードの書き方

今回はWordPressでアイキャッチ画像(サムネイル)を有効化する方法を紹介します。 アイキャッチ画像を有効化する WordP...
JavaScript

【Gatsby】Contentfulのマークダウンの改行(\n)を<br>として改行する方法

Gatsbyで作ったブログで記事の管理はContentfulでやっているのですが、マークダウンエディターを使うときに気になっていたことがあり...
JavaScript

GatsbyでFont Awesomeを使う方法

今回はGatsbyでFont Awesomeを使ってフォントを表示させる方法を紹介します。 Font Awesomeのパッケージを...
JavaScript

jQueryで一定時間だけクリックを無効にする方法

jQueryでスライダーを作っていて、矢印を連続クリックするとスライド処理が追い付かずに挙動がおかしくなってしまったので対策としてスライドし...
PC&周辺機器

Macを使うメリットに見えて実はそうでもない点10個とデメリットをまとめた

巷では「Macにはこんなメリットがある!」みたいな意見がたくさんありますが、Macユーザーの僕からすると「それ別にMacに限った話じゃなくね...
Linux

【画像解説】MacでUbuntuのライブUSBを作ってインストールするまでの流れ

初心者からするとUbuntu(Linux)をインストールするだけで骨が折れる...そしてなかなか優しく解説している記事がない... っ...
JavaScript

Gatsbyで爆速ブログを作る前に知っておきたかったこと

「Gatsby + Contentful + Netlifyで誰でも簡単に爆速ブログが作れます!」みたいな記事を読んで「マジか!結構簡単にで...
JavaScript

【Gatsby】GraphQLのuseStaticQueryって何なのか調べてみた

gatsby-starter-blogでブログを作っていたとき、GraphQLのコード内で「useStaticQuery」というのが出てきて...
JavaScript

【React】関数コンポーネントの引数(props)は分割代入で渡すとわかりやすい

最近React製の静的サイトジェネレーター「Gatsby」でブログを作っていたら、Reactの関数コンポーネントにオブジェクトで引数(pro...
JavaScript

【Gatsby】CSS Modulesのdoes not contain a default exportエラーを解決する

GatsbyでCSS Modulesを使おうとしていたらこんなエラーが出ました。 layout.jsにlayout.module.cs...
JavaScript

【Gatsby】Sass + CSS Modulesな環境を作る

今回はGatsbyでSass + CSS Modulesが使える環境構築のやり方解説します。 GatsbyでSass + CSS ...
JavaScript

Gatsby + Netlifyでデプロイがエラーになる時

今流行り(?)のGatsby + Contentful + Netlify + GitHubという構成でブログサイトを作っていたところ、ne...
Vim

dein.vimを初心者にもわかるようにインストールする

最近暇なのでVimをいじっています。 Vimを本格的に使うとなるとプラグインをガンガン入れるみたいなので、「dein.vim」というプ...
JavaScript

Prism.jsの使い方!シンタックスハイライトにおすすめ

今回は軽量シンタックスハイライトライブラリ、Prism.jsの使い方を紹介します。 Prism.jsは数あるWordPressのハイラ...
JavaScript

コードハイライトをhighlight.jsからPrism.jsに乗り換える手順

今までコードのハイライトライブラリはhighlight.jsを使っていましたが、使っていくうちに細かいところが気になるようになり、Prism...
ソフト/ツール

Firefoxの色が鮮やかで気になる…Chromeみたいな色にする方法

前から気になってたんだけど、FirefoxってやっぱりChromeより色が鮮やかだよね?? 画像で見ると分かりづらいけどFirefox...
サービス

【朗報】Appleオンラインストアで複数のクレジットカードを使う方法がある!

新しいMacBook Proを買おうと思ってAppleオンラインストアで33万のMacをポチったのですが、クレジットカードの利用枠が30万ま...
CSS

【CSS】flexboxで要素やボタンを下端(底辺)に揃えたい時のやり方

カード型のデザインを実装していると、下のボタンをいちを揃えたいみたいな場合が結構あります。 今回はこんな感じで要素やボタンを下...