wagashi

CSS

【Sass】@at-rootと@extendの便利な使い方!BEM設計を崩さずに@extendする

今回は何かと敬遠されがちなSassの@extendと、忘れられてそうで案外そうでもない@at-rootの便利な使い方を紹介します。 本...
JavaScript

【jQuery】クリック時にscrollLeftで左右スクロールする方法

今回はjQueryでクリック時に左右にスクロールする方法を解説します。 クリック時に右から左へスクロール 「横スクロールできる領...
JavaScript

Reactでコンポーネントの外側がクリックされたかどうかを判定する方法

今回はReactでコンポーネントの外側がクリックされたかどうかを判定する方法を解説します。モーダルの外側をクリックした時にモーダルを閉じると...
JavaScript

Reactで子コンポーネントから親のステートを操作する方法

今回はReactで子コンポーネントから親コンポーネントのステートを操作する方法を解説します。 サンプルとしてクリックした回数をカウント...
JavaScript

Reactで親から子コンポーネントのメソッドを実行する方法

今回はReactで子コンポーネントに書いたメソッドを親コンポーネントで実行する方法を解説します。 サンプルとして、子コンポーネントでア...
JavaScript

ReactのWarning: A component is changing an uncontrolled input of type text to be controlled.を解決したい

Reactでアプリを作っていたらこんなエラーが出ました↓ Warning: A component is changing an unco...
環境構築

MAMPのローカル環境からメールを送信する方法を丁寧に解説

MAMPのローカル環境ではPHPでメールの送信ができず不便ですが、設定すればローカルでもメールの送信ができるようになります。 今回はM...
WordPress

【完全まとめ】WordPressでカテゴリーを出力する方法【目的別】

今回はWordPressでカテゴリーを出力する方法を総まとめします。 カテゴリーを出力する際に使える関数がたくさんあってどれを使えばい...
海外ノマド

0から海外ノマドになれた僕が海外ノマドになる方法を教える

今回は「海外ノマドになりたい!」という人に向けて、実際に0から海外ノマドになった僕がそのなり方を解説します。 現在は基本的に日本で生活...
JavaScript

【jQuery】offset().topが効かない原因と対処法!

jQueryのoffset().topを使ってこんなコードを書いていました。 var position = $('.element').o...
JavaScript

jQueryオブジェクトや変数を同時に複数指定する方法

var $a = $('.a'); var $b = $('.b'); $a.css('backgroundColor', '#ff...
HTML

Web制作者の僕が効率のいいHTML&CSSの勉強法を紹介する【初心者向け】

「Web制作に興味が出たのでHTMLやCSSを勉強してみたい...」 「これからHTMLやCSSを勉強しようと思っているので効率のいい...
HTML

【初心者必読】コーディングが上達するコツを超具体的に解説する

今回は初心者にこそ伝えたい、コーディング上達のためのコツと気をつけるべきポイントについて解説します。 本記事は以下のような悩み...
WordPress

WordPressのカスタムタクソノミーとは?作り方と役割を解説

WordPressには記事を分類するための「カテゴリー」や「タグ」がありますが、それと同じようなもので「カスタムタクソノミー」があります。 ...
海外ノマド

【実体験】やってみてわかった、海外ノマドのメリット・デメリットを紹介

海外ノマドといえば場所にも時間にも縛られずに自由に生活しているイメージが強いですが、「実際はどうなのか?」気になる人も多いと思います。 ...
サービス

プログラミング言語のロゴ・アイコン・SVGフリー素材サイト3選

今回はプログラミング言語のロゴ・アイコン・svg画像が無料で入手できるまとめサイトを3つ紹介します。 ポートフォリオサイトやブログのサ...
HTML

【超厳選】HTML&CSSの勉強に本気でおすすめの本6選!初心者から中級者まで!

今回は初心者から中級者まで、「本当にオススメできる」HTML&CSSの勉強本を厳選したので6つほど紹介します! 実際に自分が読...
JavaScript

【初心者向け】jQueryが動かない時の対処法4選!

jQueryを初めて使う時、「動かねーよクソが」となるのは全員が通る道です。 というわけで、jQueryが動かない時の対処法を4つまと...
JavaScript

【jQuery】index()が効かない時の対処法(index is not a function)

jQueryでindex()を使おうとしたら「index is not a function」と怒られてしまったことがあったので、その対処法...
WordPress

【WordPress】カスタム投稿タイプの記事一覧(アーカイブ)ページを作る方法

今回はWordPressのカスタム投稿タイプの記事一覧ページ(アーカイブページ)を作る方法を紹介します。 カスタム投稿タイプの記事...