並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 440件

新着順 人気順

レイアウトの検索結果361 - 400 件 / 440件

  • matplotlib基礎 | figureやaxesでのグラフのレイアウト - Qiita

    最近グラフ、グラフの書き方を勉強中。kaggleまでの道は長し。。。 figure, axesでのレイアウトの仕方を良く忘れるので、まとめます。 はじめてのmatplotlib まずはお試し。わからない点は下にまとめていきます。 import matplotlib.pyplot as plt plt.style.use('seaborn-whitegrid') import numpy as np %matplotlib inline x = np.linspace(0, 10, 10000) #わからない1 fig = plt.figure() #わからない2 ax = plt.axes() #わからない3 plt.plot(x, np.sin(x)) #同じfigureの中に追加 plt.plot(x, np.cos(x)) #同じfigureの中に追加 結果: (わからない1) li

      matplotlib基礎 | figureやaxesでのグラフのレイアウト - Qiita
    • レイアウト手法の新しい武器になるCSSグリッドレイアウト入門 | cho-men

      CSSのグリッドレイアウトが、主要ブラウザーで利用可能になってからしばらく経ちました。しかし、floatやFlexboxなど従来の手法で目的のレイアウトが実現できることも多く、あまり活用できていないケースもあるのではないでしょうか。筆者自身も、まだまだその使いどころに迷うことが多いです。 この記事では、CSSグリッドレイアウトの基本的な使い方を図版を交えて紹介します。基本のプロパティを整理し、実際のレイアウトでどのように活用できるのか見ていきたいと思います。 CSSグリッドが得意なレイアウトグリッドレイアウトは、格子状のグリッドを使用して要素の配置をコントロールするレイアウトシステムです。 引用:https://developer.mozilla.org/ja/docs/Learn/CSS/CSS_layout/Grids上図のように、複数の行と列を使って柔軟なレイアウトを構築することが可

        レイアウト手法の新しい武器になるCSSグリッドレイアウト入門 | cho-men
      • 『機動警察パトレイバー2』で今敏さんが描いたレイアウトについての話「生活感のある部屋に不安の象徴を描いた」

        タイプ・あ~る @hitasuraeiga 『機動警察パトレイバー2』より。このレイアウトを描いたのは『パーフェクトブルー』や『パプリカ』の今敏さん。奥の襖が少し開いて”真っ暗な空間”が見えているが、これは押井守監督からの指示で「生活感のある明るい部屋に忍び込んでくる不安の象徴」らしい。そう思って見ると怖いな… pic.twitter.com/5hKiMlJhWD 2020-08-30 16:48:28 タイプ・あ~る @hitasuraeiga もう少し正確に言うと、押井守監督が「奥の襖を開けておいて」と指示を出し、今敏さんがその意図を「不安感の象徴」と解釈してこのようなレイアウトを描いた…という意味です。詳しくは『METHODS』という本で丁寧に解説しているので、興味がある人はぜひご覧ください。 amzn.to/3hFX884 2020-08-30 20:33:33

          『機動警察パトレイバー2』で今敏さんが描いたレイアウトについての話「生活感のある部屋に不安の象徴を描いた」
        • 比べて学べる!「クイズで学ぶデザイン・レイアウトの基本」 - ゲームアプリのUIデザイン

          こんにちは、ちょこです! 今回、私が購入した書籍の中から紹介する書籍はこちらです! 「クイズで学ぶデザイン・レイアウトの基本」 キャプチャはセールやってる時期なので半額になっていますね。 今回もkindle版で購入しているのでざっくり紹介していきます。 電子書籍だと場所取らないし、電車の中でも読めるし、本棚に並べる時にガッタガタになったりしないのが好きです。 クイズ形式でカジュアルに学べる webの事例も載ってる 独学者の自信になるかも クイズ形式でカジュアルに学べる 書籍の中身ですが、主にグラフィックデザインを中心に提示されたデザインか目的に沿っているかを問うクイズ形式でデザインの知見が紹介されています。 見開きを使って片方は問題、もう片方は解説になっています。 図は豊富で大きく、文字もコンパクトにまとめられており、見やすいのではないかと思います。 問題数は全部で55問あり、以下のカテゴ

            比べて学べる!「クイズで学ぶデザイン・レイアウトの基本」 - ゲームアプリのUIデザイン
          • Ubuntu で日本語キーボードレイアウト - Qiita

            Ubuntu 18.04 では比較的簡単に日本語入力の設定ができるのだが、キーボードレイアウトがUSのままだと、全角半角ボタンでIMEオンオフができなかったり、@ の場所が違ったりして使いづらいため、キーボードのレイアウトを日本語にしたい。 コンソールで使うキーボードレイアウトの設定

              Ubuntu で日本語キーボードレイアウト - Qiita
            • ホーム画面レイアウトのパーソナライゼーション Mercari ML&Search Talk Vol.1 / mercari-home-personalization-ml-search-talk

              https://mercari.connpass.com/event/231679/

                ホーム画面レイアウトのパーソナライゼーション Mercari ML&Search Talk Vol.1 / mercari-home-personalization-ml-search-talk
              • Kindle Fire HD 10" が固定レイアウト書籍やPDFを読むのにとてもよい件 - Islands in the byte stream

                クリスマスプレゼントで妻からもらったKindle Fire HD 10"が思いの外よくて快適だなという話です。 Kindle Fire HD 10" (amazon.co.jp) これまで電子書籍リーダーとしてはE-InkのKindleをここ数年ずっと使っていて、それはそれで軽量&電池長持ち&目に優しい仕様で十分に満足しているのですが、E-Ink端末は画面が小さくて固定レイアウトの書籍がとても読みづらいのです。というか、あまりに読みづらいので買っても読まないし、だんだん買わなくなってきたというのが実情でした。 物理書籍にはペラペラめくりやすいなどのいい面があることは重々承知しているのですが、とにかく物を増やしたくないし、手軽に手に取れる端末とちがって物理書籍を読む心理障壁もだんだん上がってきたなかで、(統計はとってませんが感覚として)電子書籍のほうが読了する率が上がってきていました。ここ数

                  Kindle Fire HD 10" が固定レイアウト書籍やPDFを読むのにとてもよい件 - Islands in the byte stream
                • LEOPOLD、WスペースバーやBluetooth対応を特徴とする60%レイアウトのメカニカルキーボード『FC630MBT PD』

                  海外で見かけたLEOPOLDのキーボード「FC630MBT PD」。 「FC660C」を日本で発売して以降は目立った動きが見られなかったLEOPOLDですが、先日開催されたイベントにニュータイプと言える60%レイアウトのメカニカルキーボードを出展していた模様。WスペースバーやBluetooth対応が主な特徴です。 【公式サイト】leopold.co.kr (via quasarzone) キー数:60キー、キースイッチ:CHERRY MX、キーピッチ:19mm、キーストローク4±0.5mm、キーキャップ:PBT、通信方式:Bluetooth 5.1、インターフェイス:USB Type-C、サイズ:幅298x奥行き114x高さ29.5mm、重量:700g、イベント会場で公開されていた仕様は以上。キーレイアウトはご覧のとおり下の列がスペース/Alt/Ctrlそれぞれ2個ある左右対称の配列でFn

                    LEOPOLD、WスペースバーやBluetooth対応を特徴とする60%レイアウトのメカニカルキーボード『FC630MBT PD』
                  • ベッドの置き方しだいでがらりと変わる!6畳の寝室のレイアウト

                    最も一般的な広さとも言える6畳の寝室。ダブルベッドやキングサイズのベッドであれば1台、あるいはシングルベッド2台を並べるくらいがちょうどいいバランスになります。壁側に寄せるか中央に配置するかでも大きく変わってくるので、ユーザーさんのさまざまなレイアウトを参考に検討してみましょう! 片側の壁にベッドを寄せる片側の壁にベッドを寄せれば、寝室に空きスペースができ、棚を置いたりデスクを置くなどして活用することができます。 シンプルなレイアウトですっきりと

                      ベッドの置き方しだいでがらりと変わる!6畳の寝室のレイアウト
                    • 【Nゲージ】レイアウト用の道路をPhotoshopで適当に作ってみる。 - かわにょぶろぐ

                      印刷して使えるNゲージ用途の道路をネット上に公開されてる方が何人か居まして、 Nゲージ用道路|日本の旅・鉄道見聞録 http://www.uraken.net/rail/road.html 模型の印刷素材関連ページ|ジオラマエンタープライズ https://smfjapan.jp/printout.html Nゲージ・トミカ・プラレール等ジオラマレイアウト用フリー素材|Design Space http://designspace.blog33.fc2.com/blog-category-12.html ペーパークラフト 道路データ集セット|ペーパーストラクチャー https://pepast.thebase.in/items/19557975 ミニカーで遊ぼう!ミニカーマップ|KIDSCOCO https://kids-coco.net/887/ どれも素晴らしいですが、R177の曲線に

                        【Nゲージ】レイアウト用の道路をPhotoshopで適当に作ってみる。 - かわにょぶろぐ
                      • 【Excel動画】見積書のレイアウトを崩されたくない!一部のセルだけを編集できるように設定する方法【動画で見るエクセル便利ワザ】

                          【Excel動画】見積書のレイアウトを崩されたくない!一部のセルだけを編集できるように設定する方法【動画で見るエクセル便利ワザ】
                        • 【Nゲージ】ストラクチャー(ジオラマ)の建コレ「デザイナーズアパート」を購入したのでレイアウトに組み込んで撮影してみた。 - かわにょぶろぐ

                          最初に道路を、 KATOの駅前延長道路 次に「狭小住宅」、 建コレ「狭小住宅」を購入。 そして「建売住宅」を購入しましたが、 建コレ「建売住宅」を購入。 今回は建コレ「デザイナーズアパート」を購入して来ました。 中身 全て彩色済なので組み立てるだけで映えます。 ただ、今までの「狭小住宅」や「建売住宅」と異なり、マンションの階段や草、地面とマンションの設置には接着剤が必要です。 マンション自体の組み立ては10分も掛かりませんが、横についてる「昇降式の駐車場」が割とクセモノ。多少手先が器用じゃないと組み立てるのは難しいと思うし、慣れてても5分~10分は組立に掛かるので、マンション本体と合わせてだいたい20~30分くらい組立に要します。(割り切って駐車場を組まないという選択肢もアリ) 未だかつて無いほどオシャレな建物ですね(笑 商品名は「アパート」と書いてあるけど明らかに「マンション」(笑 以前

                            【Nゲージ】ストラクチャー(ジオラマ)の建コレ「デザイナーズアパート」を購入したのでレイアウトに組み込んで撮影してみた。 - かわにょぶろぐ
                          • 洗面所の間取り~洗面化粧台のレイアウトについて

                            ライフスタイルが多様化する中で、家の間取りもフレキシブルになってきています。特にリビングやダイニングという人が集まる場所は、そのレイアウトも様々に変化してきました。 一方で、洗面所はどうでしょうか。 家づくりの計画において、限られたスペースである洗面所をいかに広く使いやすくするかは、レイアウト(間取り)によって大きく左右されます。同じ面積でもレイアウトによって空間の感じ方も変わります。また、リビングやダイニング同様、理想の洗面所空間にするには、洗面所もよりフレキシブルに生活のしやすい動線が求められます。 一般的な洗面所におけるレイアウトから、これからの洗面所のあり方までお話ししていきます。 ▽関連記事も併せてご覧ください。 WAILEAオーダー洗面化粧台~理想の洗面所空間を求めて~ 【目次】 1:洗面所2畳レイアウト 2:洗濯機スペースのない洗面所2畳レイアウト 3:洗面所3畳レイアウト

                              洗面所の間取り~洗面化粧台のレイアウトについて
                            • Vuetify3 のレイアウトに関するメモ - Qiita

                              このページは、下記に順次移行中です。 Vuetify3 の基本 Vuetify3 のメモです。2 と違う点も多いので注意。Vuetify 3.3.18 で動作を確認しています。 関連記事 Vuetify3 のレイアウトに関するメモ(この記事) Vuetify3 でよく使うコンポーネントのメモ(1) Vuetify3 でよく使うコンポーネントのメモ(2) Vuetify3 Labs -- DatePicker -- DataTable Vuetify3 のプロジェクト作成 Vuetify3 stable になって、下記コマンド一発でいけるようになりました。 詳しくは、下記をどうぞ。 Vuetify3 Installation Nuxt3 の場合は、下記を見てください。 Nuxt3 で Vuetify3 を使う Vue-Router を使って初期化した場合は、App.vue の書き方のデフォル

                                Vuetify3 のレイアウトに関するメモ - Qiita
                              • Auto Plot PATHFINDER ~ 多目的最適化エンジンを用いたプラント・レイアウトの自動設計 (1) | タイム・コンサルタントの日誌から

                                (先週9月17日に開催されたスケジューリング学会の年次大会「スケジューリング・シンポジウム2022」で、首記のタイトルの講演発表を行った。発表の共著者は、小生の他に、日揮グローバル(株)の山田祥徳・小糸弘之・嘉山陽一殿、そして香川大学の荒川雅生教授である。 本テーマはプラントのレイアウト設計であって、スケジューリングとは直接関係が無いが、最適化手法の専門家が多く集まる学会のため、あえてこの主題で発表させていただき、おかげで発表後も会場で有益なディスカッションができた。ただ、学会の場はどうしてもアカデミアの方が中心となり、実務者の参加は多くないため、本サイトでも、紙上講演の形で再現させていただくことにした。なお、ご興味がある方は、末尾の学会予稿集論文を参照されたい)

                                  Auto Plot PATHFINDER ~ 多目的最適化エンジンを用いたプラント・レイアウトの自動設計 (1) | タイム・コンサルタントの日誌から
                                • デジャヴュの科学的解明が進む 原因は思い出せない記憶に眠るレイアウト - ナゾロジー

                                  「初めて訪れた場所なのに、以前に来たことがある気がする」とか「そんなはずないのに、昔、同じ状況を経験したことがある」と感じたことがあるでしょう。 これは、デジャヴュ(フランス語で「既に見た」の意)もしくは既視感と呼ばれるもので、一度も体験したことがない状況なのに、以前にどこかで体験したことがあるかのように感じる現象です。 アメリカ・コロラド州立大学(Colorado State University)の認知心理学者アン・クリアリー氏ら研究チームは、デジャヴュが起こりやすい条件を発見しました。 長年謎に包まれていたデジャヴュの解明に近づいたのです。 研究の詳細は、2021年7月20日に出版された専門書『The Déjà Vu Experience』に書かれています。 What is déjà vu? Psychologists are exploring this creepy feelin

                                    デジャヴュの科学的解明が進む 原因は思い出せない記憶に眠るレイアウト - ナゾロジー
                                  • 【初心者向け】目的別にわかるホームページのレイアウトの基本|現役デザイナーが解説】【2024年最新版】 | Web幹事

                                    ホームページにもデザインの「流行」というものがあります。 パソコンからスマホへといったデバイスの変化、通信回線の改善など、その時々により最適なデザインは移り変わっていきます。 しかし、大事なのは「ユーザーにわかりやすい情報をしっかり、届けられるか」という点。 トレンドに流されず、レイアウトの基礎を抑えて丁寧にデザインすることが重要です。 サイトリニューアルしたいが、どんなデザインにすればいいの? 見やすいホームページデザインってどんなもの? サイトのレイアウトってどうやって決めるの? という悩みをお持ちの初心者Web担当者向けに、現役デザイナーがホームページのレイアウトの基本を丁寧に解説します! 本記事だけで、ホームページのデザインやレイアウトの基礎をおさえることができますので、ぜひご覧ください。 【無料】ホームページのレイアウトについて相談する レイアウトの基礎知識 デザインの4原則につ

                                      【初心者向け】目的別にわかるホームページのレイアウトの基本|現役デザイナーが解説】【2024年最新版】 | Web幹事
                                    • PDFスライド用プレゼンテーションアプリ「SlidePilot for macOS」がプレゼンテーションとノートのレイアウトをサポート。

                                        PDFスライド用プレゼンテーションアプリ「SlidePilot for macOS」がプレゼンテーションとノートのレイアウトをサポート。
                                      • CSSプロパティのflexboxでつくるレイアウトを崩さない作法 | 東京のWeb制作会社 株式会社クーシー

                                        CSSプロパティのflexboxでつくるレイアウトを崩さない作法 Web制作ハウツー UIUX・サイト設計 フロントエンド(HTML/CSS) デザインカンプの見た目通りのWebサイトを作成しても、テキスト量や要素の増加によってレイアウトが崩れることがあります。 「再現度を保ちつつ、レイアウトの崩れない柔軟なサイトを作成することはできないのでしょうか?」 そんなお悩みを今回はCSSプロパティのFlexbox(フレックスボックス)を用いて解決していきます。 Flexboxはレイアウトの設定によく用いられるfloatに比べて、横並び/センター揃え/等間隔配列など、行と列を同時に制御することができる優れもの。 以前まではブラウザによって挙動が違ったりサポートしていなかったりとクロスブラウザによる問題がありましたが、最近ではサポートが進み安定して使用できるようになりました。これから利用頻度が上がっ

                                          CSSプロパティのflexboxでつくるレイアウトを崩さない作法 | 東京のWeb制作会社 株式会社クーシー
                                        • Adobe XD 2020年1月アップデートリリース!コンテンツに応じたレイアウト、新しいプラグインAPIなど #AdobeXD | Adobe Blog

                                          2020年代の幕開けとなるこの1月に、Adobe XDのアップデートがリリースされました。 共同編集、ドキュメント履歴、コンポーネントのステート、共有モードなどを含む、Adobe MAXでのXDメジャーアップデート以降も、私たちチームは開発を続けてきました。12月のアップデートでは、バグ修正、ご報告いただいた問題点の解決、パフォーマンス向上に注力しましたが、新たな1年を始めるにあたって、今月のアップデートでは、コンテンツに応じたレイアウト、強化されたXDプラグインAPIなど待望の機能をお届けします。 私たちは引き続き、UserVoice(英語)に寄せられる機能リクエストやXDの今後についてのTwitter(英語)、Facebook、ならびにコミュニティフォーラム(英語)上でみなさんとの対話を重ねていきたいと思っています。 本記事では1月アップデートに含まれる新機能すべてをご紹介します。 A

                                            Adobe XD 2020年1月アップデートリリース!コンテンツに応じたレイアウト、新しいプラグインAPIなど #AdobeXD | Adobe Blog
                                          • 操作を妨げない画面レイアウトはこう作る、「構成要素」設計の3ステップ

                                            UX(ユーザーエクスペリエンス)のデザインでは、コンセプトを基に情報構造と導線を設計したら、次に画面上に画面上に「何を」「どこに」「どのように」表示するのかを考えます。つまり、画面レイアウトを設計していくフェーズです。UXをデザインするための各フェーズを示した「JJGの5階層モデル」でいうと「骨格フェーズ」に当たります。 骨格フェーズではユーザーの使い方を予測し、効率を上げる画面の配置や情報提供が重要になります。ユーザーの立場から、読みやすさや使いやすさを十分に検討しましょう。 最近はスマートフォンを利用して、Webサイトを閲覧したり、アプリケーションを操作したりする機会が増えています。「あのWebサイトのUI(ユーザーインターフェース)は操作しやすいのに、企業内のシステムのUIはなぜこんなに使いにくいのか」といった意見を、顧客やエンドユーザーから聞くことはないでしょうか。 以前と比べてシ

                                              操作を妨げない画面レイアウトはこう作る、「構成要素」設計の3ステップ
                                            • ダイニングキッチンのレイアウトのポイントは?広さやキッチンのスタイル別に解説 - 住まいのお役立ち記事

                                              レイアウト決めのポイント1:LDKのカタチが縦型・横型の場合 LDKが縦型なら、キッチンとダイニングは隣接させて 近ごろの住まいは、キッチン、ダイニング、リビングの3つのスペースを一つの空間まとめた「LDK」の間取りが増えています。LDKの間取りの場合、3つのスペースの取り方により、居心地の良さや家事のしやすさが変わってきます。 「奥にバルコニーがある細長い縦型のLDKなら、バルコニー側からリビング、ダイニング、キッチンを一直線に配するとよいでしょう。ダイニングとキッチンの間をリビングにすると、キッチンからダイニングテーブルが遠くなり不便ですし、人が頻繁に通ることでリビングが落ち着かない空間になります」(シーズ・アーキスタディオ建築設計室 白崎治代さん。以下同)

                                                ダイニングキッチンのレイアウトのポイントは?広さやキッチンのスタイル別に解説 - 住まいのお役立ち記事
                                              • Ubuntuキーボードレイアウト変更手順 - golangの日記

                                                Ubuntuのキーボードレイアウト変更手順 Ubuntuのバージョン $ cat /etc/lsb-release DISTRIB_ID=Ubuntu DISTRIB_RELEASE=18.04 DISTRIB_CODENAME=bionic DISTRIB_DESCRIPTION="Ubuntu 18.04.4 LTS" 目次 英語配列から日本語配列に変更 日本語配列から英語配列に変更 英語配列から日本語配列に変更 TUIで候補から選択していく $ sudo dpkg-reconfigure keyboard-configuration Keyboard model: Generic 105-key (Intl) PC Country of origin for the keyboard: Japanese Keyboard layout: Japanese Key to functio

                                                  Ubuntuキーボードレイアウト変更手順 - golangの日記
                                                • 【css】段組みレイアウトは、flexbox、calc、nth-childでつくろう | 名古屋でホームページ制作、Web制作なら株式会社エッコ

                                                  制作の久保田です。 今回は、段組みレイアウトの書き方に関してご紹介します。 段組みレイアウトは、flexboxが使えるようになってすごく簡単になりました。 flexboxで段組みレイアウトと一言で言っても、書き方が幾通りもあるので、これがベストじゃない?って書き方をご紹介したいと思います。ポイントはcalcとnth-childを組み合わせて使うことです。 flexbox、calc、nth-childでつくる段組みレイアウト 上記のような、よくある3カラムレイアウトの場合を見ていきます。 コンテンツ幅は可変、各要素は幅に応じて伸縮するけど、要素間は30pxの余白をつけます。 短いので最初に全コード掲載します。 flexbox、calc、nth-child の基本的な使い方がわからないって場合は先に次章からご覧ください。 <!DOCTYPE html> <html> <head> <style

                                                    【css】段組みレイアウトは、flexbox、calc、nth-childでつくろう | 名古屋でホームページ制作、Web制作なら株式会社エッコ
                                                  • ツノダハジメ on Twitter: "カードを整列して並べると交差部分に点が見える錯視がありますが、どうやらAppleはこれを回避するレイアウトに相当気を使っているっぽいです。App StoreやApple Store、iOSなどでその工夫が見られます。 UIデザイ… https://t.co/zqFHk49Q23"

                                                    カードを整列して並べると交差部分に点が見える錯視がありますが、どうやらAppleはこれを回避するレイアウトに相当気を使っているっぽいです。App StoreやApple Store、iOSなどでその工夫が見られます。 UIデザイ… https://t.co/zqFHk49Q23

                                                      ツノダハジメ on Twitter: "カードを整列して並べると交差部分に点が見える錯視がありますが、どうやらAppleはこれを回避するレイアウトに相当気を使っているっぽいです。App StoreやApple Store、iOSなどでその工夫が見られます。 UIデザイ… https://t.co/zqFHk49Q23"
                                                    • インフェルノタワーを追加した新レイアウト - クラクラ|案外まじめなTokiwiの日常

                                                      どうも~ 相変わらず何の参考にもならない記事を書き続けているわけですが、、、 このブログを通してクラッシュオブクランというゲームの魅力が伝わってくれると嬉しいです♪まあ、魅力を伝えようと工夫しているわけではないんですけどね💦 もし興味を持った方がいましたら、無料でも十分楽しむことができるので、是非ダウンロードしてみてください(^▽^)/ ※課金してくれた方がありがたいですが、自分は課金していないので…立場的にお願いはできないです(笑) 新レイアウト(インフェルノタワー追加) 初防衛戦!! 現段階での評価 さいごに(超重要) 新レイアウト(インフェルノタワー追加) やっと、、、インフェルノタワーの建設を決めて... 今まで使用していたレイアウトはインフェルノタワー用のスペースを考慮していなかったので、新たにレイアウトを作成しました~♪ またまた、ティーザー型‼ 基本構造は今まで使用していた

                                                        インフェルノタワーを追加した新レイアウト - クラクラ|案外まじめなTokiwiの日常
                                                      • iPhone(iOS16以降の端末)のブラウザでのinput[type="time"]のレイアウトをCSSで修正する。

                                                        こんにちは、オフィス狛 デザイン部のSatoです。 先日、モバイルで利用するWebシステムのHTMLを作成した際に、時間を入力する必要があるフォームが必要になりました。 そこで、input[type="time"]を使いました。 HTMLの作成後に、「iPhone端末で表示すると、時間入力欄(input[type="time"])の入力後の文字が上揃えになっているので、他のに入力欄と同じ縦中央揃えに修正してほしい」という報告をいただきました。 指摘いただいた箇所を私の方でもiPhone端末で確認すると、時間入力欄(input[type="time"])だけで入力後の文字の行揃えも中央揃えになっていて、他の入力欄に合わせる為に文字揃えも修正が必要になってきました。 そこで時間を入力するinputにclassをつけ、そのclassで余白をつけ行揃えを左に修正しました。 実機で修正ができているこ

                                                          iPhone(iOS16以降の端末)のブラウザでのinput[type="time"]のレイアウトをCSSで修正する。
                                                        • オンキヨー発。ホームシアターの決定版!「SOUND SPHERE(サウンド スフィア)」日本初上陸の音声伝送技術「WiSA™」採用。ワイヤレス接続でレイアウトフリー。5.1chサラウンドが日常になる。

                                                          ----------------------------------------- このプロジェクトは終了いたしました。 SOUND SPHEREに関するお問い合わせは、下記フォームより承っております。 必要事項をご記入の上、お問い合わせくださいますようお願いいたします。 ■オンキヨー お問い合わせフォーム https://www2.jp.onkyo.com/customer/inquiry.asp?id=1 ----------------------------------------- 4/14 純正スピーカースタンド販売スタートしました! 【お知らせ】SOUND SPHEREプロジェクトについて 動画全盛時代、4Kで高画質な映像が楽しめる昨今、未だ『音』に関しては注目されておりません。 オンキヨーが新たに開発したInnovative Wireless Speaker System『

                                                            オンキヨー発。ホームシアターの決定版!「SOUND SPHERE(サウンド スフィア)」日本初上陸の音声伝送技術「WiSA™」採用。ワイヤレス接続でレイアウトフリー。5.1chサラウンドが日常になる。
                                                          • [HTML/CSS高速コーディング]ギリギリまでコードを書かないChrome DevToolsのリアルタイムレイアウト編集テクニック - Qiita

                                                            キーボード ショートカットのリファレンス | Chrome DevTools いい感じの数値やスタイルになったらコードへペースト! HTMLの編集 エレメントタブの右クリックメニューのEdit as HTMLでHTMLが編集できます。 Enterだと改行になりますがEscではキャンセルになるので気をつけてください。 確定は[Win]Ctrl/[Mac]Cmd + Enterです。 Thx @sanfrecce-osaka ElementタブのDOM操作系ショートカット Ctrl + Cで選択要素がクリップボードに入ります。 Ctrl + Vで貼り付け、Deletキーで削除できます。 属性をダブルクリックしたり、内部テキストをダブルクリックすると編集状態にできます。 要素を増やした場合のレイアウトや空だった場合のレイアウト、 中の文字数が多い時のレウアウト確認にお使いください。 まとめ リロ

                                                              [HTML/CSS高速コーディング]ギリギリまでコードを書かないChrome DevToolsのリアルタイムレイアウト編集テクニック - Qiita
                                                            • 出社率50%のオフィス施工例 コロナ禍で失われた「偶発的なコミュニケーション」を促すレイアウト

                                                              出社率50%のオフィス施工例 コロナ禍で失われた「偶発的なコミュニケーション」を促すレイアウト:【後編】新時代のオフィスレイアウト(1/2 ページ) 記事の前編では、コロナ禍以降の社会を見据えて「社員がオフィスに行く理由」や「オフィスにしか提供できない価値」を考慮したオフィスづくりについて解説しました。 今回はより具体的に、社員数約350人に対して出社率50%程度を想定して施工した例をもとに、オフィスづくりのポイントをご紹介します。ABW(Activity Based Working)を推進しており、レイアウトにも反映しているソウルドアウト(東京都文京区)の実例です。 ABW(Acticity Based Working)とは 「時間」と「場所」を自由に選択できる働き方のこと。働く人たちが活動に合わせて、働く場所(自宅、オフィス、カフェなど)と働く時間を自ら選択し、業務の質を向上させること

                                                                出社率50%のオフィス施工例 コロナ禍で失われた「偶発的なコミュニケーション」を促すレイアウト
                                                              • 【HTML5】Floatレイアウトのテンプレート|WEBデザイン - プログラミング未経験者の備忘録

                                                                使い勝手がなかなか良いHTML5のテンプレート 参考になったのはこちらの記事「WEBデザインラボ」さんが公開してくれているテンプレートです。 これの3カラムバージョンをお借りしました。 表示サンプル

                                                                  【HTML5】Floatレイアウトのテンプレート|WEBデザイン - プログラミング未経験者の備忘録
                                                                • 素材のことを一番知っている撮影側がレイアウトを決める。TVアニメ『ライアー・ライアー』10話で提案・実践したテラエフェクトが目指すアニメ制作ワークフローとは?

                                                                  TOP スペシャルコンテンツ 素材のことを一番知っている撮影側がレイアウトを決める。TVアニメ『ライアー・ライアー』10話で提案・実践したテラエフェクトが目指すアニメ制作ワークフローとは? 2023/12/13 PR 素材のことを一番知っている撮影側がレイアウトを決める。TVアニメ『ライアー・ライアー』10話で提案・実践したテラエフェクトが目指すアニメ制作ワークフローとは? 求人インタビュー 求人 台湾出身の雪野壱実(旧名:蔡 伯崙)氏が2017年に創業したアニメ撮影を主力業務とする映像制作会社テラエフェクト。 雪野氏は自身の業界経験から旧来のアニメ制作体制の諸問題に対応するため、海外発注の話数においてテクニカルディレクター兼話数演出の立場で3Dレイアウトから撮影までカットのクオリティをコントロールする新たな制作フローを構築、2023年7月期のアニメ『ライアー・ライアー』10話にてこれを実

                                                                    素材のことを一番知っている撮影側がレイアウトを決める。TVアニメ『ライアー・ライアー』10話で提案・実践したテラエフェクトが目指すアニメ制作ワークフローとは?
                                                                  • 【Nゲージ】お座敷レイアウト用の折り畳みテーブルを購入。 - かわにょぶろぐ

                                                                    我が家のNゲージのお座敷レイアウト、900x600の卓上では現状の複線交差レイアウト以上のものは組めないので Nゲージ用の机を買おうかと物色。 現在使ってる昇降式のデスクは最大で1200x600のものが見つかりますが、 DORIS 昇降テーブル ガス圧 無段階 幅120×奥行60 12000~15000円 広さのわりにお値段が高めなのでちょっと躊躇。 大して広くなってないしね。 いちばん最初のNゲージの記事でも触れたけど「キャンプ用テーブル」が広さの割にお手頃価格なので、そちらの方向で調べてみる。 上で挙げた昇降式と同じサイズだとキャンプ用テーブルなら最安で3500円程度から入手できます。 MERMONT アウトドア 折りたたみ テーブル(幅120×奥行60、高さ55cm・62cm・70cmの3段階) 3500円弱 DesertFox アウトドア 折りたたみ テーブル(幅120×奥行60、

                                                                      【Nゲージ】お座敷レイアウト用の折り畳みテーブルを購入。 - かわにょぶろぐ
                                                                    • Kindleの固定レイアウト書籍をPDF化してOCR処理 - マイ忘備録

                                                                      kindleの本で買った本で、固定レイアウトの本があるが、マジで使いにくい。小説ならまだしも、参考書で検索が使えないって、利用価値が半減 ※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 わざわざ電子書籍で出すのに、なんで出版社の方で検索できるフォーマットで出してくれないんだろう・・・不便すぎる。 ググってみると、"Kindleの本をPDFとしてエクスポートしてOCR処理を加える"やり方があったのでやってみた。環境はVirtualBox上のWindows10で試した。 Kindle本をPDF出力 このサイトを参考に キンドルでダウンロードした本をPDF化する | C#とMultiRowのプログラミング 以下のツールをダウンロード。CubePDFという

                                                                        Kindleの固定レイアウト書籍をPDF化してOCR処理 - マイ忘備録
                                                                      • KiCad-Pcbnewの基板レイアウト方法 | Spiceman

                                                                        当記事では、基本的な回路の一つである「オペアンプ反転増幅回路」を題材にKiCad-Pcbnewでの基板レイアウト方法を実戦形式で学んでいきます。 やはり、KiCadに限らずソフトウェアの使い方を覚えるには、取扱説明書を端から端まで読むよりも、まずは実践形式で使いながら覚えて行った方が早いはずです。 なお、Pcbnewのメニューコマンドは以下の記事でまとめてあります。細かい部分でわからないところがあったら参照してみて下さい。

                                                                          KiCad-Pcbnewの基板レイアウト方法 | Spiceman
                                                                        • Excel ピボットテーブルを横並びにレイアウト変更する方法 | ホームページ制作のサカエン Developer's Blog

                                                                          ピボットテーブルの小計を非表示にする まずは小計を非表示にしましょう。 作成されたピボットテーブルを選択して、リボンから「デザイン」を選択し、「小計」のプルダウンから「小計を表示しない」を選択します。 はい、小計が消えました。 ピボットテーブルを表形式にしてアイテムラベルを繰り返し表示する 次にピボットテーブルを表形式にします。ついでにアイテムラベルを繰り返し表示しちゃいましょう。 ピボットテーブルを選択して、リボンから「デザイン」を選択し、「レポートのレイアウト」のプルダウンから「表形式で表示」を選択します。 はい、横並びになりました。 同じく「レポートのレイアウト」のプルダウンから「アイテムのラベルをすべて繰り返す」を選択します。 はい、アイテムのラベルが繰り返し表示されました。 ピボットテーブルの表示形式を変更する ここまでで概ね完成ですが、金額が見にくいですよね。3桁毎のカンマ区切

                                                                            Excel ピボットテーブルを横並びにレイアウト変更する方法 | ホームページ制作のサカエン Developer's Blog
                                                                          • 私がグラレコでよく使う3つの「レイアウトの型」|くぼみ

                                                                            こんにちは、くぼみ(@kubomi____)です。最近アイコンを新しくしました。「グラレコのヒミツ」では、グラフィックレコーディングの実践で気づいた学びを紹介していきたいと思います。 これまで、グラフィックレコーディングの要素である、スケッチの描き方や図の描き方を紹介してきました。これらを組み合わせて、複雑な議論を一覧できるようにまとめていくわけですが、この記事では、その土台となるレイアウトについて、考えていきます。 分かりやすさの鍵はレイアウト 私がグラフィックレコーディングを始めたばかりの頃、レイアウトにはよく悩まされました。レイアウトを決めずになりゆきで描き始めると、どう着地していいか分からなくなることが多々あります。とりあえず左上から描き始めて、隣の空いている余白に描いて、さらにまた適当な余白に描いて、、という具合に。出来上がったものはというと、どういう順番で見ればよいのか、わから

                                                                              私がグラレコでよく使う3つの「レイアウトの型」|くぼみ
                                                                            • ingectar-e design on Twitter: "【日付の文字組と、日付で使えるフォント】 日付のレイアウトアイデア、常に欲してます!数字が美しく見えるフォントも沢山知っておきたいですね😉 https://t.co/uxa9BkAyo8"

                                                                              【日付の文字組と、日付で使えるフォント】 日付のレイアウトアイデア、常に欲してます!数字が美しく見えるフォントも沢山知っておきたいですね😉 https://t.co/uxa9BkAyo8

                                                                                ingectar-e design on Twitter: "【日付の文字組と、日付で使えるフォント】 日付のレイアウトアイデア、常に欲してます!数字が美しく見えるフォントも沢山知っておきたいですね😉 https://t.co/uxa9BkAyo8"
                                                                              • 日本マイクロソフト、左右分割レイアウトを採用したエルゴノミックキーボード

                                                                                日本マイクロソフトは11月19日、左右分割デザインを採用する「Microsoft エルゴノミック キーボード」を発表、11月26日に発売する(予約は11月19日開始)。予想実売価格は通常パッケージモデルが7100円、簡易包装仕様の「Microsoft エルゴノミック キーボード for Business」が6380円だ(税別)。 USB 2.0接続に対応した有線型キーボードで、キーレイアウトを左右で分離したエルゴノミックデザインを採用。各種アプリをワンボタンで起動できるショートカット専用キーを搭載しているのも特徴だ。本体サイズは本体:約487.7(幅)×262.4(奥行き)×60.7(高さ)mm、重量は1020g。 また日本マイクロソフトは、変形機構を備えるスリムマウス「Microsoft アーク マウス」にカラーバリエーションモデルを追加、新たに“ソフト ピンク”“セージ”“ライラック”

                                                                                  日本マイクロソフト、左右分割レイアウトを採用したエルゴノミックキーボード
                                                                                • 「Surface Laptop Go」の日本向けモデル、新しい日本語キーボードレイアウトを採用 − [あ]キーと[A]キーを搭載 | 気になる、記になる…

                                                                                  ホームMicrosoftSurface「Surface Laptop Go」の日本向けモデル、新しい日本語キーボードレイアウトを採用 − [あ]キーと[A]キーを搭載 「Surface Laptop Go」の日本向けモデル、新しい日本語キーボードレイアウトを採用 − [あ]キーと[A]キーを搭載 2020 10/02 昨日、Microsoftが「Surface Laptop Go」を正式に発表しましたが、「Surface Laptop Go」の日本向けモデルには新たな日本語キーボードレイアウトとして「[あ]」キーと「[A]」キーが搭載されていることが分かりました。 「[あ]」キーと「[A]」キーはスペースキーの左右に配置されており、両キーはIMEをオン/オフでき、直感的に日本語入力と英字入力の切り替えができるようになっています。 また、レイアウトの変更により、キーボードはより美しく洗練され

                                                                                    「Surface Laptop Go」の日本向けモデル、新しい日本語キーボードレイアウトを採用 − [あ]キーと[A]キーを搭載 | 気になる、記になる…