全てのコンテンツ

HTML&CSS

CSS Gridレイアウト 基本編

今回は、Grid レイアウトを紹介します。 Grid レイアウトを使いこなすことができれば、コーディングが簡単を簡単にすることができます。 Grid レイアウトとは Grid…

続きを読む
2021年05月26日10 分
Shopify

【Shopify】ホームページ以外にセクションの項目を追加する方法

Shopify…

続きを読む
2021年05月25日10 分
Gatsby

【Gatsby】サイトマップを作成する方法

Google Search Console に登録するために、Gatsby.js でサイトマップを作成したいのですが、どうすればいいのでしょうか。 今回は、Gatsby のプラグインである、『gatsby-plugin-sitemap』『gatsby-plugin-robots…

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

【JavaScript】今日の日付と曜日を表示する方法

今日の日付をウェブサイトに表示したいけれど、どうやって表示すればいいのだろうと考えたこと、ありませんか? 今回は、JavaScript で今日の日付と曜日を表示する方法を紹介します。 まずは、現在の日付を取得してみましょう。 日付を取得するには、Date…

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

トップビューの画像をちょっと斜めにしてみる

トップビューの画像の形に趣向を凝らして、いつもと違った雰囲気にしたくなること、ありませんか? 今回は、トップビューの画像を斜めにする方法を紹介します。 例えば、次のトップビューがあったとします。 この画像を斜めにするには、トップビューの クラスに clip-path…

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

【JavaScript】iPhoneやAndroidで個別にスタイルを指定する方法

パソコンでは、制作した通りにウェブサイトが表示されるのに、iPhone や Android ではスタイルがずれること、ありませんか? 今回は、iPhone や Android…

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

【JavaScript】質問のボタンクリックすると、回答内容が表示・非表示する方法

サイト制作時、FAQ…

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

Safariだけ、なぜかずれるスタイルを修正する方法

サイトを制作している時、Chrome と Safari でスタイルがずれてしまうこと、ありませんか? 今回は、Safari のみスタイルを修正する方法を紹介します。 例えば、下の画像では、CSS で全く同じスタイルを指定しているのですが、『Powered by Azukipan…

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

テーブル表示のコンテンツを、スマホ画面は縦並びにする方法

サイト制作で table…

続きを読む
2021年05月18日10 分
Shopify

【Shopify】テーマをローカル環境で開発する方法

Shopify のテーマ開発は、Liquid というテンプレート言語を使用します。 Shopify…

続きを読む
2021年05月17日15 分