プログラミング ITパスポート合格のためにやること！
私は、ITパスポートを2020年10月に合格しています。その時に行った勉強と、どのくらい勉強したかを紹介します。勉強内容まず、IT関係に関してまったく知識のなかった私が一番最初に取り組んだのは、Udemyで講座を見ることでした。４月に約3時...
プログラミング
プログラミング 
プログラミング 【CSS】画面サイズによって、テキストが下に飛び出してしまう
デザインの通り実装して、PC表示のときには問題なかったのに、SP表示にした時に想定していた枠からテキストが飛び出してしまうことがあります。それは、heightを指定しているための可能性があります。SPまたは、タブレット表示のときは、heig...
プログラミング 【CSS】忘れがちなletter-spacingとline-heightの計算方法
PhotoshopやXDで指定されている行間とトラッキングをCSSで表現する際の計算方法です。こちらの画像は、Photoshopでの表示です。上が行間、下がトラッキングです。letter-spacing（トラッキング）トラッキングの値 ÷ ...
プログラミング 【HTML/CSS】横棒を一線引きたい
横棒を一本だけ引く方法は、HTMLを使う方法とCSSを使う方法があります。hrタグを使うHTML の <hr> 要素は、段落レベルの要素間において、テーマの意味的な区切りを表します。例えば、話の場面の切り替えや、節内での話題の転換などです。...
プログラミング 【WordPress】おすすめプラグイン７選！
Advanced Editor Tools (旧名 TinyMCE Advanced)投稿物の装飾ができるようになるプラグイン。Contact Form 7お問合せフォームを作成できるプラグイン。確認画面や完了画面を作る場合は、自作する必要...
プログラミング visibility : hidden; とdisplay: none;の違い
visibility: hidden;要素のボックスは不可視になります (描画されません) が、レイアウトには通常通り影響します。子孫要素は visibility が visible に設定されていれば可視になります。(タブ順で操作された時...
プログラミング Google Chromeデベロッパーツールの便利機能５選！
Google Chromeのデベロッパーツールを開くと、そのページのコードを見ることができます。開くにはChromeを開いた状態で下記のショートカットキーが使えます。Windows：Ctrl + Shift + IMac：opt + com...
プログラミング サーバーにアップしたcssが反映されない時の対処法
原因cssに変更を加えて、サーバーにアップしたのに変更が反映されない場合、キャッシュの可能性があります。キャッシュとは、一度開いたサイトのデータを一時的に保存しておけるものです。変更を反映前のCSSで取得したキャッシュが残っていると、たとえ...
プログラミング 【VSCode】快適さUP! おすすめ拡張機能９選！
Code Spell Checkerスペルミスを波線で教えてくれるEditorConfig for VS Code共同編集者同士でインデントを統一できるGit HistoryGitを視覚的に把握できる（⌘ shift Pで一覧からショートカ...
プログラミング 【VSCode】タブを上書きせずにファイルを開きたい
VSCodeを使って、複数のファイルを行き来する際、目的のファイルをクリックした後に別ファイルをクリックすると、同じタブで開いてしまいます。これを防ぐ方法が２つあります。ファイルをダブルクリックするVSCodeの設定を変える１つ目は単純に、...