全てのコンテンツ

サイト制作

無料で使える、Googleのアイコン

メニューの表示・非表示で使う三本線のアイコンや、検索で使う虫眼鏡のアイコンを使いたいけれど、わざわざ作るのも手間だなぁと思ったことありませんか? 今回は、Google が無料で提供している、 Material icon (マテリアルアイコン)を紹介します。 Material…

続きを読む
2021年05月16日10 分
JavaScript

【JavaScript】メニューバーをクリックした時、固定の場所にメニュー画面を表示する方法

メニューバーをクリックするとメニューが表示して、『×』をクリックするとメニューが消えるようにするにはどうすれば良いのでしょうか? 今回は、メニューバーをクリックした時、固定の場所にメニュー画面を表示する方法を紹介します。 まずは、html…

続きを読む
2021年05月15日10 分
HTML&CSS

HTMLを使って、狙った場所にリンクする方法

ウェブサイトで他のページに飛びたい場合、リンク元のタグに href="" を使ってリンク先を指定しています。 では、同じページ内の特定の場所にリンクしたい場合はどうすればいいでしょうか? 同じページ内の特定の場所にリンクする場合も、 href…

続きを読む
2021年05月06日10 分
開発環境

Visual Studio Codeで制作サイトをすぐに確認する方法

Visual Studio Code でサイトを制作している時、毎回 HTML を開いて確認するのは手間ではありませんか? 今回は、Visual Studio Code で制作サイトをすぐに確認する方法を紹介します。 Visual Studio Code の拡張機能 Visual…

続きを読む
2021年05月04日10 分
JavaScript

【JavaScript】セールで見かける、あと〇日を表示する方法

オンラインショップで時々見かける、『あと ◯ 日で終了します』という表示。 下の画像のように表示するには、どうすればよいのでしょうか? 今回は、カウントダウンを表示する方法を紹介します。 まずは、HTML で土台を作ってみましょう。 『5 月 5 日(木)』と『終了まであと…

続きを読む
2021年05月03日20 分
HTML&CSS

tableタグを使わずに、表を作成する方法

HTML で表を作成している時、何らかの事情で table タグが使えない状況に出くわしたことは、ありませんか? その状況で、表を作成しなければならなくなったことは、ありませんか? 今回は、table タグを使わずに、表を作成する方法を紹介します。 table…

続きを読む
2021年05月02日10 分
教育とIT

パソコンの環境をUDフォントに変えてみる

ディスレクシアという言葉をご存知ですか? 本を読むとすぐ疲れてきたり、『ね』と『わ』の違いが分かりにくかったり、読み書きがうまくいかない状態をいいます。 UD…

続きを読む
2021年05月01日10 分
WordPress

【WordPress】プラグインが動かなくなったら確認する事

WordPress でサイトを制作している時、プラグインを追加して設置しただけなのに、動かなかったことはありませんか? 今回は、WordPress のプラグインが動かなかった時の対応を紹介します。 プラグインの『Contact Form 7』と『Date and Time…

続きを読む
2021年04月27日15 分
Shopify

【Shopify】画像や文字を管理画面で表示・非表示する方法

Shopify…

続きを読む
2021年04月23日20 分
Shopify

【Shopify】見出しやタイトルなど改行できない場所を改行する方法

Shopify では、見出しやタイトルなど設定画面で簡単に変更できるのですが、通常は複数行にできません。 例えば、見出しに <br> を記述しても、画面に <br…

続きを読む
2021年04月22日15 分