JavaScriptjQueryで一定時間だけクリックを無効にする方法 jQueryでスライダーを作っていて、矢印を連続クリックするとスライド処理が追い付かずに挙動がおかしくなってしまったので対策としてスライドし... 2021.04.16JavaScript
PC&周辺機器Macを使うメリットに見えて実はそうでもない点10個とデメリットをまとめた 巷では「Macにはこんなメリットがある!」みたいな意見がたくさんありますが、Macユーザーの僕からすると「それ別にMacに限った話じゃなくね... 2021.04.15PC&周辺機器
Linux【画像解説】MacでUbuntuのライブUSBを作ってインストールするまでの流れ 初心者からするとUbuntu(Linux)をインストールするだけで骨が折れる...そしてなかなか優しく解説している記事がない... っ... 2021.04.13Linux
JavaScriptGatsbyで爆速ブログを作る前に知っておきたかったこと 「Gatsby + Contentful + Netlifyで誰でも簡単に爆速ブログが作れます!」みたいな記事を読んで「マジか!結構簡単にで... 2021.04.05JavaScript
JavaScript【Gatsby】GraphQLのuseStaticQueryって何なのか調べてみた gatsby-starter-blogでブログを作っていたとき、GraphQLのコード内で「useStaticQuery」というのが出てきて... 2021.04.04JavaScript
JavaScript【React】関数コンポーネントの引数(props)は分割代入で渡すとわかりやすい 最近React製の静的サイトジェネレーター「Gatsby」でブログを作っていたら、Reactの関数コンポーネントにオブジェクトで引数(pro... 2021.04.03JavaScript
JavaScript【Gatsby】CSS Modulesのdoes not contain a default exportエラーを解決する GatsbyでCSS Modulesを使おうとしていたらこんなエラーが出ました。 layout.jsにlayout.module.cs... 2021.04.03JavaScript
JavaScript【Gatsby】Sass + CSS Modulesな環境を作る 今回はGatsbyでSass + CSS Modulesが使える環境構築のやり方解説します。 GatsbyでSass + CSS ... 2021.04.02JavaScript
JavaScriptGatsby + Netlifyでデプロイがエラーになる時 今流行り(?)のGatsby + Contentful + Netlify + GitHubという構成でブログサイトを作っていたところ、ne... 2021.04.02JavaScript
Vimdein.vimを初心者にもわかるようにインストールする 最近暇なのでVimをいじっています。 Vimを本格的に使うとなるとプラグインをガンガン入れるみたいなので、「dein.vim」というプ... 2021.03.12Vim
JavaScriptPrism.jsの使い方!シンタックスハイライトにおすすめ 今回は軽量シンタックスハイライトライブラリ、Prism.jsの使い方を紹介します。 Prism.jsは数あるWordPressのハイラ... 2021.03.10JavaScript
JavaScriptコードハイライトをhighlight.jsからPrism.jsに乗り換える手順 今までコードのハイライトライブラリはhighlight.jsを使っていましたが、使っていくうちに細かいところが気になるようになり、Prism... 2021.03.05JavaScript
ソフト/ツールFirefoxの色が鮮やかで気になる…Chromeみたいな色にする方法 前から気になってたんだけど、FirefoxってやっぱりChromeより色が鮮やかだよね?? 画像で見ると分かりづらいけどFirefox... 2021.03.04ソフト/ツール
サービス【朗報】Appleオンラインストアで複数のクレジットカードを使う方法がある! 新しいMacBook Proを買おうと思ってAppleオンラインストアで33万のMacをポチったのですが、クレジットカードの利用枠が30万ま... 2021.02.27サービス
CSS【CSS】flexboxで要素やボタンを下端(底辺)に揃えたい時のやり方 カード型のデザインを実装していると、下のボタンをいちを揃えたいみたいな場合が結構あります。 今回はこんな感じで要素やボタンを下... 2021.02.24CSS
CSS【CSS】リストで①や②などの丸数字を使う方法 CSSで<ol>に丸数字(①や②みたいなやつ)を使いたいことがありました。 「これってCSSだけでできるんだっけ?」と思っ... 2021.02.22CSS
ソフト/ツールSublime Textでejsをハイライトするパッケージ 今回はSublime Textでejsをハイライトするプラグインを紹介します。 Sublime Textでejsをハイライトするパ... 2021.02.22ソフト/ツール
CSSCSSでWebフォントを使う方法【@font-faceの使い方】 今回はCSSの@font-faceを使ってローカルにダウンロードしたWebフォントを使う方法を解説します。 @font-faceを... 2021.02.22CSS
JavaScript動画再生ライブラリ、Video.jsの使い方 今回はJavaScriptの動画再生ライブラリ、Video.jsの使い方を解説します。 Video.jsとは? 普通に動画再生す... 2021.02.22JavaScript
CSS【CSS】flexboxの要素を任意の位置で改行する方法 flexboxの中の要素はflex-wrap: wrap;で改行できますが、これって要素がいっぱいあってこれ以上入らない場合に改行するプロパ... 2021.02.20CSS