Wordpress 【WordPress】アピールエリアを表示すると中央に変な白いやつが出てくる問題
ここではWordpressの「cocoon」を使用した場合の問題について紹介します。アピールエリアを表示させると、スマホ表示で、白い変なものが出るようになりました。これは簡単に直せます！直し方①左のタブの「cocoon設定」②上の項目の「ア...
Web初心者
Wordpress 
確定申告（マネフォ） 【経費】プライベートのお金で経費を支払ったときの処理方法／マネーフォワード
事業主借勘定プライベートのお金で経費を支払った場合、「事業主借」勘定というものを使用する。例えば、ボールペンをプライベートの現金で買ったとすると、事業で使うボールペンは経費にあたるので、個人の財布から立て替えて支払ったという意味になります。...
確定申告（マネフォ） 【経費】初確定申告、簿記知識０でもできる！毎月の経費を確定申告に反映させる方法／マネーフォワード
私はもともと看護師で、職場で年末調整をしていたため、確定申告をする機会がありませんでした。個人事業主として開業すると、経費というものが出てきます。青色申告で最大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になってお...
パソコン ウイルスに感染！？警告の嵐。偽警告に注意！
ある日、画像をみていて、とあるURLにアクセスしたところ、マカフィーの警告が次々とポップアップででてきて怖い思いをしました。偽の警告でした。怖い思いをしたので、同じような状況になったときに誰かの役に立てたらと思います。偽の警告が出るようにな...
はじめての方へ Web初心者 勉強方法
なんとか半年くらいで、Wed業界に就職できるようになりたい元看護師の者です。勉強方法について共有します。私はここの題名の通り、パソコン初心者なので、パソコンにメモを残す習慣がありません。そしてパソコンだとなぜか覚えにくい。看護師された経験の...
パソコン Visual Studio Code で印刷したい
VSCodeは、皆さんご存じの通り、無料で使えるWebサイト制作にはもってこいの開発ツールです！そんなVSCodeには印刷機能があります！拡張機能を使用する私はノートに書いたりして覚えるタイプです。コードを文字で書くと、不慣れな私はノートが...
Wordpress 【WordPress】CSSの追加には子テーマを使用しよう！
どうも、Web初心者でも簡単にサイト開設できるWordpressを気に入っているものです。自分のサイトが出来たらデザインも変えてみたいなと思いますよね。今回はCSSの追加について説明します。CSSとはCSS（Cascading Style ...