サイト作成 サイトがインデックスされない問題
サイト作成の学習として、Web初心者の私は Wordpress を使用して勉強しています！サイト制作を行ってから約1か月。制作当初は、サイト運営が短いこともありましたが、サイトが検索結果に出てきませんでした。サーチコンソールの作成、サイトマ...
サイト作成 
Wordpress 【WordPress】サイドバーの目次をスクロールさせたい
デフォルトでサイドバースクロール追従に目次を追加した場合、変なところで目次が切れてしまう問題が発生しました。その対処についてご説明します！ウィジェットの設定①左の欄の「外観」をクリックまたは、カーソルを当てる②「ウィジェット」を選択③目次の...
Wordpress 【WordPress】ヘッダーをおしゃれに、メニューを右にまとめる
Wordpressのデザインを変更したいときに、参考になる方法があったのと、問題点の対処法をまとめたのでご紹介します。完成図現在のフロントページは変更されているかもしれませんが、このような感じで編集しました。ここではWordpressのテー...
サイト作成 【サイト制作】検証ツールでページがはみ出てしまう問題
検証ツールが変！見えにくくなった！こんな感じではみ出てみえない・・・そんな方必見！検証ツールとは（デベロッパーモード）サイト制作してコードをたくさん書いていると、たまにおかしな表示になっていたりすることがあります。そんなときに、検証ツールを...
Wordpress 【WordPress】アピールエリアを表示すると中央に変な白いやつが出てくる問題
ここではWordpressの「cocoon」を使用した場合の問題について紹介します。アピールエリアを表示させると、スマホ表示で、白い変なものが出るようになりました。これは簡単に直せます！直し方①左のタブの「cocoon設定」②上の項目の「ア...
確定申告（マネフォ） 【経費】プライベートのお金で経費を支払ったときの処理方法／マネーフォワード
事業主借勘定プライベートのお金で経費を支払った場合、「事業主借」勘定というものを使用する。例えば、ボールペンをプライベートの現金で買ったとすると、事業で使うボールペンは経費にあたるので、個人の財布から立て替えて支払ったという意味になります。...
確定申告（マネフォ） 【経費】初確定申告、簿記知識０でもできる！毎月の経費を確定申告に反映させる方法／マネーフォワード
私はもともと看護師で、職場で年末調整をしていたため、確定申告をする機会がありませんでした。個人事業主として開業すると、経費というものが出てきます。青色申告で最大65万円の控除を受けるためには、複式簿記での記帳が必要です。確定申告初心者、簿記...
パソコン 【確定申告に困らないために】毎月やっておく請求書の発行、経費処理／マネーフォワード
こんにちは。私はもともと看護師で、職場で年末調整をしていたため、確定申告をする機会がありませんでした。2023年7月に開業届を出し、同時に青色申告の手続きをしましたが、意味が分からな過ぎて大変でした。昨年はマネーフォワードを使用して確定申告...
はじめての方へ 【Web初心者】1万円以内で買えるデスク、キーボード、マウスをご紹介！／Webの勉強するためにそろえたもの
※ここではアフィリエイト広告（Amazonアソシエイト含む）を掲載しています。こんにちは！わたしは看護師からWeb業界にジョブチェンジをしようとしています。そのためには勉強することがたくさんあり、看護学生のときはたくさん勉強しましたが、そこ...
Wordpress 検索結果に出てこない！XMLサイトマップを設定する方法
サイト制作しても、Googleの検索結果に出てこなかったり、アクセスがない、なんてことがあります。そこで必要なのが、サーチコンソール、サイトマップです。なぜ検索結果にのらないのかGoogleの検索エンジンは、クローラーと呼ばれるロボットがイ...
サイト作成 robots.txt とは
初めて聞くワードで意味が分からない方が多いと思いますが、robots.txt を知るにあたって、Googleの検索システムについて知っておく必要があります。別の記事でまとめていますので、そちらの方をみてからの方がわかりやすいと思います。ro...
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-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になってお...