はじめての方へ 独学！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-1～６」で記載します。Sassマップの＄font-sizesを変更することでカスタマイズすることができます。<p class="fs-1">.fs-1 text</p><p class="fs-2">.fs-2 tex...
Bootstrap 【Bootstrap】幅と高さと中央揃えの設定
幅（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 で印刷したい
VSCodeは、皆さんご存じの通り、無料で使えるWebサイト制作にはもってこいの開発ツールです！そんなVSCodeには印刷機能があります！拡張機能を使用する私はノートに書いたりして覚えるタイプです。コードを文字で書くと、不慣れな私はノートが...
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を学習し始めましたが、エラーだらけです。しかも英語も読めないので、なんのエラーなのかわからないことが起きています。自分のためにも、一緒に困っている人のためにも、エラーの意味を紹介していきたいと思いま...
JavaScript 【JavaScript】BMIの計算！コード紹介！（簡単すぎる説明）
JavaScriptでBMIの計算をしてみるHTML<p>身長<input type="number" id="shincho">cm</p> <p>体重<input type="number" id="taijuu">kg</p> <p>...
サイト作成 初心者は危ない！チェックしておきたいこと①「Whois」
who is で自分の個人情報が出ていないか確認するわたしドメイン登録したよ！お名前.comでドメインとった！「Whois情報公開代行」っていうチェックボックスあったけど、テキトーにチェックしておいた！先生それはよかったね！「who is」...
サイト作成 【Googleタグマネージャー】初心者でもわかる設定方法とタグ追加方法｜イベントタグ設定方法もご紹介
Googleタグマネージャーというサイト制作運用に大活躍するツールがあります。今回は、タグマネージャーの設定方法とタグの追加方法、新しいコンテナを追加する方法、ボタンクリックのイベントタグを設定する方法を紹介していきたいと思います！Word...
パソコン ポップアップしたまでスクロールできない問題
こんにちは！web初心者です。私のパソコンは DELL のノートパソコンなのですが、これまでに3回ほど困ったことがあります。それが、ポップアップウインドウのスクロールが出来なくて、下まで見ることができない問題です。たとえばこれなのですが、ス...
Wordpress WordPress入れたけど変な画面が出てきた
web初心者が、パソコン詳しい方に教えてもらったり、いろいろ調べて無事Wordpressを入れました。（やたー！！！）そのあとに出てきた画面に悩まされることも知らず・・・・管理画面は出てくるが、ダッシュボードを押すと変な画面に・・・Word...