Tips : PAGE3
詳細を見る
Webコーディング
【WordPress】カスタムフィールドこと始め。導入から出力までの5ステップを解説！
WordPress実装には欠かせない機能「カスタムフィールド」。
カスタムフィールドを利用することで、投稿の自由度が上がり、さまざまなクライアントの要望に答えることができるようになります。
今回はそんなカスタムフィールドの使い方の基礎を紹介します。
そもそもカスタムフィールドって何？という方は…
そもそもカスタムフィールドとは？という方は以下のコンテンツをご覧ください･･･
詳細を見る
Webコーディング
【WordPress】カスタムフィールドってなんのこと？今更聞けないけど知っておきたい基本のキ。
WordPressでWebサイトを作るのに欠かせない「カスタムフィールド」。
そもそもカスタムフィールドとは何か、どういった役割があるのかを解説します。
カスタムフィールドとは？
カスタムフィールドとは、WordPressサイトに特定のフィールドを追加できる機能です。
WordPressの投稿のデフォルトであるフィールドは
ページタイトル
ページのコンテ･･･
詳細を見る
Webコーディング
ChatGPTをアシスタントにしてブログ記事を効率的にライティングしてみた。
最近話題のAIチャットツール「ChatGPT」。
その精度がすごいと多くの人に興奮と感動を与えています。
そこで、私が気になったのが、仕事に使えるのかということ。
今回は実際にライティングのアシスタントとしてChatGPTを使用してみました。
ChatGPTを使って書いた記事
ChatGPTを使用して書いた記事は「セッションとCookie7つの違いをざっくり･･･
詳細を見る
お知らせ
セッションとCookieの7つの違いをざっくり解説
Web制作や開発をしているとよく使用する「Cookie」や「セッション」。
あなたはこの違い、説明できますでしょうか？
Cookieとセッションは、Webアプリケーションにおいて、ブラウザとサーバー間で情報を保存・管理するための技術ですが、異なる点がいくつかあります。
今回はCookieとセッションの違いについて紹介します。
違い1 : 利用目的
そもそも、Cook･･･
詳細を見る
Webマーケティング
ページ診断ツールLighthouseを使ってWebサイトのページ表示速度を最適化する方法
Web制作の仕事をしていると「ページ表示速度」が離脱率に与える影響が大きいというのはご存知でしょうが、ページスピードの「最適化の方法」についてはあまり知られていない印象です。
スクールや書籍、教材には詳しく言及されず、実務で初めて身につけるという人も多いでしょう。
そこで、今回はWebサイトのページ表示速度を上げる方法を紹介いたします。
前提条件
前提として、今回はLig･･･
詳細を見る
Webデザイン
Figmaでオブジェクトを合成してキラキラアイコンを作ろう
以前、「XDでシェイプの合成を使ってキラキラアイコンを作ろう」という記事を書きましたが、AdobeがXDの単体プランの取り止めを行い、XDを全面的に押し出すことは無くなってきているため、Figmaでのキラキラアイコンの作成方法を紹介いたします。
基本的な作り方はXDと同じ
基本、以下の記事のStep1〜Step3はほとんど同じになります。
https://webitworks･･･
詳細を見る
Webデザイン
Adobe XD 「シェイプの合成」でキラキラアイコンを作ってみよう！シェイプの合成についても解説！
突然ですが、遊び心やあしらいに "キラキラアイコン"を使いたいと思ったことはありませんか？
Font AwesomeやMaterial Iconsにもあったりなかったりしますが、この"キラキラアイコン"、XDと発想の転換で自作できちゃうんです。
目標：背景色や大きさ、枠線、縦横比を変更できるアイコンを作る
今回目標とする形は画像のようなキラキラです。
背景色や大き･･･
詳細を見る
Web開発
Google カレンダー と Google Apps Script（スプレッドシート）で稼働計算表を作ろう！
フリーランスをしていると時間単価でのお仕事や、工数の管理など、仕事の時間がどれだけあったのかを計算する場面が多く出てきます。
そんな時、どうしてますでしょうか？
Google カレンダーを見てひとつひとつを計算していくスプレッドシートに稼働時間をメモして計算
こんなところでしょうか？
Google カレンダーは文字列で検索できるものの、合計時間を出せなかったり、スプレッド･･･
詳細を見る
Webコーディング
WordPressのカスタム投稿タイプでよくある質問（FAQ）を作ろう
Webサイト制作の仕事をしていると「よくある質問」を実装することが多々あります。
静的なコーディングでも作ることはできるものの、お客さんが更新することができないため、運用コストが上がってしまうことも…。
そこで、WordPressのカスタム投稿タイプの機能を使用することで、更新可能な「よくある質問」を作ることができます。
今回はカスタム投稿タイプでよくある質問を作る方法を紹介い･･･
詳細を見る
Webコーディング
JavaScriptのDOM操作、覚え方のコツ
コーディング初学者の方が難しいと感じる "JavaScript"。
HTML/CSSはマークアップだけだったのに、急に変数やら条件分岐、繰り返しなどのロジックが入ってきて混乱することでしょう。
そんなあなたのためにJavaScriptが楽しくなるちょっとしたコツを紹介します。
そもそもDOM操作って何？
JavaSciptではDOM操作という概念があります。
･･･
