[{"data":1,"prerenderedAt":138},["ShallowReactive",2],{"work-484":3},{"id":4,"date":5,"date_gmt":6,"guid":7,"modified":9,"modified_gmt":10,"slug":11,"status":12,"type":13,"link":14,"title":15,"content":17,"featured_media":20,"template":21,"displaytop":22,"acf":24,"_links":25,"_embedded":50},484,"2026-07-14T13:49:43","2026-07-14T04:49:43",{"rendered":8},"https://web.yamakinocorori.com/?post_type=works&p=484","2026-07-14T14:20:01","2026-07-14T05:20:01","cultivera%ef%bc%88%e3%82%ab%e3%83%ab%e3%83%86%e3%82%a3%e3%83%99%e3%83%a9%ef%bc%89%e3%82%b3%e3%83%bc%e3%83%9d%e3%83%ac%e3%83%bc%e3%83%88%e3%82%b5%e3%82%a4%e3%83%88","publish","works","https://web.yamakinocorori.com/works/484/",{"rendered":16},"Cultivera（カルティベラ）コーポレートサイト",{"rendered":18,"protected":19},"\u003Cp>WordPress、JavaScript、HTML、CSS\u003Cbr />\n【概要】新規コーポレートサイト（農業技術開発企業）\u003Cbr />\n【機能】カスタム投稿「PROJECT」／カスタムフィールドによるページ構築／レスポンシブ対応\u003Cbr />\n【担当作業】テクニカルディレクション、設計、難所実装、リードコーディング、コードレビュー、仕上げ\u003Cbr />\n【制作期間】約3ヶ月（実装稼働）\u003Cbr />\n【URL】\u003Ca href=\"https://cultivera.jp/\" target=\"_blank\" rel=\"noopener\">https://cultivera.jp/\u003C/a>\u003C/p>\n\u003Cp> \u003C/p>\n\u003Ch2 class=\"text-center\">成果とデザイナーの声\u003C/h2>\n\u003Cul class=\"result-list\">\n\u003Cli>\u003Cstrong>待望の公開:\u003C/strong> 数年がかりのプロジェクトを経て、2026年6月に公開。長く待たれていたサイトだけに、公開と同時に業界内外から反響が寄せられた。\u003C/li>\n\u003Cli>\u003Cstrong>色褪せないデザイン:\u003C/strong> 長い時間を重ねてなお古びず、公開時点でも新しさを保つデザインだった。\u003C/li>\n\u003Cli>\u003Cstrong>デザイナーからの信頼:\u003C/strong> デザインを手がけた non Editions 青山希望さんに仕事を評価いただき、その後も継続してご依頼をいただいている。\u003C/li>\n\u003C/ul>\n\u003Cp> \u003C/p>\n\u003Ch2>はじめに\u003C/h2>\n\u003Cp class=\"p3\">「自然の叡智で『生きる』を拡張する。」——独自の栽培技術 Moisculture を軸に、未来の農業を切り拓く企業\u003Cstrong>カルティベラ\u003C/strong>様のコーポレートサイトです。\u003C/p>\n\u003Cp class=\"p3\">デザインを手がけたのは、\u003Cstrong>non Editions の青山希望さん\u003C/strong>。掲げるビジョンを、格調高く・静かに・力強く伝える世界観がつくり込まれていました。\u003C/p>\n\u003Cp class=\"p3\">構想からリスケを挟み、公開までには長い時間をかけたプロジェクトです。それでも青山さんのデザインは\u003Cstrong>まったく色褪せることなく\u003C/strong>、2026年6月の公開時点でも古びない完成度。私たち山キノコロリ Web事業部が担ったのは、その世界観を\u003Cstrong>一切損なわずWebとして立ち上げる\u003C/strong>技術的な役割です。\u003C/p>\n\u003Cp> \u003C/p>\n\u003Ch2>1. 制作前の課題 ― デザインの世界観を、Webで“そのまま”成立させる\u003C/h2>\n\u003Cul>\n\u003Cli>静止画のデザインカンプには\u003Cstrong>「動き」や「余白の呼吸」\u003C/strong>が織り込まれており、それをWeb上で自然に再現する必要があった。\u003C/li>\n\u003Cli>レスポンシブの\u003Cstrong>中間幅などカンプに存在しない状態\u003C/strong>を、世界観を壊さずに補完する必要があった。\u003C/li>\n\u003Cli>「PROJECT」は投稿形式のため、\u003Cstrong>一覧ページと詳細ページで見せる情報が異なり\u003C/strong>、さらに文章や画像が増減しても\u003Cstrong>デザインの美しさが崩れない\u003C/strong>設計が求められた。\u003C/li>\n\u003C/ul>\n\u003Cp> \u003C/p>\n\u003Ch2>2. 施策 ― 世界観の再現と、破綻しない設計\u003C/h2>\n\u003Ctable class=\"table table-bordered\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>\n\u003Cp class=\"p1\">\u003Cstrong>施策\u003C/strong>\u003C/p>\n\u003C/th>\n\u003Cth>\n\u003Cp class=\"p1\">\u003Cstrong>具体的な実装\u003C/strong>\u003C/p>\n\u003C/th>\n\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\n\u003Cp class=\"p1\">\u003Cstrong>デザインの世界観を再現\u003C/strong>\u003C/p>\n\u003C/td>\n\u003Ctd>\n\u003Cp class=\"p1\">青山さんのデザイン意図を読み取り、動き・レスポンシブの中間状態を補完。デザイナー本人が納得する再現度まで作り込んだ\u003C/p>\n\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>\n\u003Cp class=\"p1\">\u003Cstrong>「PROJECT」の設計・品質担保\u003C/strong>\u003C/p>\n\u003C/td>\n\u003Ctd>\n\u003Cp class=\"p1\">多数のカスタムフィールドを要する「PROJECT」で、一覧ページと詳細ページで見せる情報が異なる構造を整理。文章や画像が増減しても破綻せず美しさを保つ設計方針を定め、品質を管理した\u003C/p>\n\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>\n\u003Cp class=\"p1\">\u003Cstrong>チーム開発の統括\u003C/strong>\u003C/p>\n\u003C/td>\n\u003Ctd>\n\u003Cp class=\"p1\">テクニカルディレクション・リードコーディング・コードレビューを担い、難所を自ら実装。全体の仕上げまで統括した\u003C/p>\n\u003C/td>\n\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003Cp> \u003C/p>\n\u003Ch2>3. 成果 ― 数年越しの“待望のローンチ”\u003C/h2>\n\u003Cul>\n\u003Cli>\u003Cstrong>待望の公開:\u003C/strong> 着手から数年越しでの公開となり、長く待たれていたサイトだけに、公開と同時に業界内外から反響が集まった。\u003C/li>\n\u003Cli>\u003Cstrong>デザイナーからの継続依頼:\u003C/strong> デザインを手がけた non Editions 青山希望さんに仕事を評価いただき、\u003Cstrong>その後も継続してご依頼をいただいている。\u003C/strong>\u003C/li>\n\u003C/ul>\n\u003Cp> \u003C/p>\n\u003Ch2>4. 担当範囲 ― 良い座組で、完成度を最大化\u003C/h2>\n\u003Ctable class=\"table table-bordered\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>\n\u003Cp class=\"p1\">\u003Cstrong>項目\u003C/strong>\u003C/p>\n\u003C/th>\n\u003Cth>\n\u003Cp class=\"p1\">\u003Cstrong>担当\u003C/strong>\u003C/p>\n\u003C/th>\n\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\n\u003Cp class=\"p1\">デザイン\u003C/p>\n\u003C/td>\n\u003Ctd>\n\u003Cp class=\"p1\">non Editions・青山希望さん\u003C/p>\n\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>\n\u003Cp class=\"p1\">テクニカルディレクション・設計\u003C/p>\n\u003C/td>\n\u003Ctd>\n\u003Cp class=\"p1\">山キノコロリ Web事業部\u003C/p>\n\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>\n\u003Cp class=\"p1\">難所実装・カスタムフィールド／カスタム投稿設計\u003C/p>\n\u003C/td>\n\u003Ctd>\n\u003Cp class=\"p1\">山キノコロリ Web事業部\u003C/p>\n\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>\n\u003Cp class=\"p1\">リードコーディング・コードレビュー・仕上げ\u003C/p>\n\u003C/td>\n\u003Ctd>\n\u003Cp class=\"p1\">山キノコロリ Web事業部\u003C/p>\n\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>\n\u003Cp class=\"p1\">コーディング（実装協力）\u003C/p>\n\u003C/td>\n\u003Ctd>\n\u003Cp class=\"p1\">ギガデザイン yanagi\u003C/p>\n\u003C/td>\n\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003Cp> \u003C/p>\n\u003Ch2>まとめ — 優れたデザインを、優れた実装で“翻訳”する\u003C/h2>\n\u003Cp class=\"p1\">このプロジェクトで山キノコロリ Web事業部が果たしたのは、青山さんの世界観を読み取り、\u003Cstrong>動きやレスポンシブの中間状態まで補完して、デザイナー本人が納得する形でWebへ翻訳する\u003C/strong>役割でした。\u003C/p>\n\u003Cul>\n\u003Cli>カンプの\u003Cstrong>「動き」「余白」まで読み取り\u003C/strong>、静止画にない状態を世界観そのままに補完。\u003C/li>\n\u003Cli>多数のカスタムフィールドを扱う\u003Cstrong>「PROJECT」の設計方針と品質基準を定め\u003C/strong>、チームで作っても破綻しない仕組みを統括。\u003C/li>\n\u003Cli>テクニカルディレクション・リードコーディング・コードレビューで\u003Cstrong>全体の品質を担保\u003C/strong>。\u003C/li>\n\u003C/ul>\n\u003Cp class=\"p1\">優れたデザインは、\u003Cstrong>実装で再現しきれてはじめて価値になります。\u003C/strong>デザイナーの意図を正確に読み取り、世界観を損なわずWebへ翻訳すること──それが、私たち山キノコロリ Web事業部が最も大切にしている仕事です。\u003C/p>\n\u003Cp> \u003C/p>\n\u003Ch2>ご相談ください\u003C/h2>\n\u003Cp class=\"p4\">デザイナーさん・制作会社さんから、こんなご相談をよくいただきます。\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>デザインの世界観を崩さずWeb実装したい\u003C/strong>\u003C/li>\n\u003Cli>\u003Cstrong>カンプにない動き・レスポンシブの中間まで詰めたい\u003C/strong>\u003C/li>\n\u003Cli>\u003Cstrong>カスタムフィールド設計で、更新しても破綻しないCMSにしたい\u003C/strong>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"p4\">カンプの“外側”まで意図を汲んでWebに立ち上げる──\u003Cstrong>翻訳と実装のパートナー\u003C/strong>が必要なときは、お気軽にご連絡ください。ご要望とご予算を伺い、最適なプランをご提案します。\u003C/p>\n\u003Cp class=\"p4\">▶ \u003Ca href=\"https://yamakinocorori.com/contact-webkinocorori/\" target=\"_blank\" rel=\"noopener\">お問い合わせフォーム\u003C/a>\u003C/p>\n",false,485,"",[23],3,[],{"self":26,"collection":29,"about":32,"wp:featuredmedia":35,"wp:attachment":39,"wp:term":42,"curies":46},[27],{"href":28},"https://web.yamakinocorori.com/wp-json/wp/v2/works/484",[30],{"href":31},"https://web.yamakinocorori.com/wp-json/wp/v2/works",[33],{"href":34},"https://web.yamakinocorori.com/wp-json/wp/v2/types/works",[36],{"embeddable":37,"href":38},true,"https://web.yamakinocorori.com/wp-json/wp/v2/media/485",[40],{"href":41},"https://web.yamakinocorori.com/wp-json/wp/v2/media?parent=484",[43],{"taxonomy":44,"embeddable":37,"href":45},"displaytop","https://web.yamakinocorori.com/wp-json/wp/v2/displaytop?post=484",[47],{"name":48,"href":49,"templated":37},"wp","https://api.w.org/{rel}",{"wp:featuredmedia":51,"wp:term":116},[52],{"id":20,"date":53,"slug":54,"type":55,"link":56,"title":57,"author":59,"acf":60,"caption":61,"alt_text":21,"media_type":62,"mime_type":63,"media_details":64,"source_url":96,"_links":101},"2026-07-14T13:49:38","%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2026-07-14-13-45-28","attachment","https://web.yamakinocorori.com/works/484/%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2026-07-14-13-45-28/",{"rendered":58},"スクリーンショット 2026-07-14 13.45.28",1,[],{"rendered":21},"image","image/jpeg",{"width":65,"height":65,"file":66,"filesize":67,"sizes":68,"image_meta":97},1846,"2026/07/スクリーンショット-2026-07-14-13.45.28.jpg",560566,{"medium":69,"large":74,"thumbnail":79,"medium_large":84,"1536x1536":89,"full":94},{"file":70,"width":71,"height":71,"filesize":72,"mime_type":63,"source_url":73},"スクリーンショット-2026-07-14-13.45.28-300x300.jpg",300,40327,"https://webwp.yamakinocorori.com/wp-media/2026/07/スクリーンショット-2026-07-14-13.45.28-300x300.jpg",{"file":75,"width":76,"height":76,"filesize":77,"mime_type":63,"source_url":78},"スクリーンショット-2026-07-14-13.45.28-1024x1024.jpg",1024,254019,"https://webwp.yamakinocorori.com/wp-media/2026/07/スクリーンショット-2026-07-14-13.45.28-1024x1024.jpg",{"file":80,"width":81,"height":81,"filesize":82,"mime_type":63,"source_url":83},"スクリーンショット-2026-07-14-13.45.28-150x150.jpg",150,20880,"https://webwp.yamakinocorori.com/wp-media/2026/07/スクリーンショット-2026-07-14-13.45.28-150x150.jpg",{"file":85,"width":86,"height":86,"filesize":87,"mime_type":63,"source_url":88},"スクリーンショット-2026-07-14-13.45.28-768x768.jpg",768,161252,"https://webwp.yamakinocorori.com/wp-media/2026/07/スクリーンショット-2026-07-14-13.45.28-768x768.jpg",{"file":90,"width":91,"height":91,"filesize":92,"mime_type":63,"source_url":93},"スクリーンショット-2026-07-14-13.45.28-1536x1536.jpg",1536,473498,"https://webwp.yamakinocorori.com/wp-media/2026/07/スクリーンショット-2026-07-14-13.45.28-1536x1536.jpg",{"file":95,"width":65,"height":65,"mime_type":63,"source_url":96},"スクリーンショット-2026-07-14-13.45.28.jpg","https://webwp.yamakinocorori.com/wp-media/2026/07/スクリーンショット-2026-07-14-13.45.28.jpg",{"aperture":98,"credit":21,"camera":21,"caption":21,"created_timestamp":98,"copyright":21,"focal_length":98,"iso":98,"shutter_speed":98,"title":21,"orientation":99,"keywords":100},"0","1",[],{"self":102,"collection":104,"about":107,"author":110,"replies":113},[103],{"href":38},[105],{"href":106},"https://web.yamakinocorori.com/wp-json/wp/v2/media",[108],{"href":109},"https://web.yamakinocorori.com/wp-json/wp/v2/types/attachment",[111],{"embeddable":37,"href":112},"https://web.yamakinocorori.com/wp-json/wp/v2/users/1",[114],{"embeddable":37,"href":115},"https://web.yamakinocorori.com/wp-json/wp/v2/comments?post=485",[117],[118],{"id":23,"link":119,"name":120,"slug":121,"taxonomy":44,"acf":122,"_links":123},"https://web.yamakinocorori.com/displaytop/visible/","表示する","visible",[],{"self":124,"collection":127,"about":130,"wp:post_type":133,"curies":136},[125],{"href":126},"https://web.yamakinocorori.com/wp-json/wp/v2/displaytop/3",[128],{"href":129},"https://web.yamakinocorori.com/wp-json/wp/v2/displaytop",[131],{"href":132},"https://web.yamakinocorori.com/wp-json/wp/v2/taxonomies/displaytop",[134],{"href":135},"https://web.yamakinocorori.com/wp-json/wp/v2/works?displaytop=3",[137],{"name":48,"href":49,"templated":37},1784006493950]