はじめての方へ 【Web初心者】1万円以内で買えるデスク、キーボード、マウスをご紹介！／Webの勉強するためにそろえたもの
※ここではアフィリエイト広告（Amazonアソシエイト含む）を掲載しています。こんにちは！わたしは看護師からWeb業界にジョブチェンジをしようとしています。そのためには勉強することがたくさんあり、看護学生のときはたくさん勉強しましたが、そこ...
maple
はじめての方へ 
Wordpress 検索結果に出てこない！XMLサイトマップを設定する方法
サイト制作しても、Googleの検索結果に出てこなかったり、アクセスがない、なんてことがあります。そこで必要なのが、サーチコンソール、サイトマップです。なぜ検索結果にのらないのかGoogleの検索エンジンは、クローラーと呼ばれるロボットがイ...
サイト作成 robots.txt とは
Google検索結果にサイトを表示させるためにはインデックスさせる必要があります。それに使うのがGoogle Search Console。今回は、それとは逆に、Google検索に表示させないような設定の話をさせていただきます。robots...
JavaScript 【JavaScript】クイズ問題作ったけど、TagName(“button”)でbuttonタグすべてが作動してしまう
このように、問題の答えをクリックするボタンと、解説をクリックするボタンの2つが存在します。JavaScript のコードを 「document.getElementsByTagName("button")」にすると、ボタンタグ全てが配列に入...
JavaScript 【JavaScript】クイズ問題（簡単なの）
リファクタリングが難しいため、とりあえずここまで記載します。実際に作ったサイトはこちら（どんどん改良しているはず・・・）この問題のベースはBootstrapで組んでいます。HTML<div id="js-question" class="a...
はじめての方へ 独学！Web初心者の参考本ご紹介
※ここではアフィリエイト広告（Amazonアソシエイト含む）を掲載しています。こんにちは。看護師から何とか短期間でジョブチェンジするためにがんばって学習しています。私が参考にしている本を紹介します！自分だけでは何がいいのかわかりませんよね。...
Bootstrap 【Bootstrap】グリッドシステム
Bootstrapとはは、別の記事に簡単にまとめていますのでご参照ください。グリッドシステムとはサイトの横幅を均等に分けるラインをグリッドと呼び、Bootstrapは12本のグリッドが設定されています。こちらをもとに、コンテンツの配置を決め...
Bootstrap Bootstrap5 チートシート早見表！素早く検索するためにまとめた
グリットシステム<div class="container text-center"> <div class="row"> <div class="col"> Column </div> <div class="col"> Column <...
Bootstrap 【Bootstrap5】実践！クイズ問題の形を作ってみた
今回はWeb初心者が、Bootstrapを用いてクイズ問題の型を作ったので、ご紹介したいと思います。Bootstrapについては、別の記事をご参照ください。完成図HTML<h3 class="text-center mt-2"> クイズ問題...
Bootstrap Bootstrapでフォントサイズを変える fs クラスの使い方一覧【コピペOK】
文字の大きさは「fs-1～６」で記載します。Sassマップの＄font-sizesを変更することでカスタマイズすることができます。<p class="fs-1">.fs-1 text</p><p class="fs-2">.fs-2 tex...
Bootstrap Bootstrapのw-25〜w-100・h-25〜h-100の使い方まとめ【中央揃えも】
幅（width）20%、50%、75%、100%、autoがあります。<div class="w-25 p-3" style="background-color: #eee;">Width 25%</div><div class="w-50...
Bootstrap Bootstrapの簡単な説明
Bootstrapとはブートストラップとは、とても簡単に無料でCSSを使うことができるものです。スマホ、タブレットといった、パソコンとは画面の大きさが違うものに対応するページを作るレスポンシブデザインに対応しているフレームワーク1になってお...
パソコン ウイルスに感染！？警告の嵐。偽警告に注意！
ある日、画像をみていて、とあるURLにアクセスしたところ、マカフィーの警告が次々とポップアップででてきて怖い思いをしました。偽の警告でした。怖い思いをしたので、同じような状況になったときに誰かの役に立てたらと思います。偽の警告が出るようにな...
はじめての方へ Web初心者 勉強方法
なんとか半年くらいで、Wed業界に就職できるようになりたい元看護師の者です。勉強方法について共有します。私はここの題名の通り、パソコン初心者なので、パソコンにメモを残す習慣がありません。そしてパソコンだとなぜか覚えにくい。看護師された経験の...
パソコン Visual Studio Code で印刷したい！拡張機能「Print」の使い方を解説
VSCodeは、皆さんご存じの通り、無料で使えるWebサイト制作にはもってこいの開発ツールです！そんなVSCodeには印刷機能があります！プログラミング学習中やWeb制作の勉強をしていると、コードを紙で見たいノートに貼り付けて学習したいHT...
Wordpress 【Googleアナリティクス】WordPressに設置する方法と確認方法、サーチコンソール連携方法をご紹介！
ここでは、Googleアナリティクスを設置する方法を説明します！アナリティクスの画面はコロコロ変わるので（私の体感）、2025年12月の設定方法に修正しながらご紹介したいと思います。GoogleアナリティクスとはGoogleアナリティクスと...
Wordpress 【WordPress】CSSの追加には子テーマを使用しよう！
どうも、Web初心者でも簡単にサイト開設できるWordpressを気に入っているものです。自分のサイトが出来たらデザインも変えてみたいなと思いますよね。今回はCSSの追加について説明します。CSSとはCSS（Cascading Style ...
Wordpress 【WordPress】ヘッダーロゴは変更せずに、モバイルメニューのロゴの変更をする
Wordpress始めたばかりだけど、デザインの変更には興味があるWeb初心者です。ヘッダーロゴを作成しPC上でアップするといい感じになりますが、モバイルでヘッダーメニューを使うと、同じロゴがでてくるのと、文字が小さくてダサいことが気になり...
JavaScript 【JavaScript】基本的な「変数・定数」を超簡単に紹介
JavaScript最近始めたものなので、自分で理解したことを紹介していきます。これを覚えるのにも苦労、活用するにも苦労しました。なんせ、わたくし今まで医療職をしていたもので、Webの知識が全くない！初めて 変数 といものをきいたとき全然理...
JavaScript 【JavaScript】エラーの意味を紹介
私はパソコン初心者で、JavaScriptを学習し始めましたが、エラーだらけです。しかも英語も読めないので、なんのエラーなのかわからないことが起きています。自分のためにも、一緒に困っている人のためにも、エラーの意味を紹介していきたいと思いま...