デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN
最近出会えた！新たなバグ！！ | やくにたたないメモ帳
ど〜も〜、久々にランニングしたら両足筋肉通なたかの人です！ 日々の運動ってほんと重要ですよね、、、 特にこの業界は下っ腹が出てきます。 これは、本格的にダイエット開始かな！ なんて言いつつ、アイスを食べてます(´◉◞⊖◟◉`)b さて、今回は、日々の業務で見つけたバグ＆注意点を一気に紹介したいと思います！ それでは、レッツスタート！！！ case1：vw,vhのバグ ずっと敬遠していましたが、使ってみると使い勝手がよかった！ 調子に乗って多様していたら思わぬ落とし穴が。。。 iPhoneXでのvhと%の違い モーダルを実装したときに発覚したのですが、どうやら100vhと100%で若干高さが異なるようです。 100vhだとメニューを含む高さ 、100%だとメニューを含まない高さの指定になってしまうようです。 IE11でのvwの挙動 ご存知の通りvwとはview widthの略です。 名前の通
ファーウェイ終了。でも大丈夫。日本では売れてないけどOPPO(オッポ)の勢いすごい。機種出過ぎでわからないので整理しました。2018年12月 | ストレートエッジスタイル
OPPOがいっぱい出しすぎてよさがいまいちわからない人向けにおすすめ端末を整理してみた12/7アップルを超えていた世界2位ファーウェイ。 幹部逮捕でアメリカに続き日本でも市場撤退か、みたいな感じです。 昨日の下げはこれでしたね。 日本の政府調達からファーウェイとＺＴＥを排除へ＝関係筋 ロイター Huawei arrest of Meng Wangzhou: A 'hostage’ in a new US-China tech war Karishma Vaswani BBC 6 December 2018 排除は、設備についてのネットワーク製品ですが、もはや端末についてもキャリア各社が取扱縮小を検討しているようです。 （ソフトバンクどうするんでしょうか。提携強化したばかりで、端末についての諸々契約見直しとなれば違約金とか大変そうです） ファーウェイのスマホ、素晴らしいんですけどね（使わん
グーグル、ソフト提供停止 ファーウェイのスマホに ｜ 共同通信
米グーグルのスマートフォン向け基本ソフト「アンドロイド」のキャラクター＝7日、米カリフォルニア州マウンテンビュー（共同） 【ニューヨーク共同】トランプ米政権による中国通信機器大手、華為技術（ファーウェイ）への禁輸措置を巡り、米グーグルがファーウェイに対し、スマートフォン向けソフトの提供を停止した。ロイター通信が19日、関係者の話として報じた。 ファーウェイは、グーグルのスマホ基本ソフト（OS）「アンドロイド」更新版を使用できなくなる。ファーウェイのスマホ事業の足かせとなりそうだ。 グーグルの広報担当者は声明で「（米政府の）命令を順守し、その影響を確認している。既存のファーウェイ製品では、グーグルのアプリ配信サービスなどは機能する」と説明した。
Google、新スマホは廉価版 「Pixel 3a／3a XL」発表 4万8600円から FeliCaも対応
18年11月に発売した「Pixel 3／3 XL」の廉価モデル。Pixel 3aは5.6インチ（2220×1080ピクセル、441ppi）、Pixel 3a XLは6インチ（2160×1080ピクセル、402ppi）の有機EL（OLED）ディスプレイを搭載。いずれも画面上部のノッチ（切り欠き）はない。前機種同様、画面消灯時でも情報を常時表示できる「Always On Display」、本体側面を握るとGoogleアシスタントを起動できる「Active Edge」などに対応する。 Pixel 3／3 XLからの主な変更点として、ボディー背面がガラス製からポリカーボネート製に変わり、ワイヤレス充電に非対応となった。背面の指紋認証センサーは引き続き搭載している他、新たにイヤフォンジャックを搭載する。 バッテリー容量は、2915mAh（Pixel 3）→3000mAh（Pixel 3a）、3430
Google、聴覚障害者向けリアルタイム字幕アプリ「Live Transcribe」と補聴アプリ「Sound Amplifier」
Google、聴覚障害者向けリアルタイム字幕アプリ「Live Transcribe」と補聴アプリ「Sound Amplifier」 Googleが、聴覚障害者向けの2つのアプリを発表した。リアルタイム字幕アプリ「Live Transcribe」（β）は日本語もサポートする。補聴アプリ「Sound Amplifier」はAndroid 9 Pie以降に対応する。 米Googleは2月4日（現地時間）、聴覚障害者向けAndroidアプリ「Live Transcribe」（β）と「Sound Amplifier」を発表した。 Live Transcribeは、ほぼリアルタイムで周囲の音声を自動的に画面に書き起こすアプリ。まだ申し込みが必要なβ版で、今後発売される「Pixel 3」にはプリインストールされる。Sound Amplifierは補聴器のように、ノイズを除去して人の声を聞き取りやすくする
2018年、日本国内を対象にしたブラウザのシェア、スマホや解像度やソーシャルメディアのシェア
2018年1月から11月までの日本国内のブラウザのシェア、スマホやタブレットなどのデバイス、解像度、OS、検索エンジン、ソーシャルメディアのシェアを紹介します。 こういった数字は自サイトのものが一番参考になりますが、一つの参考データとしてご利用ください。 StatCounter ※画像は2018年11-12月のブラウザのシェア（世界） 以下は、すべて日本国内を対象にしたデータです。 2018年、デバイスのシェア 2018年、デスクトップ・モバイル ブラウザのシェア 2018年、デスクトップ・モバイル 解像度のシェア 2018年、デスクトップ・モバイル OSのシェア 2018年、デスクトップ・モバイル 検索エンジンのシェア 2018年、デスクトップ・モバイル ソーシャルメディアのシェア 2018年、デバイスのシェア デスクトップ・モバイル・タブレットの2018年1月から11月までのシェアです
「佐川急便の偽サイト」に学ぶAndroidの防御法 見直す設定はたった1つ
まず、これらの攻撃に対抗するには「知ること」。今このコラムを読んだ皆さんは、もう引っ掛かることはないはずです。ぜひ、お気を付けください。 「スマホアプリ」が絡む攻撃であまり断言されないこと さて、ちょっとお話は変わりまして、シマンテックの記者説明会に参加したとき、スマホアプリにおける悲惨な現状について数字を用いて解説をしていただきました。 この調査結果では、マルウェアは1日あたり2万4000件もブロックされ、さらにマルウェアの99.9％はサードパーティーのアプリストアで発見されるとあります。公式のアプリストアでも、なりすましのアプリが大量に登録されては発見後にブロックされるといういたちごっこが繰り広げられています。スマホゲームのスキン（アバター）や追加キャラクターを無料で手に入れられるというアプリが実はマルウェアだった、というものもあるとのことでした。 さて、ここまでのお話で何か気が付いた
CSSコーダーにとっての2018年のコーディング事情。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
CSSコーダーにとっての2018年のコーディング事情。アンケート結果から分析するイマドキのウェブ制作 ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第4回目となる本記事ではウェブ業界の「CSSコーダーにとっての2018年のコーディング事情」と題してアンケート結果を紹介します。アンケートは筆者のTwitterから実施していたものです。 CSSのベンダープレフィックスは今も付けてますか？ ブラウザのサポートが拡大し、多くのCSSプロパティでベンダープレフィックスの記載が不要になってきました。みなさんは今もベンダープレフィックスを書いているのでしょうか？ 309票の回答があり「ごく一部のものに付けてる」が38%、「なるべく付けて
軽快俊足なWebクライアント「Pinafore」
マストドン用の新しいWebクライアントが登場した。ノーラン・ローソンさんが開発する「Pinafore」はとても俊敏に動く、シングルカラムのシンプルな操作性を持つマストドンWebアプリだ。 マストドンのデフォルトWeb UIよりもTwitterに近く、こちらのほうが親しめるという人も多いのではないだろうか。Progressive Web Appsに対応し、モバイルでのオフライン動作も可能。 ローソンさんは解説ブログも書いている。ローエンドのAndroid端末でもレスポンス良く動作できるように様々な工夫を凝らしていることがわかる。 Introducing Pinafore for Mastodon PinaforeはAGPLライセンスでオープンソース公開されている。 関連記事 マストドンのAndroidクライアントレビュー（英語圏向け） レビュワーが常用しているのはTuskyだという。 Sla
「Android Pay」→「Google Pay」始動 「Googleウォレット」は「Google Pay Send」に
米国などでは既にこれまで「Android Pay」と表示されていたAndroidアプリ名が「Google Pay」に変わっている。日本でもヘルプページの記載は「Google Pay」に変わっており、「Android Payアプリは、まもなくGoogle Payアプリになる予定です」とある。 Google Payは、従来のAndroid端末向けモバイル決済サービス「Android Pay」とGoogle PlayストアやGmailなどで使う送金サービス「Google Wallet」の機能を統合したブランド。Googleアカウントで使うデジタル決済がようやくまとまった形だ。 既にAndroid Payを使っているユーザーは、次期アプリ更新で自動的にアプリ名がGoogle Payに変わる。ユーザー側で設定を変えたりする必要はない。アプリのデザインがマテリアルデザインになり、幾つかの新機能が追加さ
Android版ハンバーガー絵文字でチーズの位置がおかしい重大な問題が発覚 GoogleCEO「最優先で修正する」
※本記事はアフィリエイトプログラムによる収益を得ています Android端末で、「ハンバーガー」の絵文字のチーズの位置がおかしい重大な問題が発覚しました。この問題は全米のネット上を駆け巡り、ついにはGoogleのCEO（最高経営責任者）であるスンダー・ピチャイ（Sundar Pichai）さんが「最優先で修正する」と明言するほどの事態に発展しています。さすがは本場米国、ハンバーガーに対して妥協がありません。 この問題を提起したのは、アナリストのトーマス・ベイクダル（Thomas Baekdal）さん。自身のTwitterで、「Googleのハンバーガーの絵文字でチーズが下になっている件について議論をしたほうが良いと思う」とツイートしました。 件の絵文字を見てみると上からバンズ、レタス、トマト、パティ、チーズ、そして下のバンズの順になっています。これは確かにおかしい。チーズはもっとこう、肉の
よくあるご質問
チャットで質問 よくあるご質問（FAQ）が見つからない場合は「チャットで質問」もご利用ください。 ご質問を文章で入力していただくと、自動で回答します。 ※ 対象機種：2019年冬発売モデル以降の一部の機種 パソコンなどで、対象機種のSH-chatをご覧になるには、サポートページの製品別サポート情報から機種を選択してください。
iOS向けアイコン自動生成Webサービス
► 2018 (1) ► 1月 (1) ► 2017 (1) ► 9月 (1) ► 2016 (2) ► 11月 (1) ► 1月 (1) ► 2015 (51) ► 12月 (1) ► 8月 (1) ► 5月 (2) ► 4月 (5) ► 3月 (2) ► 2月 (17) ► 1月 (23) ► 2014 (365) ► 12月 (31) ► 11月 (30) ► 10月 (30) ► 9月 (30) ► 8月 (31) ► 7月 (31) ► 6月 (30) ► 5月 (31) ► 4月 (30) ► 3月 (32) ► 2月 (27) ► 1月 (32) ▼ 2013 (268) ► 12月 (30) ► 11月 (31) ► 10月 (31) ► 9月 (21) ► 8月 (27) ► 7月 (31) ► 6月 (30) ► 5月 (31) ► 4月 (18) ▼ 3月 (6) 終
Googleマップアプリに自分で作成したルートなど「マイマップ」を表示する機能が搭載される
Googleが提供しているGoogleマップアプリに、お気に入りの場所やルートを設定した「マイマップ」を表示させる機能が搭載されました。記事作成時点ではAndroid版アプリだけの機能となっていますが、あらかじめPCなどで編集しておいたルートや地点を端末上で確認できるので、お出かけなどの際に役立ちそうな機能となっています。 Take your custom maps to go: Rolling out today, view your My Maps on #GoogleMaps for @Android. http://t.co/gu4wmlWq4v pic.twitter.com/TwLNcOO89Z— Google Maps (@googlemaps) 2015, 3月 25 Google マップアプリでマイマップを使用する - モバイル Google マップ ヘルプ https:
アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？
Googleが開催した「Google I/O」では多くの新デバイス・サービスが明らかになりましたが、その中で次期Androidの「L」に採用される新しいUXの体系「Material Design」も発表されました。Googleのプラットフォームを統一するアニメーションを使った新たなデザイン「Material Design」とはどんなものなのか、ムービーが公開されています。 Google Design http://www.google.com/design/ Material designがどのように端末に採用されるのかは、以下のムービーを見るとよく分かります。 Material design - YouTube 例えば、以下の受信箱ではメッセージが「今日」「昨日」に分けられています。 そのうち1つのメッセージをタップ。 すると夏のバーベキューに関しての2人のやりとりが表示されました。 間
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoogleとAmazonが和解。YouTubeをFire TVに、PrimeビデオをAndroid TVに提供
iOS／Androidアプリの申請時に必要なアイコンを一括生成できるサイト「App Icon Resizer」 | ライフハッカー・ジャパン
グーグル、ウェブやアプリにも使える｢マテリアル・デザイン｣なアイコンをリリース
Engadget | Technology News & Reviews
