CSS 【CSS・js】ヘッダーをスクロールに合わせて表示・非表示させる（jQueryなし）
header { position: fixed; top: 0; left: 0; z-index: 99; height: 5.5em; transition: transform 0.3s 0.1s;}/* スクロールするとヘッダーが...
サイト作成
CSS 
CSS PNG形式の画像に影をつけたいけどうまくいかない！
PNG画像で、周囲の背景は透過しているとき、「box-shadow」で影をつけると、透過しているところにも影がついてしまいました。わかりにくいのですが、角丸なのに、四角として影がついており、白くなってしまいます。この時に便利なのが、filt...
HTML 謎の空白「$#xfeff」
サイト作成をしていた際に、1つのページだけ謎の空白ができていました。そこで、デベロッパーツールで調べてみると、そこの部分に「$#xfeff」というものが入っていることに気づきました。スマホでも確認してみると、余白ではなく、改行がされている様...
HTML ファビコンが表示されない
表示されないことについて調べると、いろんなところで出てくるのがキャッシュを消せと。キャッシュを消しても、ちゃんと載っているかわからない時、調べるサイトがありました。これで確認すると、パスの誤りや、サーバーのアップロード先の誤りなどが見つかり...
Figma 【Figma】サイト制作の基本的な操作を簡単に説明
Figmaについてや始め方については、別の記事で紹介しているので説明を省きます。ここでは基本的な操作方法について説明していきます。日本語にする翻訳機能を使っていましたが、翻訳が大変なことになったので、検索すると日本語に変換機能がありました！...
Figma 【Figma】コンポーネント機能の使い方
Figmaについて勉強したての、独学Web初心者です。Figmaについては、別の記事でご紹介しているのでご参照ください！Figmaの概要：Figmaの基礎的な機能：今回はコンポーネント機能についてお話します。コンポーネント機能とはコンポーネ...
サイト作成 サイト制作／各パーツの名前を知っておく
Web初心者なのですが、独学でやっているため、サイトのそれぞれの要素の名前がわからず、なんとなく制作していました。チームでやる際に、これでは私しかわからない！と思い、簡単にまとめてみました！ホームページ と サイトよく聞く「ホームページ」似...
Figma ページがださい！素敵なサイトのデザインを作るFigmaの始め方
Web初心者なのですが、自分でなにも考えずに「あこれもいれたい！」「これも！」ってやっていたら、統一感のないページだったり、デザイン無知のため質素なページになってしまいます。私の成長日記もかねて、記録していこうかなと思います！一から作った初...
サイト作成 面白い！Googleサーチコンソールの設定方法
Googleサーチコンソールとは無料で使用できる、Google検索でのサイトのパフォーマンスを分析できるツールのことです。検索順位やクリック数、表示回数などがわかります。また、検索ページに掲載されているか否かもわかり、掲載されていない場合は...
サイト作成 FTPの使い方／WinSCP
FTPとはFTPとは、ファイルを転送するためのもので、サーバーにアップされたファイルの一覧を見たり、ファイルをサーバーにアップロードしたりできます。私は「WinSCP」を使用しているのでその方法について説明します。「WinSCP」とはWin...
Wordpress 【WordPress】はじめに設定したいこと 14選！
Wordpressにてサイト作成まずはWordpressでサイト作成をします。サイトの作成方法は別の記事で紹介しているのでご参照ください。① サイトタイトルの設定サイトタイトルは、サイトの一番上に表示される大切なものです。30文字以内が目安...
Wordpress 見やすいサイト制作のポイント！サイズの目安／リンクの開き方
ここでは、初心者の私が知らなかった、サイト制作のポイントをまとめてみました！エンジニアの先生が教えてくれたものを含めご紹介します！フォントフォントには、「Webフォント」と「デフォルトフォント」があります。「Webフォント」ex）有名なもの...
サイト作成 ファビコン（サイトアイコン）の設定／WordPress
ファビコンとはファビコンとは、サイトのアイコンのことで、スマホのホーム画面に出るアイコンや、パソコンでGooglechromeを使用した際に上に出るタブに表示されるアイコンを指します。自分のサイトがブランドとなるようなもので、目印となるもの...
Wordpress 【WordPress】ページ読み込み速度が遅いときにやったこと
モバイルページの読み込みが遅かったので、ページ読み込み改善のためいろいろ試行錯誤してみました。他の記事でも紹介していますが、とても見にくくなってしまったのでまとめてみました。ページの読み込み速度は、SEOにも関係するため、知っておきたいとこ...
CSS CSSが反映しない！CSSの読み込み優先順位
CSSについて学習中なのですが、記述したCSSが反映されないことがありました。CSSを記述する際には優先順位について理解しておく必要があります。CSSについて簡単に振り返りCSSはスタイルシートとよばれ、ページの装飾をするのに使用します。H...
サイト作成 【Googleアドセンス】1か月で合格！ポイント／4つの初期設定
Wordpressにてブログをはじめて1か月。なんとなく申請したアドセンスに合格しました！通った時の記事は45記事程度です。皆様の参考になれば幸いです！GoogleアドセンスとはGoogleが提供する広告プログラムのことです。広告が自動で表...
Wordpress WordPressのドメインを変更する簡単な方法！
こんにちは。私はWeb初心者でWordpressを運営している者です。今回は、ドメインを変更した場合の、Wordpressの移行についてお話します。まずなぜドメインを変更するに至ったかといいますと、わたしWordpressやるためにドメイン...
サイト作成 リトルサーバーで「phpMyAdmin」にログインできない問題
わたしなんとなくリトルサーバーでデータベース作ったけど、「phpMyAdmin」のページにログインができないの。先生ずっと苦戦してるね…データベース名とデータベースパスワードじゃだめなんだね。ユーザー名とパスワードがわからなくて、ログインで...
Wordpress 【これ見れば初心者でもできる】サイト作成手順／WordPressなど
web作成初心者でも、勉強するなら実際に作りながら学んでいきたいですよね。ここでは私が実践したサイト作成方法をご紹介します。ここでは、主に「Wordpress」を使用した方法についてのご説明です。ちなみに私はサーバー「リトルサーバー」ドメイ...
サイト作成 初心者でもわかるデータベースの作成方法
データベースとはデータベースとは、データの集まり（データ集合体）の管理システムことです。データをあとで使いやすいように、形式やルールを決めて、整理・管理された複数のデータの集合体を指します。（図書館のようなもの。簡単に探せて簡単に出せる）顧...