アプリ開発の調査にかかる
時間を削減したい
内製化支援サービス
アプリを自分たちで
作成できるようになりたい
DX人材育成プログラム
プロに開発を依頼したい
アプリ開発導入支援サービス
機能拡張サービス
X-SP Feature
デザイン拡張サービス
X-SP Design
モダン化から運用管理までサポート
構築支援サービス
💡 この記事でわかること
Power Appsで年月のみの日付を登録した後、SharePointリスト側の表示も年月のみに統一したいと思いませんか？本記事では、SharePointリストの日付列を年月のみで表示する2つの方法を解説します。1つ目はコーディング不要の数式列追加、2つ目はJSONを使った列の書式設定です。それぞれのメリット・デメリットを比較し、状況に応じた選択の参考にしてください。
- SharePointリストの日付列を年月のみ表示する2つの方法の概要
- コーディング不要の数式列追加手順
- JSONを使った列の書式設定（getYear・getMonth関数）の手順
- 数式列追加とJSON書式設定のメリット・デメリット比較
小刀稱 知哉ことね ともや
得意領域
Power PlatformやSharePointを中心に設計・開発・アドバイス・教育まで幅広く担当しています。内製化をご希望の場合はお気軽にお問い合わせください！
保有資格
SharePointリストのカスタマイズやPower Appsとの連携設計でお困りですか？アーティサンのSharePoint構築支援サービスで、業務に最適なシステム構成をご提案します。
通常このような場合、デートピッカー（DatePicker）を用いることが一般的です。
しかし、デートピッカーは年月日（例：2021年12月7日）までを必ず選択する必要があります。
よって、年月（例：2021年12月）のみで日付を表示・選択したい場合には、デートピッカーでの運用は向いておりません。
そこで本連載では、ドロップダウンを用いて、年月のみで日付の表示・選択を行う方法についてお伝えします。
前回までの内容は、以下をご参照ください。
前回、「データテーブル・ギャラリーを修正」までご紹介しました。
今回は、SharePointリストの表示を変更するについてお伝えします。
SharePointリストの表示を変更する
SharePointリストの列の表示を日付（年月のみ）とする方法について説明します。
変更方法としては以下2通りの方法があります。
それぞれの方法を以下で説明します。
新しい列を追加し、数式を用いて表示方法を設定
新しい列を追加し、以下の設定を行います。
ポイントとしては=TEXT(日付,”yyyy年MM月”)の部分です。
事前に作成していた「日付」列の値から、年月のみを表示するように設定しています。
SharePointリストを表示してみましょう。
年月のみ表示されている列が新しく追加されました。
このままでは、「日付」列と「日付（年月）」列の２つが表示されてしまいますので、ビューから「日付」列を削除するなどの対応を行ってください。
既存列の書式設定をJSONにて設定
「日付」列の書式設定から、以下JSONを記載します。
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"txtContent": "= getYear(@currentField) + '年' + getMonth(@currentField) + '月'"
}
ポイントとしては「数式」項目の
txtContent”: “= getYear(@currentField) + ‘年’ + getMonth(@currentField) + ‘月'”の部分です。
@currentFieldが「日付」列に格納されている実際の値であり、getYear・getMonthを用いて、年及び月を取得しています。
上記設定により、「日付」列の表示を変更することができました。
SharePointリストの表示を変更する際のメリット・デメリット
上記2つの方法について、メリット・デメリットをまとめました。
| メリット | デメリット |
|---|---|---|
新しい列を追加し、 | ・コーディングの知識がほぼ不要 | ・新しい列を別途追加する必要あり |
既存列の書式設定をJSONにて設定 | ・新しい列を追加する必要なし | ・コーディングの知識が必要 |
「新しい列を追加し、数式にて表示方法を設定する」方法は、コーディングの知識がほぼ不要であるため、作成する難易度は低く、お手軽に実施することが可能です。
しかし、新しい列を別途追加する必要があります。
一方、「既存列の書式設定をJSONにて設定」する場合は、新しい列を追加する必要がありません。
しかし、多少コーディング（JSON）の知識が必要となるので、実装するためのハードルが高くなってしまいます。
本連載では、Power Apps キャンバスアプリを用いて、年月のみで日付を表示・選択する方法について紹介しました。
今回ご紹介した内容を、活用いただければ幸いです。
【このシリーズの過去回一覧】
Power AppsとSharePointを組み合わせた業務アプリの開発・運用をサポートします。アーティサンのPower Apps / Power Automate 導入支援サービスにお気軽にご相談ください。
