Note（WordPless標準のjQueryで動かない）

問題 〜更新〜 WordPress化を進めていると、HTMLではきちんと動いていたjQueryが動いていない？？外部リンクでjQueryを読み込んでいる状態では動作していましたが、WordPressの標準jQueryに置き換えたことが原因に

Sass利用環境（Sassの教科書通りにできない）

Sassに関しては、前に少し勉強したことはありましたが、もう少し勉強しようと思い、いろいろと調べてみて書籍「Sassの教科書」を購入しました。第2章でSassの利用環境を設定していくのですが、途中でエラーになって上手く進まなかったので、対応

画像サイズと位置調整

前にも画像サイズの指定についてはまとめたことがありますが、位置調整も合わせて整理しておきます（結局、毎回調べてるような気もしたんで・・・） CSSによるサイズ指定（img）と使い分け 「object-fit」プロパティを利用する。 思った通

CSSでアニメーション

CSSでアニメーションをつける方法について、簡単にまてめておきます。詳しくは自分でググってみて下さい（笑） CSSを使って動きをつけるには、大きく2つの方法（プロパティ）があります。簡単に二つの方法についてまとめておきます。 「transi

アニメーション

Note（比較関数）

課題 レスポンシブ対応をしている中で、特にブレイクポイントをいくつか設定した場合に、フォントサイズを可変にしつつも、あるフォントサイズ以上にはならないようにしたい。 解決 比較関数（min, max, clamp）を使うことで、いろいろな対

Note（ちょっとした気付き）※更新

サイトを作りながらちょっとつまづいたところを書き留めて行きます（これからも追記します） calcが効かないボタンの幅を親要素の80％に5px足した幅に設定したい場合.btn {margin-top: calc(80%+10px); →

公式ホームページ リニューアルオープン！

ちょっと公開までに時間がかかってしましたが、神戸のサンバチーム「EscoladeSambakobecco」の公式ホームページをリニューアルオープンしました。ホームページはこちら旧ホームページは、公開してから大きな変更はしておらずレスポンシブ

Note（Portfolio）

とりあえず完成しました。今回の制作は ・サイトデザイン、ワイヤーフレーム作成 ・コーディング HTML＆CSS レスポンシブ対応時のハンバーガーメニューと 画面切り替えの時の動き、画面内のスクロールなど動的な部分（jQuery）

Note（本番環境へ移行が…）

課題ローカル環境（Local）で作成したWordPressを本番環境（サーバー環境）へ移行させるために、「All-in-One WP Migration」というプラグインを使って移行させています。このプラグインですが、最新版では100MBま

Note（Chat GPT使ってみた）

課題HTMLでのコーディング後にWordPress化を行い、2サイトほどサイト構築をやりました。まずはローカル環境でWordPress化をやっていくんですが、、最終確認のためにサーバーにWordPressをインストールしてサイトを移行させる

Note（サイズの違う画像が綺麗に並ばない）

問題サイズの異なる画像を横並びにしたとき、高さがまちまちになって同じ大きさで並ばない。画像サイズを同じにしておけば良いが、WrdPressで投稿する場合、違う人が作業したり、違うカメラの画像を使うとサムネイル画像が同じ大きさとは限らないので

Note（jsファイルの画像が表示されない）

問題HTMLで作成していたサイトをWordPress化するために、順番にテンプレートタグで置き換えていく作業を一通り終わらせサイトを表示してみると…部分的に画像が表示されていない？？表示されていのは、どうもJavascript（jQuery

Note（ファイル名は大文字？小文字？）

問題ローカルで作業していたHTMLファイルと関連するファイルをサーバーにアップロード、サーバー上できちんと表示・動作するのかを確認してみると、一部の画像ファイルが表示されない。ローカルでは全く問題がなかった。解決システムによって「大文字」「

ついに、ココナラに出品してみました！

HTML・CSSコーディング承ります デザインに合わせたコーディングに「お得」に対応します！!function(d,s,id){var js,fjs=d.getElementsByTagName(s),p=/^http:/.test(d.l

Note（デザインカンプからのコーディング2）

Photoshopのデザインカンプからのコーディング今更ですが、Illustrator,Photoshopの基礎学習を始めたので、使い方をまとめておこうと思います。Photoshopのデザインカンプからのコーディング手順ざっくりとまとめ資料

Note（デザインカンプからのコーディング1）

Illustratorのデザインカンプからのコーディング今更ですが、Illustrator,Photoshopの基礎学習を始めたので、使い方をまとめておこうと思います。Illustratorのデザインカンプからのコーディング手順ざっくりとま

Note（カスタム分類一覧）

問題カスタム分類の一覧を作りたい解決<ul> <?php wp_list_categories( array( 'title_li' => '', 'tax

Note（アクションフック）

問題いろいろ見ていると書き方が違う・・・ちょっと調べて整理してみました。解決WordPress の特定の処理のタイミングで「何らかのアクション（関数）」を実行するためのフック（ページを表示する特定のタイミングで何らかの処理を実行するきっかけ

おぼえがき（アクションフック）

問題いろいろ見ていると書き方が違う・・・ちょっと調べて整理してみました。解決WordPress の特定の処理のタイミングで「何らかのアクション（関数）」を実行するためのフック（ページを表示する特定のタイミングで何らかの処理を実行するきっかけ