アップデート – コンテンツ ハワイ https://contentshawaii.com ハワイでホームページ制作、SEO、デザイン Tue, 19 Sep 2023 00:09:22 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 https://contentshawaii.com/2022/wp-content/uploads/2021/11/image-1-100x100.png アップデート – コンテンツ ハワイ https://contentshawaii.com 32 32 画像生成AIのビジネスでの使い所 https://contentshawaii.com/%e7%94%bb%e5%83%8f%e7%94%9f%e6%88%90ai%e3%81%ae%e3%83%93%e3%82%b8%e3%83%8d%e3%82%b9%e4%bd%bf%e3%81%84%e6%89%80/ Tue, 19 Sep 2023 00:07:26 +0000 https://contentshawaii.com/?p=3783 1. アートとクリエイティブ制作: – 画像生成AIを使用して、美術作品、イラスト、デザイン、アニメーションなどのクリエイティブなコンテンツを生成することができます。これにより、新しいアートスタイルやデザインアイデアを探求できます。

2. デザイン支援:

– ウェブデザイン、ロゴデザイン、広告キャンペーンの素材作成など、デザイナーがデザインプロセスを効率的にサポートするために使用できます。

3. 教育:

– 教育分野での使用も考えられます。AIを使用して教材のグラフィックスを生成し、視覚的な教育資料を制作できます。 これらは、画像生成AIの使用例の一部です。技術は進化し続けており、新しいアプリケーションや用途が常に現れています。AIの能力を最大限に活用して、多くの分野でクリエイティビティや効率性を向上させることができます。 ]]> ChatGPTに使い方を聞いてみた https://contentshawaii.com/chatgpt%e3%81%ab%e4%bd%bf%e3%81%84%e6%96%b9%e3%82%92%e8%81%9e%e3%81%84%e3%81%a6%e3%81%bf%e3%81%9f/ Mon, 11 Sep 2023 00:48:02 +0000 https://contentshawaii.com/?p=3775 1. **要件の明示** 質問で求める情報や答えの種類を明確にしてください。 – 例えば、歴史的なイベントに関する質問をする際、詳細なナラティブ、タイムライン、原因、または結果など、どのような情報を求めているのかを指定することができます。

2. **文脈の追加**

質問が特定の分野、トピック、または時期を指している場合、この文脈を提供すると、より正確な答えを得ることができます。 – 例：「18世紀のフランスの社会経済的要因がフランス革命にどのように寄与したか説明してください。」

3. **キーワードの定義**

質問に異なる方法で理解される可能性のある用語が含まれている場合、意味を定義することで誤解を防ぐことができます。 – 例：「”持続可能な開発”とは、現在のニーズを満たすことなく、将来の世代が自身のニーズを満たす能力を損なうことなく発展することを意味します。これを促進する政策を提案できますか？」

4. **前提知識の提供**

前の回答で言及したように、前提知識を明示することで、答えの複雑さのレベルを指導することができます。

5. **質問の目的の明示**

質問の目的を明示することで、ニーズに合わせた回答を得ることができます。 – 例：「ギリシャ哲学が現代科学に与えた影響に関する研究論文を書いています。このトピックに関する情報を提供できますか？」

6. **特定のフォーマットのリクエスト**

答えを特定のフォーマット（要約、箇条書き、詳細な説明など）で求める場合、これを明示すると便利です。 – 例：「第一次世界大戦に至る主なイベントの箇条書きリストを提供してもらえますか？」 **改善前**：「第一次世界大戦について教えてください。」 **改善後**：「1910年から1914年にかけての期間に焦点を当て、第一次世界大戦の勃発に至る主要なイベント、重要人物、社会政治的状況の詳細な概観を提供してもらえますか？」 目指すべきは、モデルがあなたが何を探しているか正確に理解し、あなたのニーズに応える回答を提供できるように質問を構成することです。]]> 縦書きテスト https://contentshawaii.com/%e7%b8%a6%e6%9b%b8%e3%81%8d%e3%83%86%e3%82%b9%e3%83%88/ Wed, 22 Mar 2023 02:44:54 +0000 https://contentshawaii.com/?p=3610 三海の旬の海の幸！ 有明海・橘湾・大村湾の三海でとれた新鮮な魚介類を登利亭の職人の技で一番おいしい状態でご提供。どれも一切の妥協を許さず、こだわりが詰まった逸品です。

三海の旬の 海の幸！

有明海・橘湾・大村湾の三海でとれた新鮮な魚介類を登利亭の職人の技で一番おいしい状態でご提供。どれも一切の妥協を許さず、こだわりが詰まった逸品です。

css

-ms-writing-mode: tb-rl; writing-mode: vertical-rl; height: 30em;]]> PageSpeed Insightsがリニューアル https://contentshawaii.com/pagespeed-insights-renewal/ Thu, 18 Nov 2021 00:13:05 +0000 https://contentshawaii.com/?p=2937 テーブル https://contentshawaii.com/table/ Sun, 05 Sep 2021 22:19:50 +0000 http://contentshawaii.com/2022/table/ 2021年度版、テーブルプラグインの比較

Data Tables Generator by Supsystic

[supsystic-tables id=1]
  • セルの結合
  • 通貨フォーマット　一つだけ
  • 計算式　エクセルに近い
  • レスポンシブ可能だが、列を丸ごと縦に並べるイメージ

wpDataTables – Tables & Table Charts

  • セルの結合
  • 通貨フォーマット　ない
  • 計算式　有料版
[embedyt] https://www.youtube.com/embed?listType=playlist&list=UUJTU_EMWL1s5IXGwpsn3Xpw&layout=gallery[/embedyt]]]> HomePress と My Home https://contentshawaii.com/homepress/ Wed, 21 Apr 2021 20:40:00 +0000 http://contentshawaii.com/2022/homepress/ MyHomeについて

デモの印象

開発者によると思いますが、どちらかというと男性的な印象です。 角丸の画像やボタンが多く、アイコンは直線的、フォントも力強いものが使われています。

ビジュアルエディター Elementor

ディフォルトのビジュアルエディターはElementorです。 Bootstrapをベースに開発された様で、そこここに名残が伺えます。 無料版のElementorなので、機能的には非常に限られており、凝った画面作りをするためには、一手間かかります。 ただ、直感的な操作、コンテクストメニューなど使い勝手はいいです。  

プラグインは多め

HomePressに比べて多めです。フォームがContact Form 7がディフォルトですね。 AMP, GDPRのプラグインがインストールされるのはいいかもしれません。
  1. Contact Form 7
  2. Elementor
  3. Header Footer Elementor
  4. HomePress configurations
  5. HomePress Elementor
  6. uListing
  7. uListing Compare
  8. uListing Wishlist
  9. AMP
  10. Breadcrumb NavXT
  11. GDPR Compliance & Cookie Consent
  12. MailChimp for WordPress Lite

動作は大きな問題はなし。

MLSのデータ読み込みは特に問題なし。 ストレスなく動作し、物件を表示すすことが可能です。

HomePressについて

デモの印象

MyHomeに比べると、柔らかい印象です。 画像やボタンの角丸が多用されています。アイコンは曲線の多い線画で、今時感を醸し出しています。  

ビジュアルエディターはWPBakery

ディフォルトのビジュアルエディターはWPBakeryです。 WPbakeryは、前身をVisualComposer といいます。 ショートコードでブロックを記述するイメージです。 WPBarkryのビジュアルエディタは、かなりセンシティブで、ドラッグアンドドロップする際などは、入れたい場所の前後にカーソルがびゅんびゅん移動してしまうのが使いにくいですね。 装飾などパラメーターの指定も直感的ではありません。 背景画像の表示なども少しクセがあります。  

プラグイン

スライダーレボリューションが重めですね。
  1. MyHome Core
  2. Easy Social Share Buttons for WordPress
  3. WPBakery Page Builder
  4. Slider Revolution
  5. MyHome IDX Broker
  6. MyHome Demo Importer
  7. Advanced Custom Fields PRO
  8. Ultimate Addons for WPBakery Page Builder
  9. Mega Main Menu
  10. Redux Frameworks

テーマのエラー

2021年4月現在、フレッシュインストールしたテーマでエラーが発生しています。 テーマに付属したJavAScriptがフォームの項目に勝手に幅を設定してしまいます。 このJavaScript、主に見た目を制御しているので、ロードしなければ問題にはなりません。   ]]> WPFormsとContact Form 7 https://contentshawaii.com/wpforms%e3%81%a8contact-form-7/ Wed, 10 Mar 2021 22:27:54 +0000 http://contentshawaii.com/2022/wpforms%e3%81%a8contact-form-7/ Google Pagespeed Insightの設定を進める上で、お問い合わせフォームプラグインをContact Form 7からWPForms Liteに乗り換えました。 どちらも無料バージョンです。 結論から言うと、スピードを重要視するなら、WPForms、無料で凝ったフォームを作りたいならContact Form 7ですね。

WPForms Lite

WPForms Lite（無料版）は、軽いです。それでいて、基本的な機能は提供されています。 reCaptchaにも対応しています。 ただ、無料版（Lite）だと、設定できるフィールドに結構制限があります。 凝ったフォームを作るためには、Pro版(年間79~)にアップグレードする必要がある様です。 あと、フォームから送信されたメールが、漏れなく迷惑メールフォルダーに入るということが起こりました。 これは、WP Mail SMTPというSMTP送信プラグインを入れることにより解決しました。 以前から、Wordpressのメール送信については気になっていたので、これはこれで満足しています。

Contact Form 7

Contact Form 7は、基本無料で利用できます。 かなり複雑なフォームを作るのも可能で、重宝しています。 ただ、重いのが欠点ではありました。 クライアントのニーズにもよりますが、コストをかけずに複雑なフォームを作成することになると、今後もContact Form 7を使い続けることになると思います。 ]]> Google PageSpeed Insights https://contentshawaii.com/google-pagespeed-insights/ Mon, 08 Mar 2021 00:34:56 +0000 http://contentshawaii.com/2022/google-pagespeed-insights/ 作業前
Google PageSpeed Insights Score 79 Google PageSpeed Insights Score 30
デスクトップ 79、モバイル 30　でした。 モバイルが低い。

いくつかのプラグインを差し替え

Google PageSpeed Insights Score 84Google PageSpeed Insights Score 34
デスクトップ 79 → 84、モバイル 30→ 34に若干の改善

停止したもの

  • Async Javascript
  • Autoptimize

追加したもの

  • a3 Lazy Load
  • Compress JPEG & PNG images
  • WP Fastest Cache
 

Contact Form 7をWP Formsへ

Google PageSpeed Insights Score 91Google PageSpeed Insights Score 65
デスクトップ 84 → 91、モバイル 34→ 65に改善 時間も半分以下に。 Contact Form 7って結構重いんですね。 WPFormsは、業態によっては有料プランでないと対応できないところもあると思われるので、ニーズに応じて使い所を考える必要がありますね。

停止したもの

  • Contact Form 7
  • Contact Form 7 Multilingual

追加したもの

  • WPForms Lite
  • WPForms Multilingual

Yoast SEOをRank Math SEOに

Google PageSpeed Insights Score 95Google PageSpeed Insights Score 70
デスクトップ 91 → 95、モバイル 65→ 70に改善 Contact Form 7 ほどではないが、こちらも改善

停止したもの

  • Yoast SEO

追加したもの

  • Rank Math SEO
ここまでで、デスクトップ 79 → 95、モバイル 30→ 70に改善
これ以上は、個別の要素を攻めていくことになります。テーマも変更かな？
第2弾でレポートしますね。
]]> メニューの背景画像とタブによるナビゲーション https://contentshawaii.com/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%81%a8%e3%82%bf%e3%83%96%e3%81%ab%e3%82%88%e3%82%8b%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/ Sun, 13 Dec 2020 23:00:32 +0000 http://contentshawaii.com/2022/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%81%a8%e3%82%bf%e3%83%96%e3%81%ab%e3%82%88%e3%82%8b%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/

クライアントからのリクエストで、ナビゲーション メニューの装飾を行いました。

  • 第2層のサブカテゴリーに背景画像を置くナビゲーション 
  • 第2層のサブカテゴリーをタブで分けるナビゲーション 

いやー、配置するだけでも、結構大変なのですが、レスポンシブにもする必要があるとなると、イチから自分でコーディングするのは、避けたいですね。

そういうわけで、リサーチし、今回はMega Menuを選択しました。

Max Mega Menu

https://www.megamenu.com

1サイトあたり年間$29で使えます。
インストール後、メニューのメイン第1階層カテゴリー にmegamenuを指定すると、下位のサブカテゴリーをグリッドレイアウトにしたり、タブレイアウトにしたりできます。

 

第2層のサブカテゴリーに背景画像を置くナビゲーション 

第2層をグリッドレイアウトに指定し、各第2層のサブカテゴリにクラスを設定しました。
さらに、CSSでサブカテゴリのクラスごとに異なる背景画像を指定、背景画像が表示される範囲の高さを指定して構成しました。

第2層のサブカテゴリーをタブで分けるナビゲーション 

第2層をタブレイアウトに指定し、鯛3層をグリッドレイアウトに指定、第3双のサブカテゴリにはクラスを設定しました。
上記と同じく、サブカテゴリのクラスごとに異なる画像と高さをCSSで設定しました。
3つのタブと、タブごとに3枚の画像を持つナビゲーション となりました。

ひとつのナビゲーション で異なるレイアウトのナビゲーション 

作ってみた感想ですが、ユーザーのことを考えると、ナビゲーション は一つの方が望ましいですね。
軽く作って表示スピードも考えると、通常の文字だけの（＋若干のアイコン程度の）ナビゲーション の方が適切です。
メニュー項目に背景画像を置くことに意味があるのかは、正直疑問です。

]]> 予約カレンダー https://contentshawaii.com/appointment-calendar/ Sun, 13 Dec 2020 00:08:56 +0000 http://contentshawaii.com/2022/appointment-calendar/ クライアントからのリクエストで予約カレンダーを導入しました。

リクエスト内容

  • あらかじめ設定した1日あたり6つのスロットで予約を取れる様にしたい。
  • Google Calendarに接続できる。
  • 英語と日本語に対応している。
  • 決済機能は必要ない。
とのことでした。

無料のプラグインを試す

評判のいいプラグインは一通り試しました。 しかしながら、無料のプラグインで、タイムスロットの予約ができるものが見つかりませんでした。 皆、有料プラグインにアップグレードしないと、タイムっスロット予約ができる様にはなりませんでした。 無料の機能に加え、有料で追加される機能を比較見当したの結果、今回はWP Ameliaをチョイスしました。

WP Amelia

https://wpamelia.com WP Ameliaは高機能な予約プラグインです。 1ドメインのみの場合、年間$59~で運用できます。 タイムスロットの予約に対応しており、 Google カレンダーとも接続でき、 日本語にも対応しており、 ドキュメントがしっかりしていたので、 採用することにしました。

基本設定は1箇所で

Ameliaは管理画面の設定欄が1ページにまとめられているのが特徴的でした。 各項目を順番に設定していくと、設定が完了する仕様です。 各項目もわかりやすく、ほとんど迷うことはありませんでした。

組み込みはショートコードで

設定後はショートコードを、カレンダーを設置したいところに配置するだけです。 カレンダーをクリックすると、予約のモーダルウィンドウが開き、その中で、氏名、連絡先を入れて予約します。 支払いもこのモーダルウィンドウ内で行われる仕様です。 ちなみに支払い方法は Paypalや Stripeなどのオンライン決済に対応しています。

日本語対応

ディフォルト状態で管理画面は、ほぼほぼ日本語で表示されていました。 カレンダーの表示部分は日本語での表示がされていませんでしたが、WPMLで足りない部分の日本語化を行いました。 今回は使いませんでしたが、決済機能も使えるので、サロン予約などでも使えると思います。 ]]>