コラム slickスライダー(自動再生・ページネーションあり・矢印なし・PC3列・スマホ1列) この記事では、swiperスライダーに代わるslickスライダーの実装方法を紹介しています。自動再生機能、ページネーション付きで、PCでは3列、スマホでは1列で表示されるデザインを特徴としています。 続きを読む
コラム コピペで簡単実装!最も基本的なslickスライダーの実装方法! 効率的なウェブスライダーの実装を目指すコーダーのためのガイド。slick.jsを用いたシンプルなコピペ手法で、コーディング時間を短縮し、プロジェクトの生産性を向上させるコードサンプルと統合手順を紹介します。 続きを読む
コラム formタグとinputタグが親要素からはみ出してしまう?原因と解決策を紹介! ウェブデザインの一般的な問題である タグと要素の親要素からのはみ出しに焦点を当て、その原因と解決策を紹介。 続きを読む
コラム 生成AIってすごい!25種類のデザインのサムネイル画像を生成して比較してみた。 生成AIを活用し、25種類のデザインスタイルのサムネイル画像を生成しました。フラット、ミニマリスト、ネオモーフィズムなど、様々なデザインがどのようにAIによって表現されるのかを比較しています。 続きを読む
コラム WordPressサイトコーディングで頻出!カスタム投稿タイプの作成ガイド! WordPressサイトコーディングで頻出のカスタム投稿タイプの作成ガイドです。本記事で紹介しているソースコードをfunctions.phpに追加することでカスタム投稿タイプをご自身のWordPressに追加することができます。 続きを読む
コラム ヘッダーメニューなどでよく見るドロップダウンメニューを実装!ソースコードあり! ドロップダウンメニューのソースコードを紹介しています。この記事を参考にすれば、自身のWebサイトにドロップダウンメニューを追加したり、自身のオリジナルのドロップダウンメニューを作るヒントになります。 続きを読む
コラム makeshopでループを使用して特定の商品カテゴリーのみを表示させる方法。ソースコードあり! 本記事は、Makeshopを使用してウェブサイトに特定の商品カテゴリーを表示する方法について詳しく解説しました。この記事の目的は、公式ガイドでは「できない」とされている特定カテゴリーの表示を、実際には「できる」と示している有用な記事です。 続きを読む
コラム Pythonでオブジェクト指向のクラスを理解しよう!初心者向けに学ぶ基本的なクラスの作成と利用 本記事では、Pythonにおけるクラスの基本的な概念と使い方をわかりやすく解説しています。クラスとインスタンスの定義、属性とメソッドの作成、クラスのインスタンス化、メソッドの呼び出し、インスタンス変数の表示について学ぶことができます。初心者でも理解しやすいように具体例を用いて説明しています。 続きを読む