プログラムを簡易エディタに貼り付けて「実行」ボタンを押して実行すると、以下のように表示されます。日付に注目してみると、正しく新しい順に並んでいるのを確認できます。プログラムを実行したところプログラムを確認してみましょう。プログラムの前半はサンプルデータです。後半が実際のプログラムです。(*1)の部分では、テキストデータを二次元配列に変換します。方法としては、ひとまとまりのデータを改行二つで区切ります。各データを改行で分割するというものです。(*2)の部分では日付順に並び替えます。プログラミング言語には、配列を任意の順番で並び替える命令が用意されています。なでしこにも、命令『配列カスタムソート』があります。これを使って、日付順に並び替えます。最後に(*3)の部分で、二次元配列変数をテキスト形式に変換して出力します。使いやすくUIを作ろうさて、ここまでのプログラムで、おおまかなプログラムは完成しました。今度は、プログラムを手軽に実行できるように、操作画面であるUIを作成してプログラムを完成させましょう。id="output"></textarea></div>』をHTML設定。"background-color":"#FFF0F0"}を、DOMスタイル一括設定。