WEB-CODING
Webコーディング記事一覧
詳細を見る
Webコーディング
みていて楽しい、おしゃれなWebデザインギャラリーサイト3選
Web制作の仕事をしている人なら一度は閲覧したことがある「Webデザインギャラリー」ですが、どのようにして選んでおりますでしょうか。 更新頻度や機能性はもちろん、「おしゃれさ」にも注目してみませんか? 今回はセンスが光るおしゃれなWebデザインギャラリーを紹介します。 MARP Web制作会社「M-HAND」が手掛けるサイト Web制作会社の「M-HAND」が手掛けるWebデザインギャラリーです。 […]
詳細を見る
Webコーディング
【導入も簡単】WordPressでも利用できる「Zipaddr」で住所入力の手間を削減しよう!
入力フォームで郵便番号や住所を入力するのは正直面倒ですよね。 そんな面倒な住所入力を補助できるJavaScriptライブラリ「Zipaddr」について紹介いたします。 実装例 Zippaddrを使用すると以下のような挙動になります。 「郵便番号」に任意の郵便番号を入力してみましょう。 郵便番号はハイフンがあってもなくても動きます。 See the Pen Untitled by Ito Hirok […]
詳細を見る
Webコーディング
WordPressをサブディレクトリにインストールする方法とその後にすべきこと
WordPressのセキュリティ対策として多く挙げられるのが、WordPressプロジェクトをサブディレクトリに設置させる方法ですね。 今回は備忘録として、WordPressをサブディレクトリにインストールする方法とその後にすべきことを紹介いたします。 要件 今回はサーバーが用意されている前提で話を進めます。 サーバー要件(実際のものとは異なるので注意!) ドメイン https://example […]
詳細を見る
Webコーディング
Safariでサイトを開いたときにMaterial Iconsのアイコンが表示されない時の対処法
コーディングして、ブラウザで確認する際に「Safariだけアイコンが表示されない!」といった問題に直面したことはありませんか? その問題、CSSに記述を追加するだけで対応できます! 前提条件 この記事を理解するにあたって という前提がある上でお読みください。 そもそもアイコンフォントが読み込めていない方は別の問題があると考えられるので、この記事の対象外になりますのでご注意ください。 マテリアルアイ […]
詳細を見る
Webコーディング
【WordPress】カスタムフィールドこと始め。導入から出力までの5ステップを解説!
WordPress実装には欠かせない機能「カスタムフィールド」。 カスタムフィールドを利用することで、投稿の自由度が上がり、さまざまなクライアントの要望に答えることができるようになります。 今回はそんなカスタムフィールドの使い方の基礎を紹介します。 そもそもカスタムフィールドって何?という方は… そもそもカスタムフィールドとは?という方は以下のコンテンツをご覧ください。 カスタムフィールドの概要を […]
詳細を見る
Webコーディング
【WordPress】カスタムフィールドってなんのこと?今更聞けないけど知っておきたい基本のキ。
WordPressでWebサイトを作るのに欠かせない「カスタムフィールド」。 そもそもカスタムフィールドとは何か、どういった役割があるのかを解説します。 カスタムフィールドとは? カスタムフィールドとは、WordPressサイトに特定のフィールドを追加できる機能です。 WordPressの投稿のデフォルトであるフィールドは といったものになります。 基本的にはこれらだけで事足りることが多いのですが […]
詳細を見る
Webコーディング
ChatGPTをアシスタントにしてブログ記事を効率的にライティングしてみた。
最近話題のAIチャットツール「ChatGPT」。 その精度がすごいと多くの人に興奮と感動を与えています。 そこで、私が気になったのが、仕事に使えるのかということ。 今回は実際にライティングのアシスタントとしてChatGPTを使用してみました。 ChatGPTを使って書いた記事 ChatGPTを使用して書いた記事は「セッションとCookie7つの違いをざっくり解説」というもの。 「ざっくり」というこ […]
詳細を見る
Webコーディング
WordPressのカスタム投稿タイプでよくある質問(FAQ)を作ろう
Webサイト制作の仕事をしていると「よくある質問」を実装することが多々あります。 静的なコーディングでも作ることはできるものの、お客さんが更新することができないため、運用コストが上がってしまうことも…。 そこで、WordPressのカスタム投稿タイプの機能を使用することで、更新可能な「よくある質問」を作ることができます。 今回はカスタム投稿タイプでよくある質問を作る方法を紹介いたします。 この記事 […]
詳細を見る
Webコーディング
JavaScriptのDOM操作、覚え方のコツ
コーディング初学者の方が難しいと感じる “JavaScript”。 HTML/CSSはマークアップだけだったのに、急に変数やら条件分岐、繰り返しなどのロジックが入ってきて混乱することでしょう。 そんなあなたのためにJavaScriptが楽しくなるちょっとしたコツを紹介します。 そもそもDOM操作って何? JavaSciptではDOM操作という概念があります。 「DOM」とは […]
詳細を見る
Webコーディング
「ホームページってなんで高いの?」Web制作の価値提供の話
Web制作の仕事をしていてお客様と接しているとよく、「ホームページってなんでこんなに高いのですか?」と聞かれることがあります。 極論、高いと感じるならWebサイトは作る必要がないと思っています。 SNSでも頑張れば集客はできますし、こだわりがなければ無料でサイトを作るツールもたくさんあります。 そんな便利な世の中でなぜ、Webサイト制作の依頼があるのでしょうか。 そこには「目的」と「価値」が大きく […]