植物のミカタ

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...

SOY CMSを長い間利用している方から、今まで投稿し続けた記事を元にユーザビリティを高めたいということで、カスタムフィールドのデータの一部を強力な検索機能を有するカスタムサーチフィールドに移行したいという要望がありました。SOY CMS版カスタムサーチフィールドこの要望に対応すべく、カスタムフィールドデータ移行プラグインというものを作成しました。カスタムサーチフィールドは数字や範囲といったデータ型が整数であったり、検索性を高める為、文字列と複数行文字列でデータ型を分けていたりし...

SOY CMSのユーザからブログページで記事毎に何番目の記事か？記事番号を出力したいという要望があり、ブログ記事連番プラグインというものを作成しました。今回の連番は本来ならば標準機能にありそうな機能ですが、SOY CMS特有の記事とページは互いに独立しているという仕様により、ブログページであっても連番の出力、つまりは記事自身が何番目であるか？の判断に少し複雑な処理が必要になり、処理の負荷を減らす意味合いで標準機能に組み込むのをやめて、プラグイン形式にしました。今回対応分を含んだパ...

SOY Shopの管理画面のUIをSOY CMSの3系のUIに切り替え、新たなバージョンとしてリリースすることにしました。公式の開発元があまりにも動きがないので、非公式の立場ではありますが、バージョンを一つ上げることにしました。開発元を退職した私がSOY CMSを開発し続けている訳SOY ShopでSOY CMS 3系テンプレート風にしたいとずっと思っていました。3年程前にSOY Shopの管理画面でプラグインがページを持てるようになりましたの記事で触れているプラグイン毎にペ...

カスタムフィールドの画像フィールドのような形で、アップロードできる画像の枚数が無制限のカスタムフィールドが欲しいという要望がありました。最初はカスタムフィールドアドバンスドで複数画像のフィールドを追加することを検討しましたが、画像が複雑になるため、独立した形で新たにプラグインを作成しました。今回作成した記事毎画像アップロードプラグインは、管理画面の記事投稿(もしくは記事編集画面)に画像をファイル枚数が無制限にアップロードできるフォームを設置でき、※ファイルの枚数に...

SOY CMSのブログページでは、標準設定ではhttps://ドメイン/ショップID/ページのURI/articles/記事タイトルという仕様になっていますが、カスタムエイリアスプラグインを利用すると、URLの記事タイトルの個所を自由に変更することが出来るようになります。このカスタムエイリアスプラグインですが、記事作成時に毎回エイリアスを考えるのは大変だけれども、記事タイトルでは嫌だという意見がちらほらと挙がっていたので、記...

SOY Shopで販売している商品をFacebookページショップ(or Instagramショッピング)で販売する為の手順を紹介します。はじめにSOY Shopに同梱されているFacebookページショップ用XMLプラグインを有効にして、Facebookページショップに登録する為のXMLページを作成します。例：https://saitodev.co/shop/facebook_catalog_manager.xmlこれから先はFacebookやInstagramの方の手...

商品毎に設定したカスタムフィールドの値を注文後に自動送信される注文受付メール等で挿入したいという要望がありましたので、カスタムフィールド置換文字列プラグインを作成しました。カスタムフィールド置換文字列プラグインの詳細画面でどのように置換するかといったフォーマットを作成し、メール設定の各メールのテンプレートにカスタムフィールドの置換文字列を加えると、上記のように商品数分だけフォーマットから文字列を作成して、指定の個所で置換します。今回のプラグ...

PageSpeed Insights - Google DevelopersSOY CMSのHTMLキャッシュプラグインで高速化の記事で静的化プラグインには欠点があり、その欠点を解消するためにHTMLキャッシュプラグインを開発したという内容を記載しましたが、静的化プラグインの欠点を改修してみました。静的化について先に触れておくと、例えば、https://saitodev.coを開いた時、表示結果をHTMLにして、https://saitodev.co/index.ht...

PageSpeed Insights - Google DevelopersSEO対策、最終産物のHTMLのキャッシュで高速化で紹介した静的化プラグインですが、諸々の欠点があり推奨していませんでしたが、静的化プラグインが持つ欠点を解消したHTMLキャッシュプラグインというものを開発しました。HTMLキャッシュプラグインで導入した機能として、・静的化プラグインでは標準ページは指定のディレクトリにindex.htmlを生成したが、HTMLキャッシュプラグインでは標準ページ...

SEO対策、データベースチューニングでサイトの表示速度を上げる為にはMySQL等のサーバ型のデータベースを採用して、サーバのメモリが許す限りデータベースにメモリ等の使用を振り分けるという内容を紹介しました。と紹介したものの、当サイトではデータベースはファイル型のSQLiteを使用しています。理由はSOY CMSを利用するであろうユーザのほとんどがMySQLがチューニング出来ないサーバを利用するはずで、SQLiteで高速化が出来なければ意味がないだろうと判断して、SQLiteを使用し続...

SOY InquiryでParsley.jsを利用するの記事後に下記の質問がありました。ラジオボタンとチェックボックスのカラムでParsely.jsはどうやって使用すれば良いですか？取り急ぎ、ラジオボタンは他のカラム同様、required属性を利用するにチェックと属性にParsely.jsの属性を追加すれば良いように対応しました。対応済みのパッケージは下記のページからダウンロードすることが出来ます。SOY Inquiry - saitodev.co...

本題に入る前に先にParsley.jsについて触れておくと、Parsley.jsお手軽に見栄えの良い入力内容のチェックを設置出来るJavaScriptのライブラリです。このバリデーションのライブラリをSOY Inquiryで使用したいという要望がありましたので、設置方法を整理します。最初にカスタマイズ用のフォームテンプレートを準備します。下記の記事を参考にして、カスタマイズ用のテンプレートが出来ていることを前提にして話を進めます。スマホ対応のお問い...

SOY CMSの機能の一つに管理側にログインしている時のみ表示という公開直前のCMSへの組み込みの際に公開側のページを非表示にしておける機能がありますが、運営中のサイトで新たにページを追加する時の作業で、部分的にこの機能を使用したいという要望がありました。そこで、ページ毎表示制限プラグインというプラグインを作成して、ページ毎に表示の制限を追加しました。このプラグインで設定したページも管理画面にログインしている時、同じブラウザの別タブでページを開いた時に表示の制限を行います。今...

人文と社会の書林様サイトにて本の買取管理アプリの開発を行いました。https://www.tetsugakukaitori.com/今までSOY Inquiryで買取集荷依頼等のフォームを設置し、各種依頼を受けていましたが、SOY Shopの顧客名簿と連携して、買取依頼の管理を行うことが出来ないか？というで開発が始まりました。SOY InquirySOY Shop買取管理アプリの為に実装した内容は、SOY Shopの管理画面でプラグインがページを持てるようにな...

一つのサーバで複数のドメインのサイトを運営する事になったので、その時に対応したメモを残す。具体的にどのような構成であるか？を整理しておくと、example.kyotoとother.example.kyotoという２つのドメインがあり、全く異なるテーマのサイトを一つのサーバで一つのSOY CMSで運営する。利用しているサービス等・サーバ：さくらのVPS 512プラン・OS：Ubuntu 19.10・ドメイン：お名前.comで管理・SSL証明書：Let's Encry...

SOY Shopで業種に合わせて高度なメール種別を追加してみるの文中で紹介しました「メール送信種類追加プラグイン」で顧客版が欲しいという要望がありましたので、SOY Shopで顧客宛メールの送信を追加しましたメール送信種別を追加する時に、注文か顧客で種別の選択をできるようにし、顧客詳細ページにて、どちらのメールで送信できるかを選択できる画面を設けました。今回対応分を含んだパッケージは下記のサイトからダウンロード出来ます。https://saitod...

本題に入る前に先にParsley.jsについて触れておくと、Parsley.jsお手軽に見栄えの良い入力内容のチェックを設置出来るJavaScriptのライブラリで、form data-parsley-validate上記のようにdata-parsely-validateと、必須にしたい項目にrequiredを付けるだけで設置が完了します。このライブラリをSOY Shopのマイページ等で使用する場合はひと工夫が必要になります。話を始める前にマイページ内のフ...

上の画像のように商品ごとに(HTMLタグ込で)そこそこの長さの定型文を扱う予定のサイトがありまして、商品ごとに定型文を設定して商品詳細ページで商品に合わせて定型文の出し分けを行いたいという要望がありました。※パーツモジュールに関しては下記の記事をご覧ください。共通箇所はHTMLモジュールで管理する - SOY Shopを使ってみようプラグインの管理画面で定型文設定のプラグインを開発しても良かったのですが、少しひねりを効かせて、パーツモジュール内で他のパーツモジュールを呼び出せるプ...

表題の通り、SOY Shopの管理画面から顧客宛にメールを送信できる機能を追加しました。今回の改修前から顧客宛にメールを送信することは出来ましたが、注文詳細から配送連絡等の何らかの要件の為のメールの送信のみでした。今回の改修は要件無し、例えばマイページに設置したお問い合わせフォームからのお問い合わせの質問に管理画面から返答する術がなかった為、それを補う意味合いで顧客宛のメール送信の機能の追加になっています。SOY Shopでマイページ用お問い合わせフォーム設置プラ...

SOY Shopで返品の返金等の送金の為に顧客の振込先情報を管理したいという要望がありました。というわけで、管理画面の顧客情報の編集画面で振込先情報の編集を行うことが出来る項目を追加できる振込先情報プラグインというものを作成しました。このプラグインはマイページからも振込先情報の登録が可能となります。今回対応分を含んだパッケージは下記のサイトからダウンロード出来ます。https://saitodev.co/soycms/soyshop/

SOY Inquiryを使用している方からカラム名が長い場合、管理画面でお問い合わせ詳細を確認したら表示が崩れて見難いので、見やすくなるように整形して欲しいという連絡があり、対応しました。今回はどのような修正を加えたかというと、例えば、「とても長い項目あああああああああああああああああああああああああああああああああああああああああああああああああああああああああ」という項目があるお問い合わせフォームを設置し、そのフォームでお問い合わせをしてみると、管理画面の詳細確認では、...

SOY Shopを利用している方から、商品登録のみ業者に外注したいから、管理画面で商品のページのみ操作できるようにしてほしいという連絡がありました。というわけで、SOY Shopのサイトごとの権限設定のページで商品管理のみを追加し、商品管理のみのアカウントでSOY Shop側のサイトにログインすると、ナビゲーションが商品のみの画面が表示されます。管理画面内でURLベタ打ちで開こうとしても、権限が付与されていないページを開くことが出来...

PAY.JP - クレジットカード決済サービスPAY.JP定期課金モジュールでカード番号の更新の機能を追加しました。SOY ShopでPAY.JP定期課金モジュールを作成しました今回紹介のプラグインではないですが、他のクレジットカード決済の定期課金(継続課金)でカード情報の更新が必要になり、よくよく考えてみたら、今回紹介しているプラグインでも同様の機能が必要ということに気が付き、カード情報を変更できる拡張ポイントを設けました。現在はマイページにログインしてからカード情...

SOY CMSで下記の要望がありました。/*****************************************************/各ラベルの詳細画面で、どのページで使われているか、表示させられないでしょうか？（できれば、どのブロックで使われているかも含めて）/*****************************************************/背景として、/*************************************...

表題の通り、DropboxDropboxでサイトのデータのバックアップを行えるプラグインを作成しました。動作確認不十分の状態ではありますが、共有サーバでも使用できる形で開発しています。Dropboxでサイトのデータをバックアップすることは、元々はVPSサーバでCLI版で行えることを紹介していましたが、SOY CMSのサイトのバックアップをDropboxで行うさくらの追加ストレージ(NFS)内のファイルをDropboxで同期したいDropbox AP...

SOY Shopの商品レビュープラグインを利用している方から、レビュー数が増えレビュー用のページを追加したいという連絡がありました。商品詳細ページでカスタマーレビューを投稿できるようにする - SOY Shopを使ってみよう商品レビュープラグインでフォームを設置した商品詳細ページでレビューを投稿すると、上の画像のようにレビューが表示されます。今回の改修では詳細ページに表示するレビューの件数を設定でき、指定の件数を越えた場合に他のページで残りのレビューを表示...

富士登山、トレッキングで使う、登山靴、ザック、レインウエアなどの登山用品のレンタルならやまどうぐレンタル屋やまどうぐレンタル屋さんで顧客関連管理の機能の強化を行いましたの記事で紹介したセールスフォースからSOY Shopへの移行やSOY Shop内でパイプハウスの施工管理アプリを開発しましたの記事で紹介した施工管理の機能や今まで経験した様々なショップの知見があれば、巷で頻繁に見かける有名な有償の販売管理アプリに匹敵する機能が出来るのでは？という話題が挙がったので、SOY ...

表題の通りでSOY Shopで注文のキャンセル時に自動、もしくは手動でキャンセルメールを送信できるプラグインを追加しました。メールのテンプレート自体はSOY Shopでメールテンプレートを追加できるプラグインで紹介したメール送信種類追加プラグインでも出来ますが、今回のプラグインでは商品毎にメールアドレスを設置することが出来、注文をキャンセルした際、該当する商品が注文に含まれていた場合は、指定のメールアドレスにもキャンセルメールを送信出来る仕様が追加されています。S...

SOY Inquiryの住所カラムで郵便番号を入力した直後に検索ボタンを押さずに自動で検索を開始して、市区町村のカラムに検索結果を自動で挿入してほしいという要望がありました。上記の要望に応える為に、住所(JS版)カラムで自動住所検索モードを追加しました。このモードをonにすると、後悔側のフォームで住所検索のボタンが非表示になり、郵便番号の２つのフォームに3桁と4桁の数字を入力(keyupイベント)した時点で自動で検索し、桁数を減らしたり、規定の数字以上にすると、検索結果が消え...

先月末にPHPの新しいバージョンである7.4系がリリースされました。PHP7.4ではPHP7.3よりも表示速度が更に高速化しました。SOY CMS、SOY Shopで大きく影響を与えたものが、マジックメソッドの__callの振る舞いでした。SOY CMSで頻繁に使用されるsoy:idの記法の内、SOY2フレームワークに実態はなく、__callによって抽象化されたコードがいくつかありました。例えば、下記の記事中にあるaddForm("form");等で、SOY2HTMLでセ...

SOY Inquiryで連番カラムを追加しましたの記事に対して、2019120001のような「接頭語 + 数桁の0 + 連番」のような複雑な連番を自動生成できるカラムが欲しいという要望がありました。というわけで早速作ってみました。管理画面のカラムの設定では、連番の他に番号の桁数と接頭語の設定を追加しています。桁数を設定することで、次回番号が「4」である場合は「0004」に変換され、「11004」のように指定の桁数以上になった場合は、「1004」のように桁数...

SOY Shop - 拡張機能 | SOY CMS 公式サイト2009年12月18日、SOY Shopのベータ版を公開しました。SOY CMSの設計理念を汲んだネットショップ用のCMSが欲しいという要望があり、何度かの試作と破棄を経てSOY Shopが誕生しました。※SOY CMSの設計理念に関しては下記の記事をご覧ください。SOY CMSの開発秘話当時の私はまだプログラミングが出来たわけではないので、マニュアルの作成を行いつつ、実際に動かしてバグの報告や軽微なもので...

表題の通り、SOY Shopでマイページログイン用パスワード自動生成プラグインを作成しました。このプラグインを有効にすると、マイページ用のアカウントを作成する画面でパスワードの入力フォームが消え、登録後に自動で送信されるメールにログイン用のパスワードが記載されます。まめくらまめぞう 様テストショップにご登録ありがとうございます。登録が完了いたしました。受信したメールアドレスと下記のパスワードでマイページにログインすることが出来ます。i5gR...

上記のキャプチャのように商品名が長く途中で折れてしまい見栄えが悪くなるような商品を扱っている方から、サブタイトルの入力フォームが欲しいとのことで、サブタイトルの入力フォームを設置出来る商品名サブタイトルプラグインというものを作成しました。上記のようにサブタイトルの部分は違うHTMLタグで出力出来るといった分割表示が可能となります。SOY Shopで高度な検索フォームを設置してみようこのプラグインの開発に合わせて、カスタムサーチフィールド等の検索モジュー...

SOY Shopを利用している方から、注文から即座に出荷することをウリの一つにしているサイトがあり、このウリを最大限に引き出せないか？と今注文したらいつ出荷するのかをサイトの至るところで表示したいという要望がありました。というわけで、営業日カレンダーと連携した出荷予定日通知プラグインを作成しました。公開側で出力したい文言は、出荷予定日通知プラグインの詳細画面で、営業日の午前・午後、定休日の午前・午後と4パターンで登録することが可能です。営業...

SOY Shopを利用しているユーザから顧客毎にメモを残したいという要望がありました。要件を整理しているとどうやら顧客だけでなく、商品やカテゴリでもメモをしておき、簡単な引き継ぎの情報として扱いたいという要望が見えてきましたので、商品、カテゴリや顧客の詳細画面でメモを残すことができるSOY Shopノートパッドプラグインを開発しました。SOY Shopノートパッドプラグインを有効にした後、管理画面で商品、カテゴリや顧客の詳細画面を開くと、画面下にメモのエリアが...