PageSourceSearch

https://sora.style/index.php

html sora.style collected 2026-10-05 09:46:55 UTC 17,776 bytes, 294 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
6  <title>AIが天気と相談して、着回し感覚で毎日のコーデを提案するアプリ、そらコーデ</title>
7  <meta name="keywords" content="コーディネート,ファッション,服装,天気,予報,生活指数,気象,衣替え,AI,決断疲れ,提案,そらこーで,そらかぜ" />
8  <meta name="description" content="AIがその日の天気と相談して、着回し感覚で毎日のコーディネートを提案するモバイルアプリです" />
9  <meta property="og:url" content="https://sora.style/" />
10  <meta property="og:image:height" content="630" />
11  <meta property="og:type" content="website" />
12  <meta property="og:description" content="AIがその日の天気と相談して、着回し感覚で毎日のコーディネートを提案するモバイルアプリです" />
13  <meta property="og:image:width" content="1200" />
14  <meta property="og:title" content="AI×天気でコーデをチェック!" />
15  <meta property="og:image" content="./img/ogpimage-sora-style.jpg"  />
16  <meta property="og:site_name" content="そらコーデ" />
17  <link rel="icon" href="./favicon.ico" sizes="48x48" >
18  <link rel="icon" href="/img/favicon.svg" sizes="any" type="image/svg+xml">
19  <link rel="apple-touch-icon" href="./img/apple-touch-icon.png"/>
20  <link rel="manifest" href="./site.webmanifest" />
21  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap" />
22  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/assets/owl.carousel.min.css" />
23  <link rel="stylesheet" href="https://themes.audemedia.com/html/goodgrowth/css/owl.theme.default.min.css" />
24  <link rel="stylesheet" href="./style.css" />
25  
25<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
25
26  
26<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/owl.carousel.min.js"></script>
26
27</head>
28<body>
29  <div class="wrapper">
30  <header>
31<div class="icon"><a href="./index.php"><img src="./img/app-icon.svg" alt="そらコーデロゴ"><h1>そらコーデ</h1></a></div>
32  <section class="nav-pc">
33  <ul>
34    <li class="menu"><a href="./index.php#hero">ダウンロード</a></li>
35    <li class="menu"><a href="./index.php#usage">できること</a></li>
36    <li class="menu"><a href="./index.php#more">その他のアプリ</a></li>
37    <li class="menu"><a href="./faq.php">FAQ</a></li>
38  </ul>
39  </section>
40  <section class="nav-mobile">
41  <ul>
42    <li class="menu"><a href="./index.php#hero">ダウンロード</a></li>
43    <li class="menu"><a href="./index.php#usage">できること</a></li>
44    <li class="menu"><a href="./index.php#more">その他のアプリ</a></li>
45    <li class="menu"><a href="./faq.php">よくあるご質問とお問い合せ</a></li>
46  </ul>
47  </section>
48</header>  </span>
49  <main>
50  <section id="hero">
51    <div class="unit">
52      <h1 class="title"><span class="cssbr"> AIで天気と相談する</span>コーデアプリ</h1>
53      <div class="download">
54        <div class="caption">ダウンロードはこちらから</div>
55        <div class="button"><a href="https://apps.apple.com/jp/app/id6477568385" target="_blank"><img src="./img/badge_app-store.svg" width="109px" height="40px"></a><a href="https://play.google.com/store/apps/details?id=jp.co.sorakaze.sora_coord" target="_blank"><img src="./img/badge_google-play.svg" width="135px" height="40px"></a></div>
56      </div>
57    </div>
58    <div class="coordinate">
59      <div class="carousel">
60        <div class="row">
61          <div class="layout">
62            <div id="change-coordinate" class="owl-carousel">
63              <div class="item">
64                <img src="./img/style_000.png" alt="">
65              </div>
66              <div class="item">
67                <img src="./img/style_001.png" alt="">
68              </div>
69              <div class="item">
70                <img src="./img/style_002.png" alt="">
71              </div>
72              <div class="item">
73                <img src="./img/style_003.png" alt="">
74              </div>
75              <div class="item">
76                <img src="./img/style_004.png" alt="">
77              </div>
78              <div class="item">
79                <img src="./img/style_005.png" alt="">
80              </div>
81              <div class="item">
82                <img src="./img/style_006.png" alt="">
83              </div>
84              <div class="item">
85                <img src="./img/style_007.png" alt="">
86              </div>
87              <div class="item">
88                <img src="./img/style_008.png" alt="">
89              </div>
90            </div>
91          </div>
92        </div>
93      </div>
94    </div>
95
96  </section>
97  <section id="intro">
98    <div class="lead">
99      <p>AIがその日の天気と相談して、着回し感覚で毎日のコーディネートを提案するモバイルアプリです</p>
100    </div>
101    <div class="sample">
102      <img class="p1" src="./img/img_seasons-spring.webp" />
103      <img class="p2" src="./img/img_seasons-summer.webp" />
104      <img class="p3" src="./img/img_seasons-autumn.webp" />
105      <img class="p4" src="./img/img_seasons-winter.webp" />
106    </div>
107    <div class="lead">
108      <p>タイプ(レディース、メンズ、ユニセックス)やシーン(カジュアル、おしゃれ用、仕事用、など)、体質(暑がり、寒がり、など)、年代のプロフィールを設定できます</p>
109      <p>AIが提案したコーデを参考にして、その日のコーデを選んでみてください</p>
110    </div>
111  </section>
112  <section id="point">
113    <div class="unit-one">
114      <div class="text">
115        <h2>面倒な準備は必要ありません</h2>
116        <p>アプリを使い始めるために、手持ちのコーデアイテムを登録するなどの手間は必要ありません、当日のコーデはアプリ起動後すぐに、そして、他の日のコーデもボタンひとつで手軽に確認できます</p>
117      </div>
118      <div class="illust">
119        <img src="./img/img_female-one-touch.svg">
120      </div>
121    </div>
122    <div class="unit-two">
123      <h2>7人の個性豊かなAIコーディネーターが、毎日の服装選びをサポート!</h2>
124      <p>標準AIに加えて、それぞれ個性豊かなコメントでその日のコーディネートを提案、AIコーディネーターは、お好みに応じて設定画面で選ぶことができます</p>
125      <div class="card-container">
126      <div class="card-wrapper">
127          <div class="card">
128            <img src="./img/img_card-01.png" alt="ティーンポップコーディネーターのプロフィール画像">
129          </div>
130            <div class="bubble">
131              <div class="bubble-text">晴れた日は軽やかな春コーデを楽しもう!明るいカラーのスカートと軽めのトップスがおすすめだよ!</div>
132              <div class="bubble-title">ティーンポップ</div>
133            </div>
134        </div>
135        <div class="card-wrapper">
136          <div class="card">
137            <img src="./img/img_card-02.png" alt="ファッション講師コーディネーターのプロフィール画像">
138          </div>
139            <div class="bubble">
140              <div class="bubble-text">軽やかなシャツに薄手のジャケットを羽織るスタイルがおすすめです。スラックスと合わせると上品ですね。</div>
141              <div class="bubble-title">ファッション講師</div>
142            </div>
143        </div>
144        <div class="card-wrapper">
145          <div class="card">
146            <img src="./img/img_card-03.png" alt="ライフスタイルアドバイザーコーディネーターのプロフィール画像">
147          </div>
148            <div class="bubble">
149                <div class="bubble-text">明るいカラーのシャツに軽めのカーディガンを羽織ると、爽やかな印象になるよね。デニムとの相性も抜群!</div>
150                <div class="bubble-title">ライフスタイル アドバイザー</div>
151            </div>
152        </div>
153        <div class="card-wrapper">
154          <div class="card">
155            <img src="./img/img_card-04.png" alt="トレンドエキスパートコーディネーターのプロフィール画像">
156          </div>
157            <div class="bubble">
158              <div class="bubble-text">明るい晴れの日には、薄手のシャツにジャケットがバッチリじゃん!軽めのパンツとã
158‚¹ãƒ‹ãƒ¼ã‚«ãƒ¼ã§ãƒªãƒ©ãƒƒã‚¯ã‚¹ã—たスタイルが似合うっしょ。</div>
159              <div class="bubble-title">トレンド エキスパート</div>
160            </div>
161        </div>
162        <div class="card-wrapper">
163          <div class="card">
164            <img src="./img/img_card-05.png" alt="ヴィンテージ愛好家コーディネーターのプロフィール画像">
165          </div>
166            <div class="bubble">
167              <div class="bubble-text">軽やかな素材のブラウスにテーパードパンツがおすすめだと思うの。上にジャケットを合わせると良いかしら。</div>
168              <div class="bubble-title">ヴィンテージ愛好家</div>
169            </div>
170        </div>
171        <div class="card-wrapper">
172          <div class="card">
173            <img src="./img/img_card-06.png" alt="アートマスターコーディネーターのプロフィール画像">
174          </div>
175            <div class="bubble">
176              <div class="bubble-text">シンプルで落ち着きのあるスタイルで、シャツと軽いジャケットを合わせよう!ナチュラルなカラーで上品さを演出するんだぜ!</div>
177              <div class="bubble-title">アートマスター</div>
178            </div>
179        </div>
180        <div class="card-wrapper">
181          <div class="card">
182            <img src="./img/img_card-07.png" alt="アウトドアスタイリストコーディネーターのプロフィール画像">
183          </div>
184          <div class="bubble">
185            <div class="bubble-text">天気を楽しむために、軽めのジャケットとパンツの組み合わせがいいよ。カラフルなスニーカーを合わせて明るさを出そう!</div>
186            <div class="bubble-title">アウトドア スタイリスト</div>
187          </div>
188      </div>
189      <caption>※ 一部のAIコーディネーターはプレミアムプランでのみ選択可能です</caption>
190    </div>
191  </div>
192  </section>
193  <section id="usage">
194    <h2>できること</h2>
195    <ul>
196      <li>AIが提案するコーデの閲覧</li>
197      <li>現在地や指定した地域の10日間の天気予報や直近24時間の詳細な予報</li>
198      <li>生活指数(傘指数や紫外線、洗濯指数など)/季節情報(花粉情報や熱中症情報など)の閲覧</li>
199      <li>コーデの共有</li>
200    </ul>
201    <p>できることはシンプルだけど、わかりやすく実用的な情報が満載です</p>
202    <div class="feature">
203      <div class="style"><img src="./img/img_feature-coordinate.png"><h3>AIがコーデを提案</h3><p>知りたい日を選んで、天気とコーデを一緒にチェック!</p></div>
204      <div class="index"><img src="./img/img_feature-index.png"><h3>生活指数/季節情報</h3><p>日々の生活にまつわる情報をまとめてチェック!</p></div>
205      <div class="share"><img src="./img/img_feature-share.png"><h3>シェア機能</h3><p>表示されるコーデは、SNSに共有したり日記への記録などに!</p></div>
206    </div>
207  </section>
208  <section id="media">
209    <h2>各種メディアでも紹介いただきました!</h2>
210    <div class="media-info">
211      <div class="impress"><div class="date">2024.5.22</div><a href="https://www.watch.impress.co.jp/docs/news/1593618.html" target="_blank">天気予報とパーソナルデータから服装を提案するアプリ「そらコーデ」</a><br />- Impress Watch -<br />Yahoo!ニュースにも同時掲載!</div>
212      <div class="rsk"><div class="date">2024.5.27</div><a href="https://www.youtube.com/watch?v=UG0ZYRA1Qx8" target="_blank">「暑がり?寒がり?」利用者の傾向に合わせ 天気予報とAIを活用しコーディネートを提案するアプリ「そらコーデ」とは</a><br />- RSKイブニングニュース -</div>
213      <div class="ytv"><div class="date">2024.6.6</div><b>読売テレビ「す・またん!」</b><br />ニュースコーナーで紹介いただきました!</div>
214      <div class="nplus1"><div class="date">2024.7.20</div><a href="https://www.nikkei.com/article/DGXZQOUD251MT0V20C24A6000000/" target="_blank">台風7号接近 天気+αアプリで暴風雨・高波から身を守る 何でもランキング</a><br /> - 日本経済新聞 -<br />日経新聞「NIKKEI プラス1」紙面にも掲載いただきました!</div>
215      <div class="jrwest"><div class="column"><img src="./img/img_jrwest-ad.jpg" alt="JR西日本のWESTビジョンに掲載された「そらコーデ」アプリの車内広告"><div class="group">
216        <div class="date">2024.9.9</div><p>- JR西日本 WESTビジョン -<br />電車内のディスプレイで「そらコーデ」の広告が配信開始されました!</p>
217        <div class="date">2025.3.4</div><p>- JR西日本 WESTビジョン -<br />車内広告がアップデートして配信開始されました!</p>
218      </div></div></div>
219      <div class="tbs"><div class="date">2026.5.22</div><a href="https://newsdig.tbs.co.jp/articles/-/2680046?display=1">
219「衣替えをして…」 “ジグザグ天気”の救世主?日本気象協会らが開発した“AI服選び”アプリ登場【Nスタ解説】| TBS NEWS DIG</a><br />- TBS NEWS DIG「Nスタ解説」<br />Nスタ番組内のコーナー「きょうのイチバン」にて紹介いただきました!YouTubeでも配信されています↓<br /><a href="https://youtu.be/gF_QUFzZ2ic?si=-1YUA4ZG5ktbfg9Z" target="_blank">TBS NEWS DIG 「Nスタ解説」</a></div>
220    </div>
221  </section>
222  <section id="more">
223    <h3>こんなアプリもあります</h3>
224    <div class="app-name">そら案内</div>
225    <h2>iOS、Android、Mac、Windows用の定番天気アプリ</h2>
226    <!-- カルーセル -->
227    <section class="screenshots">
228      <div class="carousel">
229        <div class="row">
230          <div class="layout">
231            <div id="store-screenshots" class="owl-carousel">
232              <div class="item">
233                <img class="shadow-effect" src="./img/screen-sora-annai_00.webp" alt="">
234              </div>
235              <div class="item">
236                <img class="shadow-effect" src="./img/screen-sora-annai_01.webp" alt="">
237              </div>
238              <div class="item">
239                <img class="shadow-effect" src="./img/screen-sora-annai_02.webp" alt="">
240              </div>
241              <div class="item">
242                <img class="shadow-effect" src="./img/screen-sora-annai_03.webp" alt="">
243              </div>
244              <div class="item">
245                <img class="shadow-effect" src="./img/screen-sora-annai_04.webp" alt="">
246              </div>
247              <div class="item">
248                <img class="shadow-effect" src="./img/screen-sora-annai_05.webp" alt="">
249              </div>
250              <div class="item">
251                <img class="shadow-effect" src="./img/screen-sora-annai_06.webp" alt="">
252              </div>
253              <div class="item">
254                <img class="shadow-effect" src="./img/screen-sora-annai_07.webp" alt="">
255              </div>
256              <div class="item">
257                <img class="shadow-effect" src="./img/screen-sora-annai_08.webp" alt="">
258              </div>
259            </div>
260          </div>
261        </div>
262      </div>
263    </section>
264  <!-- カルーセル -->
265    <p>日本気象協会のデータを参照して、天気予報や花粉、黄砂、台風、雷などの情報を表示</p><p>シンプルで詳細にみられる天気予報アプリも是非どうぞ</p><p>iOSやAndroidをはじめ、watchOS、iPadOS、Android TV、macOS、Windowsにも対応しています</p><p>さらに詳しくは、<a href="https://sora-annai.jp/" target="_blank">そら案内公式サイト</a>へ</p>
266  </section>
267  </main>
268  </div>
269  <footer>
270  <div class="unit">
271    <section class="links">
272      <ul>
273        <li class="menu"><a href="./index.php#hero">ダウンロード</a></li>
274        <li class="menu"><a href="./index.php#usage">できること</a></li>
275        <li class="menu"><a href="./index.php#more">その他のアプリ</a></li>
276      </ul>
277      <ul>
278        <li class="menu"><a href="./faq.php">よくあるご質問と回答</a></li>
279        <li class="menu"><a href="./privacy.php">プライバシーポリシー</a></li>
280        <li class="menu"><a href="./terms.php">利用規約</a></li>
281      </ul>
282    </section>
283    <section class="infocopy">
284      <div class="info">お問い合わせや広告掲載のご希望は、こちらの<a href="./faq.php#contact">フォーム</a>よりお問い合わせください</div>
285      <div class="poweredby">
286        <img src="./img/powered-by-openai-badge-outlined-on-dark.svg">
287      </div>
288      <div class="copyright">Copyright © <a href="https://sorakaze.co.jp/" target="_blank">sorakaze Inc.</a> All rights reserved.</div>
289    </section>
290  </div>
291</footer>
292  
292<script type="text/javascript" src="./js/carousel.js"></script>
292
293</body>
294</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.