植物のミカタ

SOY Shopでショップサイトを運営しているユーザから下記のような話があった。注文後の配送業務で、管理画面の注文検索で任意の検索条件で検索をした後に一括で納品書を出力して、その納品書に従って梱包作業を行っているが、検索の条件が多くて時々、本来入れるべき条件を加えずに検索をしてしまい、配送漏れが生じてしまう。この課題に対して、簡単な仕組みではあるが、管理画面の注文検索のフォームの上に確認用のボタンを設置できる拡張ポイントを追加した。SOY Shopプラグインの...

タイトルだけでは何をしたいのか？がわからないので、事例ベースで話を進めます。以前、SOY Shopで注文番号をCODE39規格でバーコードを作成してみるの記事の延長上で、納品書に注文番号のバーコードを載せ、梱包が終わった後に納品書にあるバーコードをスキャンしたら、SOY Shop内のデータベースの注文状態を自動で変更するという機能を作成しました。※上記の機能は標準機能ではありません。この機能はタブレット内のブラウザで動かす為のWebアプリにしましたが、タブレットでSO...

SOY CMSのユーザからの要望で記事やテンプレートの画面からファイルのアップロードする時やファイルマネージャ(elFinder)からファイルをアップロードする時、拡張子(実際にはMIMEタイプ)によってアップロードの許可や禁止の設定を行いたいというものが頻繁にあります。※JavaScriptのファイルのアップロードを許可したり、PDFのアップロードを禁止したりMIME タイプ (IANA メディアタイプ) - HTTP | MDN今まで伝えてきた...

SOY Shopをリリースして10年が経ちましたの記事で記載した通り、SOY Shopの公開から10年以上経過しました。リリース直後からショップサイトとして運営してくださっているユーザの中には、様々な取り組みから、注文データだけではなく、商品の登録数や商品に対するレビュー数も増えていきました。結果、商品一覧ページの表示速度の低下が目立つようになりました。そこで更なる高速化を目指す為に、・商品一覧ページで子商品のデータを取得する・商品詳細ページで子商品のデータを取得する...

SOY Shopのユーザ、しかも同じような時期に二名から下記の要望がありました。管理画面の左側の下部に気軽に編集できる概要が欲しい。この機能であれば、以前開発したSOY CMSとSOY Shopの管理画面でメモウィジェットを設置しましたの記事で紹介したメモウィジェットがあれば事足りるのでは？と思いますが、テキスト内にあるテキストでリンクがあった場合は自動でクリックできるようにして欲しいので、メモでは事足りないとのことです。この要望にあるリンクの...

SOY Shopで運営しているショップサイトで、クレジットカード支払いは成功しているのに、注文受付の処理が終了しなくて、注文を見落として大問題となったという事案が発生した。SOY Shopはリリースしてから10年以上経過したが、こんな話ははじめてで、未だに原因が分からない。スマホからの注文であったので、WiFiとセッション絡みだと予想している。利用していたクレジットカード支払いモジュールには、APIの方のオーソリの登録の後にSOY Shop側で一度リダイレクトを行った後に注文受付...

カスタムフィールドアドバンスドの記事フィールドの使いどころの記事で紹介した機能を利用している方から、記事ではなくラベルのみを選択したら、ラベルに紐付いた記事一覧を出力できるフィールドが欲しいという要望があった。試しにカスタムフィールドアドバンスドにラベルフィールドという新たなフィールドを追加してみたところ、メモリの使用量が膨大になってしまったらしく、実装することができなかった。なので、ラベルフィールドというプラグインに切り分けてみた。ラベルフィールドはカスタム...

SOY ShopのB2CSVプラグインで、CSV出力時に、各注文の送料に応じて、送り状種類の項目を自動で出し分けたいという要望がありました。例えば、送料が800円の場合は発払いの0で、送料が200円であればネコポスの7といった感じ。https://bmypage.kuronekoyamato.co.jp/bmypage/pdf/new_exchange1.pdf機能が複雑になってしまうので、標準機能としては組み込めませんが、隠し機能を設けて対応出来るようにしました。今回は隠し...

今まで気が付かなかったのが大変恥ずかしい内容ではあるが、SOY CMSから出力されたサイトマップがSearch ConsoleでほとんどのURLが除外されていた。除外理由は重複しています。送信された URL が正規 URL として選択されていませんであるらしい。詳細を読み進めてみると、Googleが既にインデックス登録したURL(正規URL)とサイトマップに記載されていたURLが異なるらしい。何でこんな事になっているのだ？と正規URLとサイトマップのURLを比較してみたところ...

SOY Shopを公開してからすぐに使用しようしている方から下記の連絡があった。SOY Shopをリリースして10年が経ちましたクーポン自由設定プラグインで期限切れクーポンが増えてきて、クーポン一覧の画面が見にくくなったので表示の整理用の機能が欲しい。ということで、クーポン一覧にも検索フォームを設けてみた。今更検索フォーム？と思うかもしれないが、クーポン一覧は専用の拡張ページを持たず、プラグイン毎の詳細画面で管理していて、プラグインの詳細画面では検索フォームを...

SOY Shopの標準機能である管理画面からの注文の機能を活用している方から下記のような要望があった。SOY Shopで在庫管理の業務アプリに向けての機能追加の記事で紹介した商品検索して選ぶの機能の検索速度を速くすることは可能か？と。連絡があった方の管理画面で商品検索をしてみたが、結果が返ってくるまでに10秒近く要した。商品数が1000件を超え、商品グループ機能も活用している事が検索速度を遅くしている要因だった。電話での注文で管理画面からの注文の機能を活用...

SOY Shopの管理画面からの注文で、未登録商品を0円で登録できる設定を設けました。今回の改修で他に未登録商品を0個で登録できる設定も合わせて設けました。※SOY Shopのサイト毎の管理画面の基本設定のページで設定可この開発の経緯は管理画面の注文において、ある商品を購入したら、サービスで他の商品も加えたいという用途があり、サービスの品を納品書に加える為に0円で加える必要がありました。商品を0円で登録したものをカートに加える事は元から出来ているので、サービス品の在庫の管...

SOY Shopで下記の要望がありました。ネットショップの方で注文予約をし、商品は店舗に来店して受け取る予約注文型のネットショップで来店時の人数を制限したい。SOY Shopの標準機能で予約カレンダーがあるので、従来のネットショップと予約カレンダーを繋げる為のプラグインを開発してみた。SOY Shopの予約カレンダーでレスポンシブ対応今回開発したプラグインは一つ目のショップサイトで注文し、注文受付画面でリンクをクリックするかリダイレクトによ...

表題の通り、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と同じ要領で公開側のページにフォー...