body {
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
}
コンセプトは「無難」
上記で紹介した組み合わせは最適解のひとつにすぎません。
ウェブのフォント指定は幅広い選択肢があり、
シチュエーションによっては他にも適した選択も考えられます。
このフォントの組み合わせは、
多くのウェブ制作者にとっての最大公約数の解決案となることを目指して検討しました。
・容量の肥大化を回避する
・納品後の保守のリスクを避ける
ウェブ制作を受託で対応している場合、
納品後のソースコードを編集できないケースは少なくありません。
納品後においても一定期間（たとえば瑕疵担保責任かしたんぽせきにんの期間など）問題が
起きないようにしておきたいところです。
そう考えると、「無難」なフォント選定はビジネス観点でも無視できません。
class PropertyFeatureTest extends TestCase
{
use RefreshDatabase;
/**
* @var array $featureCategory
*/
private $propertyFeature;
public function setUp(): void
{
parent::setUp();
// テストでmigrateするときに、
// 個別にmasterデータとして利用するデータのSeeder実行しないといけない
$this->seed('PropertyFeatureSeeder');
// マスタテーブルから、物件特徴を取得 (型：コレクション)
$this->propertyFeature = PropertyFeature::all();
}
public function should_全ての物件特徴情報をJSONで返す()
{
$response = $this->json('GET', route('master.propertyFeature'));
$response
// 配列を使って全部のfeatureが正しいかどうかもチェックできる
// (* ソート順が反対にしてあるみたい)
->assertJsonPath('*.feature',
$this->propertyFeature
// ->reverse()
->pluck('feature')
->toArray()
);
Property Feature (Tests\Feature\MasterData\PropertyFeature) ✘ Should 全ての物件特徴情報をJSONで返す ┐ ├ Failed asserting that two arrays are identical. ┊ ---·Expected ┊ +++·Actual ┊ @@ @@ ┊ Array &0 ( ┊ -····0·=>·'保証人不要' ┊ -····1·=>·'特定優良賃貸住宅' ┊ -····2·=>·'フリーレント' ┊ -····3·=>·'リフォーム済み' ┊ -····4·=>·'保証人不要' ┊ -····5·=>·'ウォークインクローゼット' ┊ -····6·=>·'床下収納' ┊ -····7·=>·'インターネット無料' ┊ -····8·=>·'BSアンテナ' ┊ -····9·=>·'インターネット接続可' ┊ -····10·=>·'ペット相談可' ┊ -····11·=>·'女性限定' ┊ -····12·=>·'即入居可' ┊ -····13·=>·'TVモニタ付きインタホン' ┊ -····14·=>·'管理人有り' ┊ -····15·=>·'オートロック' ┊ -····16·=>·'敷地内ゴミ置場' ┊ -····17·=>·'宅配ボックス' ┊ -····18·=>·'エレベーター' ┊ -····19·=>·'敷地内駐車場' ┊ -····20·=>·'駐車場あり' ┊ -····21·=>·'コンロ２口以上' ┊ -····22·=>·'IHコンロ' ┊ -····23·=>·'ガスコンロ対応' ┊ -····24·=>·'シャワールーム' ┊ -····25·=>·'追い焚き風呂' ┊ -····26·=>·'浴室乾燥機' ┊ -····27·=>·'温水洗浄便座' ┊ -····28·=>·'バス・トイレ別' ┊ -····29·=>·'ガス暖房' ┊ -····30·=>·'灯油暖房' ┊ -····31·=>·'床暖房' ┊ -····32·=>·'エアコン付き' ┊ -····33·=>·'フローリング' ┊ -····34·=>·'洗面所独立' ┊ -····35·=>·'室内洗濯機置場' ┊ -····36·=>·'南向き' ┊ -····37·=>·'角部屋' ┊ -····38·=>·'最上階' ┊ -····39·=>·'２階以上' ┊ -····40·=>·'１階の物件' ┊ -····41·=>·'写真付き' ┊ -····42·=>·'間取り図付き' ┊ -····43·=>·'新着·(２-７日前)' ┊ -····44·=>·'ブロック・その他' ┊ -····45·=>·'木造' ┊ -····46·=>·'鉄骨系' ┊ -····47·=>·'鉄筋系' ┊ +····0·=>·'鉄筋系' ┊ +····1·=>·'鉄骨系' ┊ +····2·=>·'木造' ┊ +····3·=>·'ブロック・その他' ┊ +····4·=>·'新着·(２-７日前)' ┊ +····5·=>·'間取り図付き' ┊ +····6·=>·'写真付き' ┊ +····7·=>·'１階の物件' ┊ +····8·=>·'２階以上' ┊ +····9·=>·'最上階' ┊ +····10·=>·'角部屋' ┊ +····11·=>·'南向き' ┊ +····12·=>·'室内洗濯機置場' ┊ +····13·=>·'洗面所独立' ┊ +····14·=>·'フローリング' ┊ +····15·=>·'エアコン付き' ┊ +····16·=>·'床暖房' ┊ +····17·=>·'灯油暖房' ┊ +····18·=>·'ガス暖房' ┊ +····19·=>·'バス・トイレ別' ┊ +····20·=>·'温水洗浄便座' ┊ +····21·=>·'浴室乾燥機' ┊ +····22·=>·'追い焚き風呂' ┊ +····23·=>·'シャワールーム' ┊ +····24·=>·'ガスコンロ対応' ┊ +····25·=>·'IHコンロ' ┊ +····26·=>·'コンロ２口以上' ┊ +····27·=>·'駐車場あり' ┊ +····28·=>·'敷地内駐車場' ┊ +····29·=>·'エレベーター' ┊ +····30·=>·'宅配ボックス' ┊ +····31·=>·'敷地内ゴミ置場' ┊ +····32·=>·'オートロック' ┊ +····33·=>·'管理人有り' ┊ +····34·=>·'TVモニタ付きインタホン' ┊ +····35·=>·'即入居可' ┊ +····36·=>·'女性限定' ┊ +····37·=>·'ペット相談可' ┊ +····38·=>·'インターネット接続可' ┊ +····39·=>·'BSアンテナ' ┊ +····40·=>·'インターネット無料' ┊ +····41·=>·'床下収納' ┊ +····42·=>·'ウォークインクローゼット' ┊ +····43·=>·'保証人不要' ┊ +····44·=>·'リフォーム済み' ┊ +····45·=>·'フリーレント' ┊ +····46·=>·'特定優良賃貸住宅' ┊ +····47·=>·'保証人不要' ┊ ) │ ╵ /var/www/html/vendor/laravel/framework/src/Illuminate/Testing/TestResponse.php:530 ╵ /var/www/html/tests/Feature/MasterData/PropertyFeatureTest.php:91
JSON は文字列です。
ですので、ネットワークを通してデータを転送したい場合に便利です。
JSON データへアクセスしたい場合は、
JavaScript オブジェクトへ変換する必要があります。
JavaScript には JSON と JavaScript オブジェクトを
相互に変換できるメソッドを持った JSON というグローバルなオブジェクトがあるので、
その変換は大きな問題ではありません。
JSON は JavaScript オブジェクトの構文に
従ったテキストベースのフォーマットで、
JSON は JavaScript オブジェクトの構文に似ていますが、
JavaScript とは独立して扱われることがあり、
多くのプログラミング言語環境には
JSON を読み込む(パースする)したり
生成したりする機能があります。
