React.js

【React hooks】useContextの基礎を習得 – カウンターアプリ

useContextを使うことで異なる階層であってもデータの共有が出来るようになるため、コンポーネント間で同じデータ(State)を共有したい場合や機能や用途に応じてデータの管理をしたい時にとても便利です。また、propsの受け渡しも最小限に抑えることが出来る点に加え、useReducerとあわせて使用されることが多い関数になります。
React.js

【React hooks】useReducerの基礎を習得 – カウンターアプリ

本記事では、React hooksで提供されている関数であるuseReducerの使い方やuseStateの主な違いなどを解説しております。実際にuseStateを用いて作成したカウンターアプリをuseReducerで書き換えますので、処理の流れや具体的なコードの書き方を理解するきっかけになればと思います。
React.js

【React hooks】useState・propsの基礎を習得 – カウンターアプリ

本記事内では、React hooksで提供される関数の一つである「useState」と「props」の基礎的な使い方をカウンターアプリを作成しながら解説していきます。React初心者の方やStateやpropsの処理の流れに不安がある方向けに書いております。
Node.js

nodebrewでNode.jsのバージョンが確認出来ない際の対処法

本記事では、nodebrewを通して、インストール済みであるにも関わらず、Node.jsのバージョンが確認出来ない際の対処法についてご紹介していきます。環境変数の設定などに慣れていない方ですと、中々、気付けない部分にもなりますがので、参考になれば嬉しいです。
React.js

【Mac】Reactの新規アプリ作成時に発生したnpmエラーへの対処方法

Node.jsのインストールは済んでいるが、バージョンが古いもしくはPathが通っていないことが原因で、npmコマンドの実行時にエラーが発生することがあります。本記事では、Reactの新規のアプリ作成時に発生したnpmエラーを解消した方法についてまとめております。
WordPress

AddQuickTagでアドセンス広告用のクイックタグを作成する方法

WordPressのプラグインの一つである「 AddQuickTag」を使って、アドセンス広告のタグを作成する手順をご紹介します。タグを作成することで、ワンクリックで配置したい箇所に広告を設定することが可能になります。作業の効率化にも繋がりますので、同じブロガーとしてもオススメです!
WordPress

cocoon : タブに関するCSS(背景色・文字色・枠線・文字のフォント)をカスタマイズする方法

WordPressの無料テーマの中でも多くの方に使用されている「cocoon(コクーン)」で、フロントページの表示形式を「タブ一覧」に設定した際のタブの背景色・文字色・枠線・文字のフォントをカスタマイズする方法についてご紹介してます。実際に操作している動画も掲載してますので、参考になればと思います。
React.js

React.js : create-react-appでアプリを作成することが出来ない場合の解決法

本記事では、React.jsにて、create-react-appコマンドを用いて、新規のアプリを作成しようとした際に発生したエラーの解消法について、発生原因も含めて、ご紹介しております。
WordPress

Local by fly wheel インストール & サイト作成〜言語変更方法

WordPressでWeb制作を行っていくためには、PC上で作業を行うためのローカル環境を準備する必要があります。そこで、本記事では、ローカル環境として使用するLocalbyflywheelのインストールとサイトの作成までの手順をご紹介させて頂いております。
Django

CommandError: ‘アプリ名’ is not a valid app name. エラー対処法

命名規則とは、名前をつける際のルールになりますが、アプリ開発を行う上でも存在します。本記事では、PyhtonのWebフレームワークであるDjangoでアプリを作る際に発生した「CommandError: '○○○' is not a valid app name. 」というエラーの対処法をご紹介させて頂いております。
JavaScript

[ JavaScript : DOM操作 ] マウスオーバーイベントで、HTML要素の値を変化させる方法

本記事では、JavaScriptにおけるDOM操作の一つであるマウスオーバーイベントの活用方法(mousedown, mouseup, mouseenter....)の解説に加えまして、JSコードにて、HTML要素の...
JavaScript

[ JavaScript : 基礎学習講座 Ⅲ ] 条件分岐 (if, switch)

本記事では、JavaScriptの構文の一つである条件分岐(if文, switch文)を使用し、条件に応じた処理を行う方法に加えまして、途中で処理を抜ける時などに使用するbreak文の使い方と注意点までサンプルコードを用いてご紹介させて頂きます。
JavaScript

[ JavaScript : 基礎習得講座 II ] 変数/定数と四則演算

本記事では、JavaScriptのプログラム上でデータを格納する「変数・定数」の定義方法から四則演算の書き方までをご紹介させて頂きます。 サンプルコードも掲載させて頂いておりますので、学習や使い方の参考にし...
JavaScript

[ JavaScript : 基礎習得講座 I ] JSファイルの作成/実行方法

本記事では、JavaScriptとはどのようなプログラミング言語であるか / JavaScriptファイル(.js)の作成からファイルの実行方法, デベロッパーツールの活用までをご紹介させて頂きます。サンプルコードや...
React.js

【React hooks】useContextの基礎を習得 – カウンターアプリ

useContextを使うことで異なる階層であってもデータの共有が出来るようになるため、コンポーネント間で同じデータ(State)を共有したい場合や機能や用途に応じてデータの管理をしたい時にとても便利です。また、propsの受け渡しも最小限に抑えることが出来る点に加え、useReducerとあわせて使用されることが多い関数になります。
React.js

【React hooks】useReducerの基礎を習得 – カウンターアプリ

本記事では、React hooksで提供されている関数であるuseReducerの使い方やuseStateの主な違いなどを解説しております。実際にuseStateを用いて作成したカウンターアプリをuseReducerで書き換えますので、処理の流れや具体的なコードの書き方を理解するきっかけになればと思います。
React.js

【React hooks】useState・propsの基礎を習得 – カウンターアプリ

本記事内では、React hooksで提供される関数の一つである「useState」と「props」の基礎的な使い方をカウンターアプリを作成しながら解説していきます。React初心者の方やStateやpropsの処理の流れに不安がある方向けに書いております。
React.js

【Mac】Reactの新規アプリ作成時に発生したnpmエラーへの対処方法

Node.jsのインストールは済んでいるが、バージョンが古いもしくはPathが通っていないことが原因で、npmコマンドの実行時にエラーが発生することがあります。本記事では、Reactの新規のアプリ作成時に発生したnpmエラーを解消した方法についてまとめております。
React.js

React.js : create-react-appでアプリを作成することが出来ない場合の解決法

本記事では、React.jsにて、create-react-appコマンドを用いて、新規のアプリを作成しようとした際に発生したエラーの解消法について、発生原因も含めて、ご紹介しております。
WordPress

AddQuickTagでアドセンス広告用のクイックタグを作成する方法

WordPressのプラグインの一つである「 AddQuickTag」を使って、アドセンス広告のタグを作成する手順をご紹介します。タグを作成することで、ワンクリックで配置したい箇所に広告を設定することが可能になります。作業の効率化にも繋がりますので、同じブロガーとしてもオススメです!
WordPress

cocoon : タブに関するCSS(背景色・文字色・枠線・文字のフォント)をカスタマイズする方法

WordPressの無料テーマの中でも多くの方に使用されている「cocoon(コクーン)」で、フロントページの表示形式を「タブ一覧」に設定した際のタブの背景色・文字色・枠線・文字のフォントをカスタマイズする方法についてご紹介してます。実際に操作している動画も掲載してますので、参考になればと思います。
WordPress

Local by fly wheel インストール & サイト作成〜言語変更方法

WordPressでWeb制作を行っていくためには、PC上で作業を行うためのローカル環境を準備する必要があります。そこで、本記事では、ローカル環境として使用するLocalbyflywheelのインストールとサイトの作成までの手順をご紹介させて頂いております。
WordPress

[ WordPress 既存テーマ ] 検証ツールを用いて、CSSを独自でカスタマイズする方法

本記事では、WordPressの既存テーマを用いたコードカスタマイズ(今回は主にCSSデザイン)の際に、ブラウザの検証ツールを用いて現状で要素に割り当てられているCSSを確認/修正していく方法を各種ブラウザ( Safari , Google Chrome ...)における検証ツールの開き方に加えてご紹介させて頂いております。
WordPress

wpForms : 「フォームを保存中に問題が発生しました」と表示される際の対処法

本記事では、WordPressのプラグインの一つでフォームの作成などで広く活用されているwpFormsのエラー対策についてご紹介させて頂いております。フォームの保存を行った際に「フォームも保存中に問題が発生しました」とエラーが表示される際の確認事項と実際に解決した例についてまとめておりますので、参考になれば幸いです。
Webサイト制作

SSL化されてない?? このサイトへの接続は保護されていませんと表示される時の対処法

本記事では、レンタルサーバーにアップしたサイトなどをSSL化した状態で、公開した際にURLがhttp://から始まり、「このサイトへの接続は保護されていません」と言われてしまう時の対処法について、ご紹介させて頂いております。 内容としては、編集すべきファイル(.htaccess)と追加記述内容についてになります。
WordPress

Welcart Basic : トップページに追加した商品が表示されるようにする方法

本記事では、ECサイト制作にて多く用いられているWelcartの無料テーマ「Welcart Basic」を利用する上でトップページに追加した商品を表示させるための方法について、商品の追加方法 / プラグインのインストールなどもあわせて、ご紹介させて頂いております。
WordPress

ブログ記事や固定ページでオシャレなポップアップ表示機能を実装 : Easy Fancy Box

WordPressを用いていく上で、必ず必須ではないものの、様々な機能の実装からSEO対策, エディタの変更まで幅広く活用されているプラグインですが、今回は、その中でも実装するうえで、通常であればJavaScript...
WordPress

[ Sydney : 初心者必見 ] 子テーマの作成方法と重要性を理解する!(WordPress)

本記事上で使用するテーマは、Sydneyです。他のテーマでも子テーマの作成についても以下の手順で行って頂くことが可能ですが、カスタマイズ方法については、Sydneyのみに対応しております内容ですので、ご了承して頂ければと思います。 ...
タイトルとURLをコピーしました