植物のミカタ

表題の通り、SOY Shopのマイページログイン用パスワード自動生成プラグインで管理者が管理画面で追加した顧客(アカウント)に対しても自動でパスワードを生成する設定を設けました。SOY Shopでマイページログイン用パスワード自動生成プラグインを作成しました管理画面で新規で顧客(アカウント)を追加すると、自動でパスワードが設定された後、追加したアカウントのメールアドレス宛にログイン方法の通知メールも自動で送信する事も設定可能です。今回対応分を含んだパッケージは下記のサイトから...

SOY CMSやSOY Shopのクッキーやセッションで、SameSiteの値を標準のLaxではなく、Strictにしたり、SameSite=None;Secure=true;にする時の方法を整理する。SameSite cookies - HTTP | MDNSameSiteの設定を変更する必要性に関しては、ラムダノートからから出版されている米内貴志著 Webブラウザセキュリティ - Webアプリケーションの安全性を支える仕組みを整理するがオススメ。SOY C...

SOY CMSでカスタムフィールドアドバンスド イメージフィールドコピープラグインを作成しました。このプラグイン名では一体何がしたいのか？が分からないので、開発の背景から説明します。カスタムフィールドアドバンスドで項目種別を画像にして、高度な設定の属性の追加で「alt」を追加したとします。例えば、記事の投稿の際にcms:id="img"の項目に「/site/example.jpg」と入力して、altに「hoge」と入力して投稿した場合、公開側ではimg...

ラベルのand検索　記事タイトルをお問い合わせの題名へ - SOY CMSの掲示板に投稿されている内容でSOY CMSのブログページの記事毎ページで、※このキャプチャはSOY CMSに同梱されているbootstrap4テンプレートを用いて作成していますSOY CMSでBootstrap4で作成したブログページ用のページ雛形を追加しましたSOY Inquiryで作成したお問い合わせフォームへのリンクを設置し、クリックしたらフォームに記事名を載せたいと...

SOY CMSの記事のCSVインポート・エクスポートでも、SOY Shopの商品のCSVインポート・エクスポート同様カスタムフィールドやプラグイン用の拡張ポイントが欲しいという要望がありました。SOY CMSで記事のCSVエクスポート・インポートを作成しましたそこで上のキャプチャのように記事のCSVインポート・エクスポートの画面で、記事の項目の他にプラグインの項目も追加しました。現在対応しているプラグインはカスタムフィールドアドバンスドとカスタムサーチフィールドになります...

Ace - The High Performance Code Editor for the Web表題の通り、SOY CMSとSOY ShopにJavaScript製のコードエディタのAceを設置しました。Aceの設置箇所は下記になります。・SOY CMSのテンプレート編集画面・SOY CMSのHTMLモジュールの編集画面・SOY CMSのPHPモジュールの編集画面・SOY Shopのテンプレート編集画面・SOY ShopのHTMLモジュールの編集画面 ...

当サイトではSOY Inquiryでお問い合わせフォームを設置しているが、ある日突然、お問い合わせがあっても手元に通知メールが届かなくなった。動作確認をしてみると、ユーザ向けメールは届くのに、管理者向けの通知メールが時々届かない。SOY Inquiryで悪質なお問い合わせをブロックする機能を追加しましたやSOY Inquiryで同一IPアドレスからの連続した問い合わせをブロックするで追加している機能が悪さをしているのかな？と思って調べてみても、処理自体は正常に動いている。とり...

技術書出版と販売のラムダノートから米内貴志著 Webブラウザセキュリティ - Webアプリケーションの安全性を支える仕組みを整理するが出版されていたので、Webブラウザ自身のセキュリティ対策の事はほとんど触れた事がなかったので良い機会と思い購入して読んでみた。この本を読んでみて、目から鱗だったのが、クロスサイトリクエストフォージェリを回避する方法を探るの記事で触れたCSRF攻撃をブラウザの機能の活用でも回避を強化出来ることで、cookieを利用をプロトコルレベルで制限出来る事を知った。 ...

OpenStreetMap + Leafletで二つのマーカーを設置するまでの記事で、OpenStreetMap + Leafletで複数マーカーを設置する地図を出力できたので、SOY CMSのブログで地図アプリを作ろう１の記事から始まるSOY CMSでGoogle Mapsの出力をOpenStreetMapでリプレイスしてみることにする。はじめにSOY CMSの記事で緯度経度情報を持てるように、カスタムフィールドアドバンスドかカスタムサーチフィールドで緯度経度のフィール...

表題の通り、SOY Shopで簡易ショッピングモール運営プラグインを作成しました。今までSOY Shopでショッピングモールを運営したいという要望は数多くありましたが、各出店者毎にショップサイトを設けると、顧客のポイントの共通化ができないという問題に陥り、ショッピングモールの実現はできないままでした。今回は発想を変え、一つのショップサイトに対して、出店者という形で管理権限のアカウントを追加し、出店者は商品を登録できるが、他の出店者の登録した商品を見ることができない。 ...

要望で公開しているサイトのとあるページで、ある期間になったらURLそのままで別のページを表示させたいという事がありました。例えば、https://example.comというサイトがあって、来週から一週間はトップページをキャンペーン用のデザインにする。そこで下記のようなページ切り替えプラグインを開発しました。プラグインの詳細画面で、何月何日からいつまで、任意のページを他の任意のページにするか？の設定をすると、公開側で指定の日時になるとURIそのままで指定した別...

昨年末から、SOY Shopでキャプチャのような掲示板アプリを簡単に設置出来るプラグインを開発している。SOY Shopの顧客とマイページの機能を活用して、自由に投稿出来るWebアプリを手軽に設置出来る。何故このような古くからある掲示板アプリを今頃になって作っているのか？最近の情勢から特に中小企業でWebの活用が高まる中、古くからある掲示板アプリが真価を発揮するような気がしている。元々SOY CMSにはSOY BoardというSOY Appがあるが、改...

【SEO対策】CSSの読み込み方の変更で高速化の記事で、ブラウザとサーバ間のデータ転送のやり取りを減らすべく、htmlheadtitlesample/title/headbodyコンテンツ/bodylink href="sample.css" rel="stylesheet" type="text/css"/html上記のように外部CSSファイルでレイアウトの定義をしていたものをcms:moduleに書き換えて、html...

【SEO対策】Core Web Vitalsで紹介したCumulative Layout Shiftプラグインでpicture要素設定を追加しました。先にpicture要素とは何か？を触れておくと、picture要素とはHTML5.1で追加された画像ファイルの出力の最適化の仕組みで、ブラウザがページを読み込む際の画像の出力をimg src="/site/files/sample.jpg"とするところ、picturesource srcset="/site/files/sam...

先週、PHPの新しいバージョンである8.0系がリリースされました。PHP8.0では待望のJITコンパイラ(Just-In-Time Compiler)が導入され、PHPという言語の存在感が増したように感じます。実行時コンパイラ - WikipediaSOY CMS、SOY Shopで大きく影響を与えたものが、ビルドイン関数のdate関数とstrlenでした。なんでよく使うビルドイン関数なんだよ！？と疑問になるかと思います。PHP: 内部（ビルトイン）関数 - Manual...

表題の通り、SOY Shopで自動注文無効プラグインを作成しました。と記載したものの、自動で注文を無効にすることの一体何が良いのかわからないと思います。ここでSOY Shopのクレジットカード決済周りの仕様を紹介すると、SOY ShopでPAY.JPクレジットカード支払いモジュールを作成しました公開側の画面で商品をカートに入れ、注文の手続きを行い、支払い方法をクレジットカード支払いにして更に手続きを進める。カートの中身や手続きの内容の確認の画面の次...

表題の通り、WordPress記事インポートプラグインを作成しました。インポートの仕組みはWordPress用のデータベース(MySQL)に接続し、データを抽出し、SOY CMSのデータベースのスキーマに合うように整形して挿入します。現時点でのWordPressのバージョン(5.5.3)のデータベーススキーマは3.3系から変更されていないので、当プラグインも3.3以降に対応にしています。WordPressのデータベースのスキーマを調べる当プラグインはWordPressで実際に...

テスト環境を作るためにサーバを借りる必要が出てきた。さくらインターネットでは2週間のお試しができる。まず環境は、Windows10さくらの共有サーバプレミアムプランで申し込んでみる。ドメインの初期設定、支払い方法などをすませると申込みがてきで、さくらから会員登録完了のお知らせ、お申込み受付完了のお知らせ、レンタルサーバ仮登録のお知らせがメールで来る。次にサーバにsoycmsをアップロードしてみる。ここではファイルの転送にFilezillaを利用する。レンタルサ...

PAY.JPクレジットカード支払いモジュールで、テストモード中、SOY Shopの管理画面の新着にテストモードの表示を追加することにしました。SOY ShopでPAY.JPクレジットカード支払いモジュールを作成しました今回の追加の背景ですが、本来であればクレジットカードモジュールの導入は最初にテスト支払いを確認して、一旦本番にしたらなかなかテストモードには戻しません。新機能の確認で戻したとしても、すぐに本番の状態にするため、テストモード外し忘れはなかなか発生しません。今回...

SOY CMSでラベルカスタムフィールドプラグインを作成しました。このプラグインの用途は、SOY CMSのブログページのカテゴリページで、カテゴリ毎に出し分ける説明文の強化に利用します。今までもカテゴリー詳細表示プラグインで実現できましたが、ラベルのメモのみで、メモを他の用途で使用しなければならない時は、カテゴリページでカテゴリ毎に出し分けの術がありませんでした。ブログページのカテゴリとして利用するラベルの詳細画面でカスタムフィールドの項目を設け、...

SOY Shopで予防接種用の予約アプリの開発を行いましたの記事のようにSOY Shopでショップサイト以外のサイトを作成することが多くなりました。これらの対応をしてみて、感じた事として、管理画面のショップという文字を可能な限り消したいということ。今までもヘッダのロゴ画像やアプリ名の変更の機能は追加してきましたが、管理画面のURLがhttp://example.com/cms/soyshop/index.phpとURL内にsoyshopの文字列が残っていました。S...

ショップサイトがメンテナンス中に簡単にメンテナンスページを表示したいという要望がありましたので、メンテナンスページ設置プラグインを作成してみた。トップページや404NotFoundページをナビゲーションページで作成する - SOY Shopを使ってみように記載されている404NotFoundページと同じ要領で、メンテナンスページを作成することで設定は終了です。※詳しい手順はプラグインの詳細画面に記載がある。メンテナンスページを設置すると、メンテナンスページの表示のオン...

フォーラムでSOY CMSの管理画面のUIを改修したいので、該当するページのテンプレートがある箇所を教えて欲しいという投稿があったので、管理画面のHTMLファイルの格納ディレクトリの規則を整理する。ドメインをexample.comにして、SOY CMSのインストールディレクトリをcmsにする。SOY CMSであれば、管理画面のURLを特定したいSOY CMSのページのテンプレートの編集画面を例にして話を進める。はじめにブラウザのアドレスバーを確認すると、htt...

表題の通り、スマホからブログの投稿を行う事ができるプラグインを作成しました。プラグインの作成と記載しているが、SOY CMSが3系になった時点で既にスマホからブログ記事の投稿自体は出来るようになっています。今回のプラグインでは、スマホから画像をアップロードした時に画像をリサイズしつつ最適化してサーバにアップロードする事を担います。※一行で二つのimgタグがある場合は未対応UIの面でいくつか課題があるので、現時点では不格好な記事投稿画面になっていますが、...

SOY InquiryでRCE(Remote Code Execution)の脆弱性に対応しました。任意コード実行 - Wikipediaクリティカルな脆弱性でSOY Inquiry 2.0.0.3以前のバージョンすべてが対象です。下記ページから対応版をダウンロードできるので、至急バージョンアップをお願いします。https://saitodev.co/soycms/soyinquiry/

表題の通り、SOY CMSのカノニカルURL挿入プラグインでトライリングスラッシュの有無とwww.の有無の設定を追加しました。SOY CMSでカノニカルURL挿入プラグインを作成しましたトライリングスラッシュというのは、たとえば、アズキの種皮から発見された色素という記事名であった場合、URLがhttps://saitodev.co/article/アズキの種皮から発見された色素になりますが、URLの末尾が.htmlや.phpのような拡張子でなければ、https://saitodev....

SOY CMSやSOY Shopの共通部分のHTML用でHTMLモジュールという機能で、別サイトのモジュールを読み込めるようにしてほしいという要望がありました。共通箇所はHTMLモジュールで管理する - SOY CMSを使ってみよう共通箇所はHTMLモジュールで管理する(SOY Shop) - SOY Shopを使ってみよう試験的な意味合いで、下記のような機能を設けてみました。例えば、サイトIDがotherSiteという別サイトで!-- cms:module="html.sa...

表題の通り、SOY ShopでLogin with Amazonプラグインを作成しました。AmazonアカウントでSOY Shopにログインできる機能です。Login With Amazonでのログイン時に、取得できるデータがAmazonで使用されているID、名前とメールアドレスのみです。今後、Amazon Payの宛先の取得を模索する予定です。SOY ShopでAmazon Pay ワンタイムペイメント支払いモジュールを作成しました今回の機能は下記のURLにあるパッ...

前回はwslでAoache2とPHPの設定を行い、SOY CMSを動かしました。WSL2でSOY CMSの開発環境を作ってみた今回は、virtualhostを立てて、そこにSOY CMSを入れてみます。最終的な環境OS：Windows 10 Homewsl2上の環境Ubuntu-20.04 Apache2.4.38PHP7.4.3Virtualhostを立ち上げる時に、あらかじめドキュメントルートにしたいディレクトリを作る。今回は、/home/ryoko/...

CORE i5 iiyamaのパソコンを購入した。WSL2(Windows Subsystem for Linux：以下wslと表記)が入っており、WindowsでLinuxが使える点が購入に決めてだった。Windows Subsystem for Linux - Wikipediawslを使う利点は、プログラミングの実行環境を準備するのがWindowsの標準を使うよりはるかに簡単である。私の開発環境は、wslでLinuxのUbuntuを使えるようにした。その手順は、下記...

表題の通りで、SOY Shopの会員(マイページ)機能でパスワードの文字数制限の下限の設定を追加しました。このご時世、パスワードが8文字以上の制限があると嫌だという要望がありまして、任意で文字数を決められるように改修しました。後々、パスワードの強固判定も追加できたらと考えていますが、それはしばらく後になりそうです。今回の機能は下記のURLにあるパッケージでご利用できます。https://saitodev.co/soycms/soyshop/

SOY Shopで患者番号のようなIDでマイページにログインしたいという要望がありました。SOY Shopのマイページではメールアドレスだけではなく、ログインIDでログインという機能があるため、ログインIDを使えば要望を満たす事になりますが、登録画面でログインID = 患者番号という前提で運営するのは何かとわかりにくい。ということで、ログインIDの名称を変更できる設定を設けました。紛らわしい名称は運営コストと教育コストが上がってしまう為、簡単な改修では...

Amazon Pay | 簡単で安心なオンライン決済を | アマゾンペイ表題の通り、SOY ShopでAmazon Pay ワンタイムペイメント支払いプラグインを作成しました。SOY Shopのカートで上のキャプチャのような支払い方法の選択画面を設置することができます。今回の機能は下記のURLにあるパッケージでご利用できます。https://saitodev.co/soycms/soyshop/開発用のメモAmazon Pay Widget...

SOY CMSで複数ページのお問い合わせフォームを設置したいという要望が非常に多くありまして、都度開発だと大変なので、複数ページフォームプラグインというものを作成しました。プラグインの詳細ですが、SOY CMS側で複数ページフォームプラグインの詳細を開き、フォームの構成を決めます。各ページの詳細ページでページ毎の構成と、次のページをどこにするか？を決めます。各ページの設定が終了したら、SOY Inquiryと同じ要領で公開側のページにフォー...

SOY Shopで管理画面の注文画面で使用できる集計プラグインの軽量版を作成しました。今までの集計プラグインとの違いですが、今までの集計プラグインでは、検索条件を検索結果をエクスポートする(二枚目の画像)の箇所であっても、プラグイン側で検索条件を持っていましたが、プラグイン側で検索項目を持つことを止めて、管理画面の注文検索を用いるように変更しました。この背景として、注文検索の画面で検索項目を増やすことができる拡張ポイントを設けたことで、高度な注文検索を行うことができるようになりました...

SOY Shop 2.0.0 β非公式でメンテナンスを続けている立場ではありますが、SOY Shop 2を公開します。SOY Shop 2とありますが、データベースの大幅な変更は特になく、SOY Shopの1系の延長上にあるものとして、ご利用の際はいつも通りのバージョンアップを行ってください。SOY CMSのバージョンアップについてSOY Shop 2での大きな変更点は、・管理画面のUIでBootstrapによるレスポンシブ対応・公開側ページの読み込みの省力化...

SOY Shop 2でSOY CMSのHTMLキャッシュプラグインで高速化の記事で紹介したHTMLキャシュプラグインのSOY Shop版を追加しました。SOY Shop 2.0.0 βこのプラグインを使用する上で注意すべき箇所としまして、ネットショップのサイトでよく見かけるカートの中身のウィジェットがHTMLキャッシュの生成によって使用できなくなります。サイト訪問者がどれくらいカートに入れたか？の情報を省くと操作性が著しく悪くなるので、カートウィジェットは...

PHPの実行環境でフルスクラッチでsendmailを実行する必要が出てきた。mail関数はメール送信前にヘッダ周りの設定が何かと面倒なので、SOY CMSの開発で様々なサーバの運営に関わった知見を活用するため、SOY CMS内で動いているSOY2フレームワークのSOY2Mailのみを使用することにしてみた。SOY CMSの開発秘話root├── index.php└── lib└── soy2_build.phpSOY2Mailを試す為のファイル構成は...

【SEO対策】Lazy Loadの記事でChromeで有効な画像の遅延読み込みの内容に触れましたが、SOY CMSではブログページの記事毎ページで記事の内容中にある画像ファイルに対して、Lazy Loadの指定を行うことができません。そこで、記事毎ページを表示する前に記事の本文を精査して画像ファイルが3枚以上ある場合は3番目の画像以降すべてのimgタグにloading="lazy"の属性値を付与してページを出力するプラグインを作成しました。このプラグインは記事本文の精査にリソース...

RFID在庫管理ツール『ZAIKA』 – ZAIKAはレンタルサービス専用のRFID在庫管理ソフトです。ミスが起きやすい「発送・返送時の作業効率が劇的に改善」されます。さらに、通常のレンタルオペレーションでは「困難な在庫単位での収益・稼働・状態管理」を実現しました。SOY Shopでレンタルサービス事業者向け RFID在庫管理ツール ZAIKAでAPIを介して連携できるプラグインを作成しました。当プラグインを利用するにあたって一点程注意がありまして、SOY Shopでレンタル業務を行...

SOY Inquiryではお問い合わせがある度にお問い合わせ詳細にIPアドレスのログをとる仕様があります。上のキャプチャではIPアドレスのログはIPv4になっていますが、環境によってはIPv6でアクセスがあり、お問い合わせ時にIPv4ではないというエラーが発生してお問い合わせの処理が止まるという不具合に遭遇しました。※MySQL版のみ【SEO対策】IPv6そこでIPv6に対応できるようにIPアドレスのカラムの文字数の上限を増やしました。今回の変更はSOY In...

php-webdriverでelement click interceptedのエラーに対しての記事でも触れましたが、SOY CMSとSOY Shopに常に画面左下に設置されるメモウィジェットを設置してみました。開発の経緯はVPSサーバで運営方法によって、PHPの標準の設定ではデータが扱えないことがあり、php.iniをいじることがあります。例えば、一回に100点近くの商品をまとめて注文するサイトでは、カートに入っている商品の配列がオーバーフローを起こし、エラ...

SOY CMSの記事の投稿画面で、記事の本文中でstyleタグを入れたいという質問がありました。SOY CMSの記事の投稿画面ではTinyMCEというWYSIWYGエディタを利用していますが、The Most Advanced WYSIWYG HTML Editor | TinyMCEWYSIWYG - Wikipediaソースコードを直接記述する機能を使用し、上記のようにstyle付きのHTMLを記述し、OKを押してみると、style...

表題の通り、SOY ShopでSMBC GMO PAYMENT用のクレジット決済モジュールを作成しました。SMBC GMO PAYMENT当プラグインは標準機能には同梱しないので、利用したい方は下記のお問い合わせフォームからお問い合わせください。お問い合わせ追記当モジュールの開発に合わせ、GMOペイメントゲートウェイ用のクレジット決済モジュールも作成しています。GMOペイメントゲートウェイ：クレジットカード払いの決済代行など多様な総合決済サービスをご提供

配送と店舗受け取り型の形態のネットショップを運営予定の方から、カートのお支払い・配送方法の選択画面で、配送(上のキャプチャでは宅配便)と店舗受け取りを並べつつ、どちらの注文も同時に対応できるようにしたいという要望がありました。どちらか一方であれば、標準配送モジュールの複製と少々のカスタマイズで事足りるが、一つの注文で両方同時に選択したいという要望の為、プラグイン(モジュール)の複製では要件を満たさない。SOY Shopの配送モジュールのカスタマイズ例そこで、配送モ...

SOY CMSとSOY Shopの両方で隠しモードとして、SOY2HTMLでクラスファイルと同名のHTMLファイルを読み込む際、HTMLファイルのファイル名の頭に_(アンダースコア)を付与することで、アンダースコア付きのHTMLファイルを読み込む機能を追加しました。SOY2HTMLとはなんぞや？と疑問に感じた方は事前に下記の記事をご覧ください。SOY2HTMLで処理とデザインを切り分ける今回の改修の具体的な内容に移り、ショップ情報表示プラグイン(ID:arrival_sh...

【SEO対策】Gueztliで画像のファイルサイズの削減の記事でクライアント(サイトを見る側)とサーバ間でのデータのやりとりで、転送量を減らすと良いという内容を紹介しました。ここで今回紹介するHTMLの圧縮を行うと、更に転送量が減らすことが出来ます。2020年6月時点で、表示速度の高速化や転送量はSEOにあまり影響を与えないとのことですが、これから更にデータのやりとりが増えるであろう中で、転送量を減らす取り組みはエコに繋がるはずなので、HTMLの圧縮はやっておいた方が良いはず。H...