サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
トップへ戻る
総合
●人気
●新着
●
IT
●
最新ガジェット
●
自然科学
●
経済・金融
●
おもしろ
●
マンガ
●
ゲーム
●
はてなブログ︵総合︶
一般
●人気
●新着
●
社会ニュース
●
地域
●
国際
●
天気
●
グルメ
●
映画・音楽
●
スポーツ
●
はてな匿名ダイアリー
世の中
●人気
●新着
●
新型コロナウイルス
●
働き方
●
生き方
●
地域
●
医療・ヘルス
●
教育
●
はてな匿名ダイアリー
政治と経済
●人気
●新着
●
政治
●
経済・金融
●
企業
●
仕事・就職
●
マーケット
●
国際
●
はてなブログ︵政治と経済︶
暮らし
●人気
●新着
●
カルチャー・ライフスタイル
●
ファッション
●
運動・エクササイズ
●
結婚・子育て
●
住まい
●
グルメ
●
お金
●
はてなブログ︵暮らし︶
●
掃除・整理整頓
●
雑貨
●
買ってよかったもの
●
旅行
●
アウトドア
●
趣味
学び
●人気
●新着
●
人文科学
●
社会科学
●
自然科学
●
語学
●
ビジネス・経営学
●
デザイン
●
法律
●
本・書評
●
将棋・囲碁
●
はてなブログ︵学び︶
テクノロジー
●人気
●新着
●
IT
●
セキュリティ技術
●
はてなブログ︵テクノロジー︶
●
AI・機械学習
●
プログラミング
●
エンジニア
おもしろ
●人気
●新着
●
まとめ
●
ネタ
●
おもしろ
●
これはすごい
●
かわいい
●
雑学
●
癒やし
エンタメ
●人気
●新着
●
スポーツ
●
映画
●
音楽
●
アイドル
●
芸能
●
お笑い
●
サッカー
●
話題の動画
アニメとゲーム
●人気
●新着
●
マンガ
●
Webマンガ
●
ゲーム
●
任天堂
●
PlayStation
●
アニメ
●
バーチャルYouTuber
●
オタクカルチャー
●
おすすめ
都知事選
﹃note.com﹄
●
人気
●
新着
●
すべて
3users
note.com/nviveto
iOSのアクセシビリティではフォントサイズや画面の拡大などが可能です。 通常のアプリだと考慮しなくても大した問題にならないかもしれませんが、高齢者向けのサービスなどだと、利用ユーザーがフォントや画面の拡大率を設定している可能性があり、UIの崩れの原因となってしまいます。 逆に、フォントを大きくしたい大きく表示させたいユーザーに対して、その機能を制限してしまう場合もあります。 今回、この問題の仕様や対応策を考える機会があったので記事にまとめました。 フォントサイズの拡大とは？まずはフォントサイズの拡大機能についてです。 iOSの 設定 ＞ 画面表示と明るさ ＞ 文字サイズを変更 をタップすると出てくる端末のフォントサイズを全体的に拡縮できる機能のことです。 Apple公式のガイドさらに詳しく設定画面を見ていきましょう。 こちらはiOS15のアクセシビリティのフォント拡大メニューです。7段階
●
テクノロジー
●2023/02/10 11:38
●iOS
4users
note.com/nviveto
株式会社Brewusでは様々なサービス開発を行っていますが、今回はWebで作成したものを印刷物として出力することになり、改めてWebと印刷物の関係性について調べてみました。 大きく今回の課題になっているのが、10px以下のフォントサイズはブラウザ上サポートされず再現されないため、10pt以下をWeb上で設計し、印刷できるのか？という点になります。 まずは、DPI(ディーピーアイ)とPPI(ピーピーアイ)の違いをおさらい。 次に、PT(ポイント)とPX(ピクセル)の関係値の話、最後に、Webブラウザと印刷時の最小フォントサイズは何で作成すれば良いかを検証していきます。 ︻第1章︼印刷物とディスプレイの単位の違い まずはDPIとPPIの違いについて DPI︵Dots Pre Inch︶は印刷物に使われる単位で、1インチ(2.54cm)内にいくつのドットがあるかを示す単位 PPI︵Pixel P
●
暮らし
●2022/11/15 12:56
895 users
note.com/nviveto
コンポーネントを作るときや開発チーム、クライアントと話をするときに名称が一致していないと何の話をしているんだか、、？となってしまします。 忘れっぽい自分は毎回名前をうろ覚えでつけてしまっていますが、戒めとして記事を書くことでしっかり覚えていきたいと思います。 ※色んなところから引っ張ってきているので正式名称ではない︵複数呼び名がある︶ものがあるかもしれませんが、ご了承ください。UIパーツ見づらくてすみませんが、エクセルのシートを画像にしたものを貼り付けていきます Onscreen keyboards画面上にキーボードの図形や文字を表示し、マウスあるいはペンなどのポインティングデバイスや、指先によるタッチ、あるいは十字キーなどで各キーを指定して文字入力を行うもの Onscreen keyboards (iOS) SegmentedControliOS独自のUIで水平方向に配置された複数のボ
●
テクノロジー
●2022/08/28 11:37
●UI
●あとで読む
●デザイン
●webデザイン
●アイコン
●web制作
●design
●開発
●IT
●webdesign
3users
note.com/nviveto
Figmaのビューワーでできることについてプロトタイプで確認する Figmaを使っていますが、有料・無料プランでできることが細かく分かれていたので2021年6月現在の仕様をまとめてみました。︵一部理解が間違っているところがあったらごめんなさい︶ Figmaの料金プランについて Figmaは無料版と有料版のアカウントがありますが、一人でFigmaのファイルを使って作業をするだけなら無料版でもなんの問題もありません。 しかし、チームで共同作業をしたい、複数のファイルをフォルダ︵プロジェクト︶で分けて管理したいという場合には有料版にアップグレードしないと辛いでしょう。 Figmaには無料版でも有料版でも上記のように、EditerとViwerという大きく二種類の種別が存在します。 Editerは無料でも有料でも使えます。 Viewerは無料で使えますが、Starterプラン(無料)アカウントの作成
●
テクノロジー
●2021/12/10 08:55
●note
3users
note.com/nviveto
今回はFigmaの公開ファイルの中からDesign System(デザインシステム)が綺麗にまとまっているものを紹介します。 Design System(デザインシステム)とは？UIデザインを制作する前に、このサイト・サービスで使うカラースタイルやフォントサイズ、コンポーネント︵ボタンやフォームなどよく使うものをライブラリ化したもの︶をまとめて、担当デザイナー以外の人でもパッと見てすぐにデザインを作成していけるよう、要素を整理したもののこと。 開発メンバーにもデザインシステムを理解してもらうことで、 ﹁ここのフォントサイズはいくつで、ここのカラーは#000000で、、﹂ と毎回Instans(デザイン情報)を見なくても、 ﹁ここはtext_small(小さいテキスト)、ここはPrimary Color(メインカラー)﹂ と、登録しているライブラリを呼び出し実装をすることが可能になります。さ
●
テクノロジー
●2021/09/03 14:50
●*webデザイン
6users
note.com/nviveto
MTGなどで音声を録音しておきたいと色々記事を探し Soundflowerを入れると良いという言葉を間に受けインストールしました(@Mac) しかし、、、 まず最新のmac OSではSoundflowerは使えないらしいです 何も知らず、意気揚々とMTGに参加するも 相手の声も全く聞こえず、自分の声も届いていない 色々調べてサウンド設定を触ったり ※出力をヘッドフォンにするも何も聞こえず Audio MIDI設定を触ったりしたものの改善されず、、 リモートワークでMTGに参加できないと致命的すぎて アンインストールを即座に決行しました が、 ここにもいくつもの落し穴が とりあえずインストールしようとしてる人へ向けトラップをいくつか紹介しておきます Soundflowerのトラップまずは裏でずっと動いている状態のSoundflowerを停止(unload)しないと削除自体できません 1. S
●
テクノロジー
●2020/11/03 23:11
●Soundflower
●mac
5users
note.com/nviveto
After EffectsでLottieデータを作成する際、 画像が使えない問題からどうしてもパスのデータを生きた状態でAE上に持ってこないといけなかったのですがAEはパスの癖がややあってイラストレーター上で作る方が早かったり 同じパスデータを使いたいということがありました。 色々調べたところ2種のインポート方法があるようです 20201019追記‥有料ツールを使えばイラストレーターのレイヤー名＋パス全てをそのままAE移植できるよう。overloadという有料ツールをプロの方は使っているそう 1. １つのオブジェクト︵パス︶をコピペでAEヘ持ってくる 2. いくつか重なっているオブジェクトをまとめて1つのオブジェクトとしてAEに読み込ませる 一つ目のパスをコピペする方法 とりあえず単体のパスだけ欲しい時には便利です1つのオブジェクト︵パス︶をコピペでAEヘ持ってくる 1. まずIll
●
テクノロジー
●2020/05/08 12:54
●AfterEffects
このページはまだ
ブックマークされていません
このページを最初にブックマークしてみませんか？
﹃note.com﹄の新着エントリーを見る
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx