リキッドレイアウトって結何なのよ！どこで使う

のよ！もうおこなんだから

ね！！

ノハ公＞ ω＜わふー（＠ noha_ko）

ぷろふぃーる• なまえ：マツイミホ（のはこ）• Twitter ID ： @noha_ko• 屋号：モノヅクリノハコ• しょくぎょう： Web デザイナーだったはず（最近怪しい）• Japan Azure User Group 札幌支部長• CLR/H デザイン担当• 北海道情報セキュリティ勉強会（せきゅぽろ）お手伝い• 札幌に 2 年半くらいフリーランスとして住んでた現在普通の　 会社員。基本的には流浪人• 基本的に社会に適合できていない• 朝が弱いし夜更かしもできない• TOKIO みたいな生活がしたい今日この頃

このマークだけでも覚えて帰ってください！

本日の格好、何のキャラだかご存知でしょうか？

能美 クドリャフカ（のうみ くどりゃふか / Кудрявка Номи / Kudrjavka Nomi ）声 -  金子明美 /  鈴田美夜子 /  若林直美 （アニメ版・ PE 版‧ PS3 版）身長： 145cm / 体重： 37kg / 3 サイズ： 69/51/72 / 誕生日： 6月12日[13] / 原画： Na-Gaテーマ曲：えきぞちっく・といぼっくす初期称号：えきぞちっく（自称）なマスコット9 人目のメンバー（野球に加わったのは 8 人目）。理樹たちのクラスメイト。祖父はロシア出身で祖母が日本人のクォーター。母親「チェルヌシカ（シルーシャ）」 C.I.Strugatskaya は宇宙飛行士（コスモナーフト）で、親の仕事柄世界を飛び回るため、多重国籍である。愛称は「クド」で、真人や葉留佳には「クー公」「クド公」などと呼ばれる。家族および親族からは主に「クーニャ」と呼ばれている。テヴア共和国（架空。南半球の島国で、ロシアの元海外領土という設定）出身で、出生国での名は「クドリャフカ = アナトリエヴナ = ストルガツカヤ（キリル文字： Кудрявка Анатолиевна Стругацкая  ラテン文字： Kudrjavka Anatoljevna Strugackaja ）[注 3]」。南方の生まれゆえか寒いのが苦手で、帽子とマントを常に身に着けている。日本贔屓である祖父の影響を多分に受けており、日本文化は日本人よりも詳しく、行動も誰よりも日本人的である。英語が大の苦手で、英語で話そうとしても間違った内容や発音になってしまう。一方、片言ながらロシア語を英語よりきちんと話すことができる。その容姿と中身とのギャップに少々悩み気味（彼女自身は「外国っぽく」なりたいと思っており、英語で話そうとするのもその一環）。はじめから悪意を持って行動する人はいないと考えており、寮内で見た目とのギャップのことを噂されても受け入れようとしている。学校で行われるような試験は苦手だがレポート形式でじっくり考える勉強は得意らしく、通信教育で単位を取りすぎたため、一学年飛び級している。真人とは気が合うらしく意気投合することも多い。風紀委員会の仕事を手伝っている犬（シベリアンハスキーのストレルカとスキッパーキのヴェルカ）の飼い主であり、休み時間によく遊んでいる。廃部寸前の家庭科部に所属している。パッチワークが得意。好きな食べ物は海藻系。特技はフリスビーやキャッチボール（当初キャッチボールを知らなかった）などの飛んできた物を掴むのが得意。それを見て理樹と真人が「犬だ」と称した。普段から折り目正しい丁寧語で喋っているが、語末の動詞を「連用形+ ます」ではなく「終止形+ です」と話す点が特徴である（例：買います⇒買うです）。また、「わふー」という口癖がある。葉留佳と一緒で、理樹に最初から好意を抱いている。幼い頃からいろんな国へ引越ししていたために幼馴染や友達が出来なく寂しい思いをしていた。そのためルームメイトを募集する展開があり、葉留佳、美魚、佳奈多の誰かがルームメイトになる。バトルランキングでの専用装備は飼い犬のヴェルカとストレルカ。派生作品である『クドわふたー』ではメインヒロインとなる。『 KEY 10th MEMORIAL BOX』の発売に際して行われた Key キャラクターの人気投票では 6位 [9]

【アニメ版の設定】葉留佳と違い理樹への恋愛感情は明確には描写されなかったが、描写されていないだけで否定はされていない（小毬や美魚も同様） [12]。また、『クドわふたー』では理樹を途中から「リキ」と呼ぶようになるのは恋愛感情からだと設定されているが、この呼称変更のイベントも再現されている。理樹への想いが再現されない関係でテヴアに帰国することを躊躇う理由も変更された。

まあ、 Wikipediaでも読んでください。

本日のカソウ。問題点

145cm 165cm

・・・・・・・・・・。

さて、本題です。

リキッドレイアウト？はい？今更？なんで？ってかむしろ何なのよ！？わふー＞ω＜

Google→http://www.google.com/design/Microsoft→http://msdn.microsoft.com/ja-jp/jj984295を始めとして、世の中はフラットデザインが主流PC ・タブレット・モバイル（スマートフォン）のどの端末から見ても差異が少ない、見やすい配置やアイコン・ボタン、そして「なるべく軽い！」作り方が求められています

リキッドレイアウトの立ち位置

リキッドレイアウト【英】 liquid layoutリキッドレイアウトとは、 Webデザインにおいて、 Webページの表示領域の幅がある程度変更されても従来のレイアウトを維持できるようにする手法のことである。　　　　　　　　　　　　　　　　　　　　※ IT用語辞典より抜粋

良い点：リキッドレイアウトは、各列の幅をパーセンテージ（％）で指定

し、

それによって Webページの幅を相対的・可変的にすることを主とした手法

である。リキッドレイアウトにすると、ウィンドウ幅に合わせて自動的に

幅が調整されるので、多様な環境でユーザビリティが損なわれない Webページを作成することが

できる。

悪い点：無制限に可変的なリキッドレイアウトにすると、解像度が非常に

高いディスプレイ上では横に伸びすぎた表示となってしまったり、あるい

は幅を狭くしすぎた場合にコンテンツが縦長になりすぎて読みづらくなっ

てしまったりする場合もある。幅のサイズの上限や下限を併せて指定する

ことで、ある程度は見易さの維持を図ることができる。

まとめリキッドレイアウトで、PC ・タブレット・スマートフォンという３つのブレイクポイントでレイアウトを変更できるデザインにしましょう！

спасибо（インフルエンザではありません多分）

制作・筆者：

終