プログラミング– category –
-
【初心者がつまずきやすい！】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が... -
JavaScript (JS) とは？初心者向け完全ガイド
ウェブ開発の世界では、JavaScript（通称JS）は欠かせない存在です。動的なウェブページを作成し、インタラクティブ（双方向）な要素を追加するのに重要な役割を果たすプログラミング言語です。 この記事では、主にワードプレスで300件近い制作実績があり... -
HTMLってどんな言語？初心者向けにシンプル解説
WEBサイトを作成する際に避けては通れない言葉の一つが「HTML」。ごく簡潔に言えば、「WEBサイトの骨組みを作るための言葉のルール」です。 この記事では、主にワードプレスで300件近い制作実績があり、日本最大級のクラウドソーシングサービス「ココナラ... -
CSSとは？基本的な概念と役割の解説
CSS（Cascading Style Sheets）はWEBサイトのスタイル、レイアウト、デザインを定義するための言語であり、HTML（HyperText Markup Language）と組み合わせて美しく整ったウェブコンテンツを作成するためのツールです。 しかし、あくまで手段であって、目... -
「レンダリングを妨げるリソースの除外」とは？簡潔に解説！
サイト分析のためのGoogleサービス「PageSpeed Insights」でページスピードを計測すると、下記のような「レンダリングを妨げるリソースの除外」という言葉が出てきて、「？？？」となる方は多いのではないでしょうか。 「レンダリングを妨げるリソースの除... -
ワードプレスでJavaScriptの読み込みを遅くする方法
近年、ウェブサイトのパフォーマンスは重要なランキング要因となり、ユーザーエクスペリエンスとSEOに大きな影響を与える要素となっています。特に、JavaScriptファイルの読み込みはページのロード速度に大きく影響するため、効果的な遅延読み込み手法をワ... -
初心者向け「Elementer（エレメンター）」の基礎的な使い方
Elementerはワードプレスの高機能プラグインのひとつです。コード不要で直感的にWEBサイトを構築できるので、初心者の方はもちろん、コードの記述を極力、避けたいデザイナーや作業効率を高めたい制作者にとって手放しがたいワードプレスエディターです。 ... -
サーバー、ドメイン、ホームページの関係とワードプレスの導入
サーバーとドメイン、ホームページの関係性について、よくご質問を受けますので解説しながら、ワードプレスの導入までまとめていきます。 【サーバー、ドメイン、ホームページの関係とは？たとえるなら…】 下記の図をご覧ください。 サーバー、ドメイン、... -
Youtube動画終了後の関連動画を非表示にする方法
自社サイトにYoutubeを埋め込むと、動画終了後に関連サイトが表示されるようになっています。 たとえば、リフォームがどれだけ低コストで長期的にはメリットがあるのか、長く使えるか、持続可能性があるかを解説した動画が終わったあとで「リフォームのデ... -
ワードプレスサイトにGoogleの口コミを埋め込む方法
Googleマップで表示される口コミをワードプレスサイトに埋め込む方法を、ご紹介します。 店舗型ビジネスの場合は特に、SEO対策と並んで重要視されるようになったMEO対策。 MEO対策と並行して、お考えになると良いですね。 【ワードプレス（Wordpress）サイ... -
ワードプレスサイトにインスタグラム（Instagram）を埋め込む方法
インスタグラムは、SNSの中でも視覚で訴求する分野に適しています。 画像や動画を通してコミュニケーションのきっかけにするソーシャルネットワークなので、当然といえば当然ですが、目的と手法を戦略的に活用することでその強みを最大限活かすことができ... -
WordPressを＜hCaptcha＞でセキュリティ強化する
ある日突然、大量のスパムメールが送られてきた経験はありませんか？デジタル世界は日進月歩ですが、迷惑メールなど悪質な仕組みもまた、超スピードで真価しています。 たとえば、WordPress（ワードプレス）の定番問い合わせフォーム『Contact form 7』を... -
【必須】ドメインをSSL設定してサイト保護する重要性について
ドメインを取得する際、SSL設定について、疑問を持たれる方が多いと思います。 SSLとは何なのか？ どうやって取得するのかなど、簡単にまとめます。 【SSLとは】 SSL（Secure Sockets Layer）とは、Webサイトとそのサイトを閲覧しているユーザとのやり取り... -
ワードプレスでサイト決済機能を追加するシンプルな方法
ワードプレス（Wordpress）で決済機能を追加する方法として、以前、STORES（ストアーズ）を利用した設置の仕方をご紹介しました。 https://zoroya.co.jp/add-payment-function-2/ STORESを利用した決済は、シンプルで分かりやすく、コストも最小限に抑えら...
12