/** Geminiが自動生成した概要 **/
SOY Shopユーザーからの要望を受け、管理画面に概要欄を設置するプラグインを開発しました。ユーザーは2名で、ほぼ同時期に要望がありました。管理画面左下に、簡易編集可能な概要欄を追加することで、ショップ運営に関する情報を手軽に共有できます。
以前開発したメモウィジェットではテキストリンクの自動クリックに対応できないため、今回のプラグインではリンクテキストを自動でアンカータグに変換する機能を追加しました。これにより、例えば新人研修用の資料へのリンクを概要欄に記載し、参照を促すことで教育コスト削減に繋がります。
プラグインはサイト(/soycms/soyshop/)でダウンロード可能なパッケージに含まれており、有効化することで利用可能です。UIは現状改善の余地がありますが、ご容赦ください。
/** Geminiが自動生成した概要 **/
SOY Shop 2にHTMLキャッシュプラグインが追加され、高速化が可能になった。カートウィジェットの問題は非同期通信で解決し、カート内商品数と合計金額をJSONで取得できる。ヤマトリップショップではこの機能とLazyLoadプラグイン、jpegoptimにより、ページ表示速度が3.3秒から1秒以下になり、PageSpeed InsightsのスコアもPCで90を超えた。スマホは90に届かなかったが、Gueztliによる画像最適化で改善が見込まれる。SOY Shop 2正式版は近日公開予定。
/** Geminiが自動生成した概要 **/
SOY CMS/Shopの管理画面左下にメモウィジェットが追加されました。これは、VPSサーバ運用時にphp.iniの変更(例: memory_limit)を忘れがちで、バージョンアップ後に問題が再発するのを防ぐためです。例えば、大量の商品注文で配列オーバーフローエラーが発生した場合、memory_limitを128Mから1024Mに変更するなどの対応が必要ですが、この設定を忘れやすいという問題がありました. このウィジェットにより、設定変更などをメモとして残せるようになりました。アップデート版はsaitodev.coからダウンロード可能です。
/** Geminiが自動生成した概要 **/
SeleniumとJenkins、php-webdriver、ヘッドレスChromiumでテスト自動化中に、メモウィジェットが原因でelement click interceptedエラーが発生。ヘッドレスモードで画面サイズが不足し、対象ボタンが隠れていたのが原因。ウィンドウサイズを`1024x2048`に設定することで一時的に解決したが、ページサイズに依存するこの方法は最適ではない。スクロールによる解決策も検討されたが、最終的にはCSSを修正し、メモウィジェットが他のボタンと重ならないように調整することで根本解決した。
/** Geminiが自動生成した概要 **/
Go言語でQtのQLabelを使い、「時間」と表示する例を紹介しています。QLabelは文字列を表示するウィジェットで、NewQLabel2関数で作成します。引数には表示テキスト、親ウィジェット、フラグを指定します。作成したQLabelはQBoxLayoutに追加しますが、AddWidgetメソッドを使用し、配置オプションを指定する必要があります。 サンプルコードでは、ウィンドウ、ウィジェット、ボックスレイアウトを作成し、QLabelをボックスレイアウトに追加して表示しています。 QLabelを使うことで、シンプルに文字列をGUIに表示できます。
/** Geminiが自動生成した概要 **/
Go言語でQtのQGroupBoxを使って、フォームレイアウトとグリッドレイアウトをグループ化する方法を示す。QGroupBoxは、ウィジェットをグループ化し、タイトル付きのフレームで囲む。サンプルコードでは、QFormLayoutとQGridLayoutをそれぞれQGroupBoxで囲み、それらを新たなQGridLayoutに配置することで、整理されたUIを構築している。 `widgets.NewQGroupBox2("title",nil)`でタイトル付きのグループボックスを作成し、`SetLayout`メソッドでレイアウトをセットする。このようにQGroupBoxを使うことで、複雑なレイアウトも構造化しやすくなる。
/** Geminiが自動生成した概要 **/
Go言語でQtのQGridLayoutを使い、5つのボタンを配置する例です。QGridLayoutはセルの概念に基づき、ウィジェットを配置します。AddWidget関数は、ウィジェットと配置するセルの行と列を指定します。AddWidget3関数は、さらに列と行の跨ぎ数を指定できます。"three"ボタンはAddWidget3関数を用い、第四引数に2を指定することで、2列分のセルを占有しています。各ボタンはグリッドレイアウトに従って配置され、"three"ボタンは横方向に2つのセルを結合した形で表示されます。
/** Geminiが自動生成した概要 **/
Go言語でQtのQFormLayoutを使用してラベルと入力フォームのレイアウトを作成する方法を解説。`widgets.NewQFormLayout`でレイアウトを作成し、`AddRow`メソッドでQLabel（ラベル）とQLineEdit（入力フォーム）をセットで追加できる。`AddRow3`ではラベルの文字列を直接指定可能。また、`AddWidget`でQPushButtonのような他のウィジェットも追加できる。`SetLayout`でウィジェットにレイアウトを適用し、`SetCentralWidget`でウィンドウに表示する。コード例では、名前、読書、メールアドレスの入力フォームとボタンを配置する方法を示している。
/** Geminiが自動生成した概要 **/
Qtのレイアウトは、QBoxLayout、QGridLayout、QFormLayoutの3種類が主要です。QBoxLayoutは、水平配置のQHBoxLayoutと垂直配置のQVBoxLayoutを含みます。QHBoxLayoutはウィジェットを横に、QVBoxLayoutは縦に並べます。QGridLayoutはグリッド状にウィジェットを配置し、QFormLayoutはラベルと入力フィールドのような2列配置に特化しています。それぞれ異なる配置ニーズに対応し、柔軟なUIデザインを可能にします。
/** Geminiが自動生成した概要 **/
Go言語でQtのQMainWindowを用いて、シンプルなウィンドウアプリケーションを作成する方法を解説した記事です。Qtのメインウィンドウ構造を図解し、赤枠部分に相当する基本的なフレームワークを作成するコード例を提示しています。 `widgets.NewQMainWindow`でメインウィンドウを生成し、サイズやタイトルを設定、`widgets.NewQWidget`で空のウィジェットを作成して中央に配置しています。Go言語でのQt開発環境構築に関する記事へのリンクも含まれています。最終的に"Hello Ryoko"というタイトルの400x300ピクセルのウィンドウが表示されます。
/** Geminiが自動生成した概要 **/
WordPressウィジェット作成の続きで、設定画面を追加する方法を解説。前回作成したウィジェットにフォームを追加し、入力値を`$instance`に格納、`update`メソッドで保存、`widget`メソッドで表示する処理を実装。フォームの追加は`form`メソッド内でHTMLを記述、`update`メソッドでは入力値のサニタイズを行い、`widget`メソッドで`$instance`から値を取得し表示。管理画面と公開側で動作確認を行い、意図通り表示されることを確認し、簡易的なウィジェット作成が完了した。
/** Geminiが自動生成した概要 **/
WordPressプラグインのPHP記述を簡略化するため、ウィジェットを作成する方法を紹介。ウィジェットとは、プラグイン的な機能をサイドバーなどに挿入できる機能。HogeWorldウィジェットを作成し、hoge_world_widget.phpにWP_Widgetクラスを継承したコードを記述。プラグインを有効化し、ウィジェットをサイドバーに挿入することで"hoge world!!"と表示されることを確認。設定画面の追加については次回へ続く。
/** Geminiが自動生成した概要 **/
SOY ShopでGoogle+の投稿を表示するウィジェットを作成する方法を紹介しています。Google+は投稿表示ウィジェットを公式に提供していないため、自作する必要があります。
SOY Shopのパーツモジュール機能を利用し、PHPで記述することで実現しました。`http://rss2lj.net/g+/{Google+ID}` からGoogle+の投稿をXML形式で取得し、PHPの`simplexml_load_file()`関数で解析、整形して表示します。具体的には、日付とタイトル、リンクを取得し、リスト形式で5件まで表示する処理を実装しています。