プログラミング– category –
-
右から左にスクロールする画像ギャラリーをHTML＋CSSだけで作る方法
「なんとなく流行りの右から左に自動で流れる画像ギャラリーを作りたい…」 そんな声をいただくことが、ポツポツあります。そこで今回は、プラグインを使わず、HTMLとCSSだけで実現できる画像ギャラリーの作り方をご紹介します。 特別なライブラリも一切不... -
DALL-Eで、複数のAI画像を一括生成するプログラムの作り方
一気に、いろいろな画像を作れないかな…と考えたことのある人は少なくないでしょう。たとえば、歩いている人と、春の山々の風景と、河原の桜並木と、笑っている女性、それから走るゴールデンレトリバー、これら５枚の画像を一度に作ろうと思えば、いちいち... -
ホームページの画像や文章コンテンツをダウンロード・コピペから守る方法
ホームページに掲載したオリジナル画像やコンテンツをダウンロード・コピペさせないようにしたい、と思うことはありませんか？ 僕はココナラでWEB制作ランキング1位を100回以上獲得し、300件以上の制作実績を持つWebクリエイターですが、クライアント様か... -
使用していない JavaScript と CSS の最適化方法
サイトの表示速度が遅い原因のひとつに、不要な"Java Script"や"CSS"の記述がたまっているケースがあります。「画像は軽量化しているのにおかしいな…」と思ったら、それが原因かもしれません。だったら、今すぐ最適化しましょう。サイトの速度が上がれば、... -
【スパム対策】ワードプレスサイトで迷惑メールを防止する方法
ワードプレスでホームページを開設後、突然、海外からの謎の問い合わせメールが急増することがあります。 それはある意味、ホームページのアクセスが増えてきた証拠なのですが、非常に迷惑ですよね。何より、重要なメールが埋もれてしまっては大変。長く放... -
【2025年版】エックスサーバーの二段階認証を無効にする方法
2024年4月22日以降、エックスサーバーのセキュリティが強化されました。その影響で、ログインする度に認証コードを求められる「二段階認証」（不審なログイン時の認証）がデフォルトで設定されるようになっています。つまり、エックスサーバーのアカウント... -
ワードプレスのサイト表示速度高速化プラグイン「Litespeed Cache」の設定について
スマホでの閲覧数が業界によって差はあるものの、平均して70-80％となっている昨今、Webサイトの読み込み速度の影響はますます強くなってきました。表示速度が遅ければ、顧客の満足度が下がるだけでなく、SEOにも悪影響を及ぼします。 サイト表示速度の最... -
ワードプレスの高速化プラグイン「Autoptimize」vs「LiteSpeed Cache」
ホームページの表示速度がサイトアクセスやユーザー体験に与える影響は計り知れません。Googleは表示速度は早ければ早いほど良いと発表しています。代表的な検索エンジンがこれを重視する今、ページ速度の最適化は欠かせません。 しかし、その解決策は数多... -
【初心者向け】ワードプレスでチャットボットを実装する全手順
最近はやりのチャットボットを自社サイトにも実装したい、とお考えの方へ。ワードプレスで制作したホームページなら、すぐに実装が可能です。 見込客とのコミュニケーションを円滑にしたり、人手不足で問い合わせに迅速に対応できない課題を解決出来たり。... -
コピペでOK！ワードプレスにスプラッシュスクリーンを追加する方法
スプラッシュスクリーン、あるいはスプラッシュページは、ホームページのファーストインパクトを印象付けるのに効果的な手法です。たとえば、こんな感じ。 ブランディング的な価値の向上も期待できますし、強いメッセージがあれば「見ない壁」を一瞬で突破... -
ワードプレスでYouTubeを埋め込むとはみ出る問題をCSSで簡単解決
ワードプレスでYouTubeを埋め込むとスマホで見た時に画面からはみ出してしまう...。 これって、結構困りますよね。スマホユーザーは業界によっては９割、平均的には７～８割といわれるので、「スマホでYoutubeがはみ出る問題」は見過ごせません。Googleが... -
プログラミング言語「Python」とは？できることと学習方法
「Pythonって聞くけど、一体何？どうやって学べばいいの？」と思っているあなたへ。プログラミングの世界は広く、どこから手をつけていいか迷うものですよね。 僕はWEB制作会社を経営しています。WEB制作実績は300件以上にのぼり、ココナラWEB制作ランキン... -
副業で成功するプログラミング言語の選び方と活用ガイド
こんな悩みはありませんか？ 「プログラミング言語を学びたいけれど、どの言語が自分に合っているか、どの言語を学べば副業で収入を上げられるかわからない……」 そんな風に考えているあなたの悩み、僕が解決します。 僕は300件以上のWEB制作プロジェクトを... -
【初心者がつまずきやすい！】PHP言語学習ランキング、ベスト5
PHP言語って、難しいですよね。 僕も学び始めたころは、わけがわかりませんでした。CMS（ホームページ制作ツール）で世界トップのシェアを誇るワードプレス（WordPress）は、このPHPで開発されています。なので、WEB制作者としては避けて通れない言語なの... -
CSSフレームワークの利点とは？人気のフレームワーク比較と選び方
CSSフレームワークは、WEBデザインと開発の世界で非常に重要なツールの1つです。WEBサイトやアプリケーションのスタイリングにおいて、効率的で一貫性のあるデザインを実現するのに役立つ、事実上のガイドラインとも言えるでしょう。 この記事では、これま... -
CSSアニメーション：トランジションとキーフレームアニメーションの作成手法
ウェブサイトやアプリケーションを魅力的にし、ユーザーエクスペリエンスを向上させるために、CSSアニメーションは強力なツールです。この記事では、プログラミング初心者向けにCSSアニメーションの基本からトランジションとキーフレームアニメーションの... -
レスポンシブデザインとCSS：異なるデバイスに適したスタイルの適用方法
WEBデザインの世界では、パソコンでの見栄えだけでなく、異なるデバイス（特にスマートフォン）での見え方が極めて重要です。それは、平均的にサイトに訪れる80%のユーザーがスマホだと言われるようになったからです。 スマホだけでなく、タブレットやノー... -
初心者向けCSSガイド：基本から学ぶステップバイステップ（後編）
CSS（Cascading Style Sheets）は、WEBデザインの重要な要素であり、WEBサイトを美しく、使いやすくするのに不可欠な言語。初心者向けCSSガイド（前編）では、WEBデザインとCSSの基本について学び、WEBサイトのスタイリングに必要な知識を習得しました。 ... -
初心者向けCSSガイド：基本から学ぶステップバイステップ（前編）
CSS（Cascading Style Sheets）は、WEBデザインの重要な要素であり、WEBサイトを美しく、使いやすくするのに不可欠な言語。 この記事では、初心者の方に向けて、CSSの基本から学び始めるためのステップバイステップを解説しました。ボリュームが膨大になる... -
PHP とは？動的ウェブページの作成に欠かせないツール
「PHPって何？」と聞いたことがあるかもしれませんが、心配はいりません！ PHP（Hypertext Preprocessor）は、WEB開発の世界で使われる重要なツールです。その役割や使い方について、初心者の方でもわかりやすく解説しますね。 PHPとは？ まず、PHPが何か...
