改造 on qwerty.work

【SharePoint】編集フォームのレイアウトを変更する方法メモ

Wed, 25 May 2022 14:10:57 +0900

フォームのレイアウトを複数列にしたい

ShraePointのリストに新規レコードを追加したり、既存のレコードを編集したりする際、デフォルトの状態だとフィールドが縦一列に並んで表示されます。フィールド（列）が少ないと問題ありませんが、登録したい項目が多いとスクロールしたり、情報が部分的にしか見れないため不便です。

そこで、複数列にできないか方法を探したところ、「レイアウトの構成」から「コードの書式設定」にJSON形式で設定を記述すれば、ある程度はカスタマイズできることがわかりました。参考になったページをメモ。

参考ページ

https://www.micknabewata.com/entry/sharepoint/list-form-configuration https://www.micknabewata.com/entry/sharepoint/list-form-configuration

https://idea.tostring.jp/?p=6886 https://idea.tostring.jp/?p=6886

https://pa-wsc.work/2022/03/31/spo_json_list_custom/ https://pa-wsc.work/2022/03/31/spo_json_list_custom/

https://qiita.com/maekawawawa/items/b814d08cefb3911b5cf9 https://qiita.com/maekawawawa/items/b814d08cefb3911b5cf9

マイクロソフトのページ

https://docs.microsoft.com/ja-jp/sharepoint/dev/declarative-customization/list-form-configuration https://docs.microsoft.com/ja-jp/sharepoint/dev/declarative-customization/list-form-configuration

複数列にしたいときの書式例

とりあえず、以下の書式を「コードの書式設定」に貼り付けて必要なフォールド名を書き換えていくことで、感覚が掴めると思います。

{
    "sections": [
        {
            "displayname": "",
            "fields": [
                "Title"
            ]
        },
        {
            "displayname": "Details",
            "fields": [
                "Department",
                "Email",
                "Country"
            ]
        },
        {
            "displayname": "Application",
            "fields": [
                "Application Id",
                "Approver",
                "Reviewer"
            ]
        }
    ]
}

ヘッダーのカスタマイズ

簡易版

とりあえず、ヘッダーに色の付いたタイトルを表示したいときは以下ソースを「ヘッダー」の「コードの書式設定」に貼り付ければ適用できます。

{
    "elmType": "div",
    "attributes": {
        "class": "ms-borderColor-neutralTertiary, ReactClientFormDefaultHeader"
    },
    "style": {
        "width": "99%",
        "border-top-width": "0px",
        "border-bottom-width": "1px",
        "border-left-width": "0px",
        "border-right-width": "0px",
        "border-style": "solid",
        "border-color": "#ccc",
        "margin-bottom": "16px",
        "color": "#974B8B"
    },
    "txtContent": "=[$Title]"
}

アイコン付き版

ヘッダーにアイコン付きのタイトルを表示したいときのソース。

{
    "elmType": "div",
    "attributes": {
        "iconName": "Group",
        "class": "ms-borderColor-neutralTertiary, ReactClientFormDefaultHeader"
    },
    "style": {
        "width": "99%",
        "border-top-width": "0px",
        "border-bottom-width": "1px",
        "border-left-width": "0px",
        "border-right-width": "0px",
        "border-style": "solid",
        "border-color": "#ccc",
        "margin-bottom": "16px",
        "color": "#974B8B"
    },
    "txtContent": "=[$Title]"
}

アイコンについて

タイトルの左側に表示されるアイコンは"iconName": "Group"で指定していますが、他のアイコンに変更したいときは以下のページでアイコンを探し、アイコン名を変更すれば可能です。

https://uifabricicons.azurewebsites.net/ https://uifabricicons.azurewebsites.net/

https://developer.microsoft.com/en-us/fluentui#/styles/web/icons#icons https://developer.microsoft.com/en-us/fluentui#/styles/web/icons#icons

カテゴリによってアイコンを切り替えたいとき以下のページによると、IF文を使ってカテゴリ名によって表示するアイコンを切り替えることができるようです。

https://www.hogehoge-note.com/2020/02/15/post-695/ https://www.hogehoge-note.com/2020/02/15/post-695/

その他参考ページ

https://qiita.com/Momono_gg/items/58bf768fb83bddfbdca1 https://qiita.com/Momono_gg/items/58bf768fb83bddfbdca1

https://qiita.com/Momono_gg/items/dc6b3253e4c0c64cf170 https://qiita.com/Momono_gg/items/dc6b3253e4c0c64cf170

【EC-CUBE】関連商品プラグインで表示される商品一覧をカスタマイズしたいとき

Fri, 18 Feb 2022 14:55:37 +0900

デフォルトのソース

何もいじっていなければ、テンプレートは以下のようになっているはずです。これをカスタマイズします。

/app/Plugin/RelatedProduct4/Resource/template/front/related_product.twig

<script>
    $(function () {
         $('#RelatedProduct-product_area').appendTo($('.ec-layoutRole__main, .ec-layoutRole__mainWithColumn, .ec-layoutRole__mainBetweenColumn'));
     });
</script>
<div id="RelatedProduct-product_area" class="ec-shelfRole">
    <ul class="ec-shelfGrid">
        {% for RelatedProduct in Product.RelatedProducts %}
            {% set ChildProduct = RelatedProduct.ChildProduct %}
            {% if ChildProduct.Status.id == constant("Eccube\\Entity\\Master\\ProductStatus::DISPLAY_SHOW") %}
                  <li class="ec-shelfGrid__item">
                    <a href="{{ url('product_detail', {id : ChildProduct.id}) }}">
                        <p class="ec-shelfGrid__item-image">
                            <img src="{{ asset(RelatedProduct.ChildProduct.main_list_image|no_image_product, 'save_image') }}">
                        </p>
                        <p>{{ RelatedProduct.ChildProduct.name }}</p>
                         <p>
                              {% if RelatedProduct.ChildProduct.hasProductClass %}
                                  {% if RelatedProduct.ChildProduct.getPrice02Min == RelatedProduct.ChildProduct.getPrice02Max %}
                                      {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}
                                  {% else %}
                                     {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }} ～ {{ RelatedProduct.ChildProduct.getPrice02IncTaxMax|price }}
                                  {% endif %}
                              {% else %}
                                  {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}
                              {% endif %}
                          </p>
                      </a>
                      <span>{{ RelatedProduct.content|raw }}</span>
                  </li>
              {% endif %}
         {% endfor %}
      </ul>
  </div>

related-product-plugin/related_product.twig at 4.0 · EC-CUBE/related-product-plugin · GitHub

カスタマイズ後はEC-CUBEの管理画面にログインして以下の画面で「登録」ボタンを押さないとページに反映されないので注意してください。

[コンテンツ管理]-[ページ管理]-[商品詳細ページ]

カスタマイズに使った変数

  変数
  内容




  {{ RelatedProduct.ChildProduct.id }}

  {{ ChildProduct.id }}
  商品ID


  {{ RelatedProduct.ChildProduct.code_min }
  商品コード

  {{ RelatedProduct.ChildProduct.name }}
  商品名


  {% for hoge in ChildProduct.ProductClasses %}

  　{{hoge.id }}

  {% endfor %}
  商品クラスID

カートに入れるために必要なProductClassのIDが取得できずに困りましたが、以下のページが参考になりました。``文を使って取得することが必要でした。

https://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=17413&forum=5 https://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=17413&forum=5

{% for hoge in Product.ProductClasses %}
　{{hoge.id }}
{% endfor %}

デバッグしたいとき

Product.idなど、Productに関して取得できる変数や値の内容を知りたいということがありました。

.envファイルを開いてデバッグモードにして、商品詳細ページのテンプレート（detail.twig）に{{dump(Product)}} を追記して、商品詳細ページをブラウザで表示すると変数や配列に入っている値を確認できます。

デバッグモードに変更する方法と追記するコード

.envファイルの変更

#本番モード
APP_ENV=prod
APP_DEBUG=0
 ↓
#デバッグモード
APP_ENV=dev
APP_DEBUG=1

テンプレートに追記するコード

Prodect関連の配列や値を確認したい場合。以下のコードをTWIGテンプレートに追記すると配列の内容が画面上に表示されます。

{{dump(Product)}}

参考ページ

https://homupedia.com/eccube4-template-data.html https://homupedia.com/eccube4-template-data.html

作成したソース

<script>
    $(function () {
        $('#RelatedProduct-product_area').appendTo($('.ec-layoutRole__main, .ec-layoutRole__mainWithColumn, .ec-layoutRole__mainBetweenColumn'));
    });
</script>
<div id="RelatedProduct-product_area" class="ec-shelfRole">
<h3>関連商品</h3>
<table class="table table-striped table-hover rp-list-table">
<thead>
    <tr>
        <td>商品コード</td><td>商品名</td><td>金額<small>（税込）</small></td><td>数量</td><td>カート</td>
    </tr>
</thead>
<tbody>
{% for RelatedProduct in Product.RelatedProducts %}
{% set ChildProduct = RelatedProduct.ChildProduct %}
{% if ChildProduct.Status.id == constant("Eccube\\Entity\\Master\\ProductStatus::DISPLAY_SHOW") %}
    <tr class="ec-productRole__actions test">
    <form name="form{{ ChildProduct.id }}" id="productForm{{ ChildProduct.id }}" action="{{ url('product_add_cart', {id:ChildProduct.id}) }}" method="post">
        <td><a href="{{ url('product_detail', {id : ChildProduct.id}) }}">{{ RelatedProduct.ChildProduct.code_min }}</a></td>
        <td>{{ RelatedProduct.ChildProduct.name }}{% for ChildProductClass in ChildProduct.ProductClasses %}&nbsp;<small>（デバッグ用ClassID:{{ChildProductClass.id }}）</small>{% endfor %}</td>
        <td>
            {% if RelatedProduct.ChildProduct.hasProductClass %}
                {% if RelatedProduct.ChildProduct.getPrice02Min == RelatedProduct.ChildProduct.getPrice02Max %}
                    {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}
                {% else %}
                    {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }} ～ {{ RelatedProduct.ChildProduct.getPrice02IncTaxMax|price }}
                {% endif %}
            {% else %}
                {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}
            {% endif %}
        </td>
        <td class="ec-numberInput"><input type="number" id="quantity{{ ChildProduct.id }}" name="quantity" required="required" min="1" maxlength="9" class="quantity form-control" value="1"></td>
        <td><div class="ec-productRole__btn">
            <button class="ec-blockBtn--action add-cart" data-cartid="{{ ChildProduct.id }}" form="productForm{{ ChildProduct.id }}" type="submit">{{ 'カートに入れる'|trans }}</button>
        </div></td>
    <!-- エラーになるので非表示 <input type="hidden" id="mode" name="mode" value="add_cart" />-->
    <input type="hidden" id="product_id{{ ChildProduct.id }}" name="product_id" value="{{ ChildProduct.id }}">
    {% for ChildProductClass in ChildProduct.ProductClasses %}
    <input type="hidden" id="ProductClass{{ ChildProduct.id }}" name="ProductClass" value="{{ChildProductClass.id }}">
    {% endfor %}
    <input type="hidden" id="_token{{ ChildProduct.id }}" name="_token" value="{{ csrf_token('Eccube\\Form\\Type\\AddCartType') }}" />
    </form>
    </tr>
{% endif %}
{% endfor %}
</tbody>
</table>
</div>

商品詳細ページで使用するときの注意事項

form id=“form1"があるとうまく動かない

商品詳細ページにオリジナルのカートボタンを設置する際は、商品詳細ページのテンプレート（detail.twig）にあるメイン商品のカードボタン（``）をコメントアウトするなどして、無効または削除しないと関連商品プラグインのテンプレート（related_product.twig）に追加設置したカートボタンで商品がカートに入りませんでした。どうやらform1が優先されるみたいです。

モーダルがうまく動かないとき

「カートに入れる」ボタンを押したときに表示されていたモーダルウィンドウが表示されなくなってしまったときは、商品一覧のテンプレート（list.twig）を参考に商品詳細ページのテンプレート（detail.twig）にある以下の部分を変更したら動きました。これがモーダルウィンドウ（ec-modal）を発火させるトリガーの要素の指定みたいです。

$form = $('#form1');
 ↓
var $form = $(this).parents('.test').find('form');

この上あたりにある規格チェックや数量チェックの一部JSが邪魔してうまく修正できなかったので、そのチェック部分はコメントアウトしました。

その他参考ページ

https://xoops.ec-cube.net/modules/newbb/viewtopic.php?viewmode=flat&order=DESC&topic_id=23859&forum=11 https://xoops.ec-cube.net/modules/newbb/viewtopic.php?viewmode=flat&order=DESC&topic_id=23859&forum=11

【EC-CUBE4】商品画像の最大サイズを制限して自動的にリサイズしてアップロードしたいとき。

Wed, 26 Jan 2022 11:37:19 +0900

アップロード画像の最大サイズを固定したい

EC-CUBEで商品写真をアップロードする際、誤ってリサイズせずに3000x2000ピクセルくらいの画像をアップロードしまうことがありました。デフォルトではサイズは無制限のようです。これをアップロードする際に自動的に800x800ピクセルまたは1000x1000ピクセルくらいにしたいと思い。どのようにしたらできるか調べると以下の参考ページを見つけることができ解決できたのでメモ。

対象バージョン：4.1.1

参考ページ

EC-CUBE4のファイルアップロードには「jQuery File Upload」が使われているようです。

https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing

https://web.bright-b.com/eccube4-image-size-64/ https://web.bright-b.com/eccube4-image-size-64/

手順

変更を加えるテンプレート

縦横のサイズ上限値を指定するためには以下のファイルに変更を加えます。

ec-cubeのディレクトリ/src/Eccube/Resource/template/admin/Product.twig

追記するコード

Product.twig の 131行目に以下のコードがあるかと思います。

$('#{{ form.product_image.vars.id }}').fileupload({
    url: "{{ url('admin_product_image_add') }}", 
    type: "post",
    sequentialUploads: true,
    dataType: 'json',
    dropZone: $('#upload-zone'),
    done: function(e, data) {
        $('.progress').hide();
        $.each(data.result.files, function(index, file) {
            var path = '{{ asset('', 'temp_image') }}' + file;
            var $img = $(proto_img.replace(/__path__/g, path));
            var $new_img = $(proto_add.replace(/__name__/g, count_add));
            $new_img.val(file);
            $child = $img.append($new_img);
            $('#thumb').append($child);
            count_add++;
        });
        hideThumbnail();
        updateSortNo();
    },

この間に追記します。

$('#{{ form.product_image.vars.id }}').fileupload({
    url: "{{ url('admin_product_image_add') }}",
    type: "post",
    sequentialUploads: true,
    dataType: 'json',
    dropZone: $('#upload-zone'),
    disableImageResize: false, //新規追加　画像のリサイズを許可
    imageMaxWidth: 1000, //新規追加　横幅の最大サイズ
    imageMaxHeight: 1000, //新規追加  縦幅の最大サイズ
    imageQuality: 0.7, //新規追加　リサイズした画像の画質
    done: function(e, data) {
        $('.progress').hide();
        $.each(data.result.files, function(index, file) {
            var path = '{{ asset('', 'temp_image') }}' + file;
            var $img = $(proto_img.replace(/__path__/g, path));
            var $new_img = $(proto_add.replace(/__name__/g, count_add));
            $new_img.val(file);
            $child = $img.append($new_img);
            $('#thumb').append($child);
            count_add++;
        });
        hideThumbnail();
        updateSortNo();
    },

オプションの説明

https://github.com/blueimp/jQuery-File-Upload/wiki/Options https://github.com/blueimp/jQuery-File-Upload/wiki/Options

これで、アップロード時にリサイズされた画像がアップロードされていると思います。

【PHP】ページにコピペで埋め込むだけで設置できるお問い合わせForm素材メモ

Tue, 02 Nov 2021 11:02:58 +0900

お問い合わせフォームを簡単に設置したい

ホームページ制作にあたり、お問い合わせフォームを設置したいとき、PHPプログラミングで自分でも作成しましが、時短でサクッとコピペで簡単に設置できるものを探してみました。

できれば、確認ページもサンクスページも単体で完結しているものが希望でしたが、見つけたのでメモ。

MailForm01

単体のPHPファイル1つで動作するので、ページの埋め込みが簡単です。しかも無料です。

https://www.php-factory.net/mail/01.php https://www.php-factory.net/mail/01.php

php_mailform

これはレスポンシブレイアウトや添付ファイㇽにも対応している優れも。これも無料です。

https://econosys-system.com/freesoft/php_mailform.html https://econosys-system.com/freesoft/php_mailform.html

シンプルなサンプル

必要最低限でカスタマイズしやすいサンプル。連投防止のアドバイスもあり。

https://step-by.work/cms/39 https://step-by.work/cms/39

その他参考

https://entsukablog.com/php-questionform/ https://entsukablog.com/php-questionform/

https://www.web-officer.com/php/how-to-make-inquiry-form.php https://www.web-officer.com/php/how-to-make-inquiry-form.php

AOMEI PE Builderから日本語化したWindowsPE環境を作る方法

Tue, 31 Mar 2020 22:29:12 +0900

標準の英語キーボード環境では入力がツライ

起動できなくなったWindowsの修復作業に便利なWindowsPE。更にGUIや便利なアプリ付きのWindowsPEが作れるフリーソフトの『AOMEI PE Builder』ですが、デフォルトのままだと英語キーボード環境なので、コマンドプロンプトでよく使う:とか\が思うように打てません。日本語キーボードでどこを押せば打てるのかわからずイライラしてしまいます。そこで、『AOMEI PE Builder』から日本語対応したWindowsPEを作成する方法が見つかったのでメモ。

日本語版Windows PEの作り方を流用したらできる？

日本語版Windows PEや日本語版Bart PEを作る方法を流用して日本語版AOMEI PEを作る方法が以下のサイトに書かれています。これを元にAOMEI PE Builderで日本語フォントを使用した日本語表記で日本語キーボードで快適に入力できるAOMEI PEを作ることができます。

http://blog.livedoor.jp/hichitose/archives/52425773.html http://blog.livedoor.jp/hichitose/archives/52425773.html

http://blog.livedoor.jp/hichitose/archives/52425934.html http://blog.livedoor.jp/hichitose/archives/52425934.html

http://blog.livedoor.jp/hichitose/archives/52426172.html http://blog.livedoor.jp/hichitose/archives/52426172.html

日本語版AOMEI PEの作り方

今回、「Windows 10 Pro x64 バージョン 1909」の環境でAOMEI PEの作成をしていますが、できあがるWindows PEのバージョンは「Windows 10 x64 1607」のものとなります。

1. 準備するもの

以下の2つをダウンロードしてインストールします。

AOMEI PE Builder 2.0 (PEBuilder.exe)
ADK for Windows 10 バージョン 1607 (adksetup.exe)

もう一つ、**「Windows PEビルド環境（Windows PE Build Environment）」**が必要ですが、AOMEI PE BuilderでPE作成する際に自動でダウンロードされるので省いています。

ADKはWindows 10 バージョン1607用をダウンロード

https://docs.microsoft.com/ja-jp/windows-hardware/get-started/adk-install https://docs.microsoft.com/ja-jp/windows-hardware/get-started/adk-install

Windows ADK（アセスメント＆デプロイメントキット）は必ず、Windows 10 バーション1607 用を上記のページからダウンロードしてください。

AOMEI PE BuilderでPE作成する際に自動ダウンロードされる Windows PEビルド環境（Windows PE Build Environment）がバージョン1607版なので、現時点で最新のバージョン1903用のADKを使うとパッケージの追加に失敗するそうです。よって、最終的に完成する日本語版AOMEI PEは**Windows 10 バージョン 1607（ビルド14393）**がベースのものとなります。

インストールが終わったらADKのバージョンが10.0.14393になっているか確認してください。このバージョンが異なっていると後の作業でエラーが出ます。

AOMEI PE Builderで自動でダウンロードされるWindows PEビルド環境について

自動ダウンロードされる**『Windows PE ビルド環境（Windows PE Build Environment）』**の保存先はAOMEI PE Builder のインストールフォルダ内（C:\Program Files (x86)\AOMEI PE Builder 2.0）にあるDownloadPath.iniを開くと記載されています。

私の環境の場合は以下が保存先になっていました。

Q:\PB Download\x64

ここにある**『Windows PEビルド環境（Windows PE Build Environment）』はバージョン1607（10.0.14393）**の物ですが、以下のコマンドでboot.wimファイルの詳細を表示して確認することができます。

dism /Get-WimInfo /WimFile:"Q:\PB Download\x64\ISO\Sources\boot.wim" /index:1

結果にバージョン : 10.0.14393で、エディションはProfessionalの表示がありました。14393が1607なのかどうかわかりにくいのですが、ネットで検索するとWindows 10 v1607であることを確認できます。

手動でダウンロードした「Windows PE Build Environment」を使う場合

自動でダウンロードされた「Windows PEビルド環境（Windows PE Build Environment）」を使わず、あらかじめ手動でダウンロードしたものを使いたい場合は以下のAOMEIのページから入るGoogleドライブから『**WinPE Env x86.zip』**及び『WinPE Env x64.zip』をダウンロードできます。これに含まれているboot.wimもバーション1607（10.0.14393）でエディションはProfessionalでした。

https://www.aomeitech.com/pe-builder-environment.html https://www.aomeitech.com/pe-builder-environment.html

これを使う場合はAOMEI PE Builder のインストールフォルダ内（C:\Program Files (x86)\AOMEI PE Builder 2.0）にあるDownloadPath.iniを開いてパスを変更しておく必要があります。

[ISO_X86]
WorkPath=J:\WinPE Env x86\WinPE Env\x86
[ISO_X64]
WorkPath=J:\WinPE Env x64\WinPE Env\x64

2. Windows ADKでPEの展開する

ADK for Windows 10 バージョン 1607をインストールしたら、**［スタート］-［Windows Kits］-［展開およびイメージングツール環境］を右クリックメニューから「管理者として実行」**します。

『展開およびイメージングツール』というタイトルのコマンドプロンプトが開くので、任意の展開先を含めた以下のコマンドを実行します。コマンドが正常に実行されたらファイルが指定のフォルダに展開されます。

copype amd64 c:\WinPE_amd64

今回はx64のPEを作成しようとしていますので、x86用を展開する場合はamd64部分をx86に置きかえて実行してください。

copype x86 c:\WinPE_x86

3. boot.wimを置き換える

AOMEI PE Builder製のboot.wimに日本語言語パッケージを追加する為に、boot.wimを入れ替えます。インストールしたADKに含まれているboot.wimはエディションがWindowsPEの物なので、AOMEI PE Builderの自動ダウンロードまたは手動ダウンロードしたエディションがProfessionalのboot.wimで上書きします。私の環境でわかりやすくすると以下のパスとなります。

::AOMEIのboot.wim（Professional）
Q:\PB Download\x64\ISO\Sources\boot.wim

    ↓上書き

::ダウンロードして展開したboot.wim（WindowsPE）
C:\WinPE_amd64\media\sources\boot.wim

4. 日本語化に必要なパッケージをboot.wimに追加

日本語版AOMEI PEを作成するために、日本語化に必要なパッケージを以下のDismコマンドでイメージファイル（boot.wim）に追加します。以下のコマンドは管理者として起動したコマンドプロンプトで実行してください。バッチファイル化して実行するときも管理者として実行してください。

rem --- wimのマウント ---
dism /Mount-Image /ImageFile:"C:\WinPE_amd64\media\sources\boot.wim" /index:1 /MountDir:"C:\WinPE_amd64\mount"

rem --- パスなど変数の設定 ---
set myx64=C:\Program Files (x86)\Windows Kits\10\Assessment and Deployment Kit\Windows Preinstallation Environment\amd64\WinPE_OCs

rem --- 日本語言語パックと日本語フォントの導入 ---
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\lp.cab"
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\WinPE-FontSupport-JA-JP.cab"

rem --- PowerShellパッケージの追加(パッケージ間に依存関係があるため以下の順に実行) ---
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\WinPE-WMI.cab"
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-WMI_ja-jp.cab"

dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\WinPE-Scripting.cab"
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-Scripting_ja-jp.cab"

dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\WinPE-StorageWMI.cab"
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-StorageWMI_ja-jp.cab"

dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\WinPE-EnhancedStorage.cab"
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-EnhancedStorage_ja-jp.cab"

dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\WinPE-HTA.cab"
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-HTA_ja-jp.cab"

dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-Rejuv_ja-jp.cab"

dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\WinPE-SecureStartup.cab"
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-SecureStartup_ja-jp.cab"

dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\WinPE-WDS-Tools.cab"
dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-WDS-Tools_ja-jp.cab"

dism /Add-Package /Image:"C:\WinPE_amd64\mount" /PackagePath:"%myx64%\ja-jp\WinPE-SRT_ja-jp.cab"

dism  /Image:"C:\WinPE_amd64\mount" /Enable-Feature /FeatureName:SMB1Protocol

rem --- ロケールとUIを日本語にする ---
dism /Image:"C:\WinPE_amd64\mount" /Set-Allintl:ja-jp
dism /Image:"C:\WinPE_amd64\mount" /Set-UserLocale:ja-JP /Set-InputLocale:0411:00000411

rem キーボードを日本語配列にする
dism /Image:"C:\WinPE_amd64\mount" /Set-LayeredDriver:6

rem タイムゾーンを東京にする
dism /Image:"C:\WinPE_amd64\mount" /set-TimeZone:"Tokyo Standard Time"

エラー: 0x800f081eが出たら

以下のエラーが出る場合、インストールしたADKのバージョンが間違っている可能性があります。

エラー: 0x800f081e

The specified package is not applicable to this image.

（指定されたパッケージはこのイメージには適用されません。）

この場合、一度ADKをアンインストールして再度1607用のADKをインストールしてください。

日本語化されているか確認

ちゃんとイメージが日本語化されているか確認するには以下のコマンドで確認できます。

dism /image:"c:\WinPE_amd64\mount" /get-intl

en-USだった部分がja-JPに変わっています。

5. システム回復オプション、スタートアップ修復のショートカット追加

調子の悪いWindowsを修復する上で、回復環境（WindowsRE）や回復ドライブのWindows PEで**「システム回復オプション（RecEnv.exe）」や「スタートアップ修復（StartRep.exe）」**を使うことが多いですが、AOMEI PEでも呼び出せば使えます。しかし、コマンドで呼び出さないといけません。それをスタートメニューから呼び出せるようショートカットを埋め込みます。

ダミーのXドライブをフォルダを作成

AOMEI PEはXドライブで起動するので、その状態と同じ階層のショートカットを作成する準備として以下のフォルダを作成します。

X:\sources\recovery

ダミーのファイルを作成

何でもいいので適当にテキストファイルなどを上記のフォルダに保存し、以下のファイル名にリネームしてダミーファイルを作成します。

RecEnv.exe
StartRep.exe

ショートカットを作成

上記のダミーファイルのショートカットを作成します。

X:\sources\recovery\RecEnv.exe　→　システム回復オプション
X:\sources\recovery\StartRep.exe　→　スタートアップ修復

スタートメニューにショートカットをコピー

上記のショートカットをAOMEI PEのスタートメニューに表示されるように、以下のスタートメニューフォルダにコピーします。

C:\WinPE_amd64\mount\Users\Default\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\System Tools

6. イメージを保存してマウントを解除

追加したパッケージを適用してイメージを保存する場合

追加したパッケージを適用することを確定させ、そのイメージを保存してからマウントを解除する場合はこのコマンドを実行します。これを実行しないと適用されたことになりません。

dism /Unmount-Image /Mountdir:"C:\WinPE_amd64\mount" /commit

追加したパッケージを適用せずマウント解除する場合

パッケージの適用がエラーで失敗したり、パッケージの追加をやり直したい場合など、イメージを保存せずマウントを解除したいときは以下のコマンドとなります。

dism /Unmount-Image /Mountdir:"C:\WinPE_amd64\mount" /discard

マウント解除に失敗したとき

マウント解除に失敗したり、マウント解除せずに処理を終了してしまった場合は該当フォルダの操作ができなくなります。その場合は以下のコマンドを実行します。

dism /cleanup-wim

7. 完成したイメージをAOMEIのboot.wimに上書き

3.で行ったboot.wimの上書きの逆を行います。日本語パッケージが適用されたboot.wimをAOMEI PE BuilderはDownloadPath.ini記載されたパスを使用してWindows PEを作成するからです。

::日本語化されたboot.wim
C:\WinPE_amd64\media\sources\boot.wim

    ↓上書き

::AOMEIのboot.wim
Q:\PB Download\x64\ISO\Sources\boot.wim

8. Aomei Backupper の日本語化

AOMEI PEに含まれているバックアップソフト「 Aomei Backupper 」を日本語化するためには以下のファイルを開き、編集して上書き保存します。メモ帳で編集する場合、管理者として実行したメモ帳で開かないと上書き保存できないので注意してください。

C:\Program Files (x86)\AOMEI PE Builder 2.0\AomeiBackuper\x86\cfg.ini

このファイルをメモ帳で開き、以下の内容に変更して上書き保存します。

[Language]
LANGUAGE=lang\ja.txt

9. Partition Assistant の日本語化

AOMEI PEに含まれているパーテーション編集ソフト「 Partition Assistant 」を日本語化するためには以下のファイルを開き、編集して上書き保存します。こちらもメモ帳で編集する場合、管理者として実行したメモ帳で開かないと上書き保存できないので注意してください。

C:\Program Files (x86)\Aomei PE Builder 2.0\PartitionAssistant\x86

このファイルをメモ帳で開き、以下の内容に変更して上書き保存します。

[Language]
LANGUAGE=lang\jp.txt;17
[CONFIG]
COUNT=1

日本語化できた！

上記の1～9の作業を行い、AOMEI PE Bulderから作成した起動ディスクでPCを起動してみたところ日本語化できていました。「Aomei Backupper」はなぜか英語のままでしたが、「Partition Assistant」はちゃんと日本語化されていました。キーボード入力も:と\を普通に打つことができました。

エクスプローラーも日本語化されていました。

**「システム回復オプション」と「スタートアップ修復」**のショートカットもちゃんとスタートメニュー表示されいました。

Windows PEの日本語化に関する参考ページ

https://qiita.com/SkyLaptor/items/204245cf6bb4fee5b19d https://qiita.com/SkyLaptor/items/204245cf6bb4fee5b19d

https://nakapon.hatenablog.com/entry/20160924/1474699996 https://nakapon.hatenablog.com/entry/20160924/1474699996

http://www.os-museum.com/windowspedismbasic/winpex86.htm http://www.os-museum.com/windowspedismbasic/winpex86.htm

https://gist.github.com/mkht/2efd8c057902568a427e224c0260f5ef https://gist.github.com/mkht/2efd8c057902568a427e224c0260f5ef

https://a-zs.net/windows10-kitting-2/ https://a-zs.net/windows10-kitting-2/

AOMEI PE Builder について

https://www.aomeitech.com/pe-builder.html https://www.aomeitech.com/pe-builder.html

https://forest.watch.impress.co.jp/library/software/aomei_pe/ https://forest.watch.impress.co.jp/library/software/aomei_pe/

https://forest.watch.impress.co.jp/docs/review/1102042.html https://forest.watch.impress.co.jp/docs/review/1102042.html

https://www.vector.co.jp/magazine/softnews/141120/n1411201.html https://www.vector.co.jp/magazine/softnews/141120/n1411201.html

改造 on qwerty.work

【SharePoint】編集フォームのレイアウトを変更する方法メモ

フォームのレイアウトを複数列にしたい

参考ページ

マイクロソフトのページ

複数列にしたいときの書式例

ヘッダーのカスタマイズ

簡易版

アイコン付き版

アイコンについて

その他参考ページ

【EC-CUBE】関連商品プラグインで表示される商品一覧をカスタマイズしたいとき

関連商品のテンプレートTWIGファイルをカスタマイズしたい

テンプレートファイルの場所

商品詳細ページに表示される部分のテンプレート

管理画面用テンプレート

デフォルトのソース

カスタマイズに使った変数

デバッグしたいとき

デバッグモードに変更する方法と追記するコード

.envファイルの変更

テンプレートに追記するコード

参考ページ

作成したソース

商品詳細ページで使用するときの注意事項

form id=“form1"があるとうまく動かない

モーダルがうまく動かないとき

その他参考ページ

【EC-CUBE4】商品画像の最大サイズを制限して自動的にリサイズしてアップロードしたいとき。

アップロード画像の最大サイズを固定したい

参考ページ

手順

変更を加えるテンプレート

追記するコード

【PHP】ページにコピペで埋め込むだけで設置できるお問い合わせForm素材メモ

お問い合わせフォームを簡単に設置したい

MailForm01

php_mailform

シンプルなサンプル

その他参考

AOMEI PE Builderから日本語化したWindowsPE環境を作る方法

標準の英語キーボード環境では入力がツライ

日本語版Windows PEの作り方を流用したらできる？

日本語版AOMEI PEの作り方

1. 準備するもの

ADKはWindows 10 バージョン1607用をダウンロード

AOMEI PE Builderで自動でダウンロードされるWindows PEビルド環境について

手動でダウンロードした「Windows PE Build Environment」を使う場合

2. Windows ADKでPEの展開する

3. boot.wimを置き換える

4. 日本語化に必要なパッケージをboot.wimに追加

エラー: 0x800f081eが出たら

日本語化されているか確認

5. システム回復オプション、スタートアップ修復のショートカット追加

ダミーのXドライブをフォルダを作成

ダミーのファイルを作成

ショートカットを作成

スタートメニューにショートカットをコピー

6. イメージを保存してマウントを解除

追加したパッケージを適用してイメージを保存する場合

追加したパッケージを適用せずマウント解除する場合

マウント解除に失敗したとき

7. 完成したイメージをAOMEIのboot.wimに上書き

8. Aomei Backupper の日本語化

9. Partition Assistant の日本語化

日本語化できた！

Windows PEの日本語化に関する参考ページ

AOMEI PE Builder について