[B! Android] d4-1977のブックマーク

d4-1977 id:d4-1977

Androidに関するd4-1977のブックマーク (140)

Android 12、“Material NEXT”を準備中？大幅なデザイン変更か
Googleは今月中にもAndroid12のデベロッパープレビュー版をリリースするようだ。正式配信は秋ごろと予想される。先日、Googleがパートナー向けに共有したAndroid12のドキュメントがリークされたことで通知パネルの大幅なデザイン変更が判明したが、デザイン変更はより多くの画面に及ぶ可能性が高いようだ。テーマ変更機能の大幅拡張を計画 XDA Developersによると、リークされたAndroid12のスクリーンショットで判明した通知デザインの大幅な変更は“road to Material NEXT”︵次なるマテリアルへの道︶の始まりとGoogle社内で呼ばれているという。マテリアルとはGoogleが提唱するデザイン手法のガイドラインである﹁マテリアルデザイン﹂のこと。物理の法則に従うことで人間の脳にとって自然なものを作ろうという考え方でAndroidだけでなくYou
d4-1977 2021/04/11
気になる

デザイン

Android
リンク
デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
こんにちは。TAK(@tak_dcxi)です。今回記事にするのはタイトル通り﹁デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り﹂についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN
d4-1977 2020/10/25
何回か読んでいるけれど、困ってくるのと、説明をしたりするので、社内用にまとめておこうかなあ

フォント

Android

デザイン
リンク
iOS vs. Android App UI Design: The Complete Guide
UI Course UX Course LP Course Blog Tools Data Visualization Color Picker Accessible Color Generator Gradient Generator Interactive Typography Tutorial Design Hacks If you’re designing both an iOS and an Android (Material Design) version of an app, this guide is your new best friend 😎. We’re going to cover the most relevant differences between iOS and Android for UX/UI designers. If you’ve created
d4-1977 2019/11/15
iOSとAndroidのUIの違い

UI

デザイン

Android

iOS
リンク
Android開発はFlutterでやる方がいい説 - Qiita
はじめにクロスプラットフォームとして語られるFlutterですが、実は、﹁Android開発だけでもFlutterでやった方がよくね？﹂となんとなく思い始めています。﹁FlutterってGoogleがAndroid開発を再定義した画期的なものになるんじゃないか﹂と。自分は、おっさんなので古い話をしますが、Java開発でEJB2が存在していた頃です。まだ、バージョンが1.1になったばかりのSpring Frameworkを使った案件にたまたま参加したときの衝撃と同じなんです。﹁何これ？　めっちゃわかりやすい。標準のEJBなんて駄目じゃん。﹂今ではEJBは廃れ、Springがデファクトスタンダードになっていますよね。ただ、使ったことがない人に伝えるのは本当に難しく、納得できない人も多いはずです。自分でもなんでそう思うのかうまく伝えられる気もしないのですが、言語化してみます。自分
d4-1977 2019/11/08
へえー（アプリ開発してみたい…と思いながら全然出来ていないです。でも、iOSもFrameworkを知る事のコストがスゴク高かった印象でした）

Flutter

Android
リンク
Material Design(Android)における半モーダルの解釈｜Nabe
先日、iOSにおける半モーダルビューの解釈という面白い記事があり、この半モーダルビューは Android ではどれが当てはまるんだろうと思ったので、個人的に解釈してみました。これからの話は Material Design を適用した Android での話になります。 (エンジニア視点なので、モーダル・モードレスからずれていたらごめんなさい…) Android におけるモーダルそもそも Android の開発ではモーダルという言葉が出てこないです。 Android におけるモーダルてなんだ?と思ったので、Android でのモーダルてこれじゃねと思ったのをいくつか挙げてみようと思います。 Dialog モーダルといえばこれが一番思い浮かびやすいんじゃないでしょうか？もちろん、Dialog にフォーカスが当たっていることがわかるよう背景が暗くなっています。 Sheet: Bottom
d4-1977 2019/03/31
ブックマークしてなかった… 半モーダルっていう名前でいいのか？が気になるのだった（BottomSheetらしい）

Android

デザイン
リンク
エンジニア以外にも知ってほしい Android の UI Components｜NUmero｜note
Android で使用する基本的な UIComponents の紹介をしていこうと思います。エンジニアが実装する時の Class 名と Material Design の名称が違うものもあるのですが、デザイナーは Material Design のガイドラインを参考にすることが多いと思うので、基本はガイドラインの名称を使っています。 # NavigationDrawer、BottomNavigation が抜けていたので追記しました (2018/10/27) OS 系・StatusBar ・NavigationBar ナビゲーション系・TopAppBar ・BottomAppBar ・NavigationDrawer・BottomNavigation ・Tab ・BottomSheet コントロール系・Button ・FloatingActionButton (FAB) ・Sw
d4-1977 2018/10/27
良いまとめ

Android

デザイン
リンク
Flutterの効率良い学び方
“Spider-Man leaning on concrete brick while reading book” by Raj Eiamworakul on Unsplash 数ヶ月間Flutterに関する大量のインプットを行い、単純なアプリならサクッと、複雑なアプリでも都度調べながらなら慣れているiOSネイティブアプリ開発と比べても遜色ないレベルのものを普通に作れるであろう自信が出てきました。本記事では、自身の過去の取り組みを踏まえてFlutterを学ぶにはこういう道筋が良いだろうということを書いていきます。まずはとにかく公式ドキュメント
d4-1977 2018/09/11
Flutter

Android

あとで読む
リンク
[Kotlin de Android] 最初はやっぱりHelloWorld | usaco-pg
仕事で少しだけ Kotlin を触る機会があったのですが、思った以上に書きやすいと思いました。せっかくなので Kotlin で Android アプリを作る手順などを紹介しようかなと思います。ここでは、Kotlin の言語仕様などは省きます。今はたくさんの入門サイトもありますので、そちらをざっとやっておいてください。また、Android Studio やエミュレータの使い方についてもここでは割愛します。こちらもたくさんのサイトで解説されていますので…。目次開発環境プロジェクトを作ろう HelloWorldを表示させてみようテキストとボタンを使ってみようテキストの内容を変えてみようプロジェクトファイルはGitHubに公開しているのでそちらもご利用ください♪ 開発環境今回の開発環境は以下のようになります。 Android Studio 3.1 JDK 8.0 Android
d4-1977 2018/09/02
Android

あとで読む

kotlin
リンク
FlutterでTwitterクローンを作る｜shogo yamada
目次・前提・プロジェクト作成・下タブ作成・レイアウトの切り替え・タイムラインを作る・KeyWord画面を作成する・通知画面を作成する・メッセージ画面を作成する・キーワードのときだけアクションバーを切り替える・宣伝前提前提としてFlutterの開発環境を作成しておきましょう。上の記事は英語ですが、頑張って読んでいただいて環境構築していただけたらと思います。サーバーサイドの開発環境を作るより圧倒的に楽です。プロジェクトの作成プロジェクトを作成したら、色々コメントが書かれたプログラムが書かれていますが無駄なので今回は消してしまいましょう。画面の真ん中に「Hello World」って表示します。 import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp
d4-1977 2018/09/02
あとで読む

Flutter

Android
リンク
Flutter Overview - DevFest Tokyo 2018
d4-1977 2018/09/02
あとで読む

Flutter

Android
リンク
初見から実務でReact NativeやったAndroidエンジニアが社内LTで所感を共有しました
こんにちは、React Nativeエンジニアの@kiriminです。去年の末くらいからReact Nativeでの開発案件に携わっていまして、ある程度形になってきたので、Webフロント開発の経験がないAndroid エンジニアがReact Native案件にいきなりJoinして感じた事やReact Nativeでの開発の雰囲気などについて週次で開催している社内LT会で共有しました。ネイティブエンジニアチームによるReact Native開発案件の一例として共有したいと思います。 TL;DR・React Nativeの学習コストはかなり低い・最新のJavaScriptでの開発はそれなりに快適・思ったよりはよく出来ていてAndroidとiOSをあまり意識せず同時に実装出来るのは本当・ただしネイティブと遜色ないデザインを実現するにはかなりの努力が必要・Reduxは面白いけど難しいAn
d4-1977 2018/08/29
あとで読む

Android

React Native
リンク
GitHub - mono0926/wdb106-flutter: WEB+DB PRESS Vol.106のAndroid・iOSアプリ設計のサンプルをFlutterではどう書くかというサンプル
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
d4-1977 2018/08/20
Android

Flutter
リンク
FlutterとReact Native(とXamarin)の正しい(?)比較 - Qiita
ここはReact Native vs Flutter - Which to Learn? - YouTubeを参考にプラスアルファしています。 XamarinのXamarin社にとっての存在意義はフレームワーク販売による直接的収益でした。 Xamarin社をマイクロソフトが買収したのはXamarinかなり成熟してからだったので、買収時点のマイクロソフトにとってのXamarinの存在意義は企業ブランド向上がメインだと感じてます。 FacebookがReact Nativeの開発に着手した直接の動機は「InfoQ: Facebook:「HTML5に賭けたのは間違い」発言の技術的な理由と反応」でしょう。それをわざわざOSSで公開するのは、アプリ開発者コミュニティーによるReact Nativeのデバッグと技術力誇示による企業ブランド向上が目的だと思います。 GoogleがFlutterの開発に着
d4-1977 2018/08/19
Flutter

Android

iOS

あとで読む

React Native
リンク
Flutterでアプリ全体を統一感のあるデザインにする方法 - Qiita
FlutterのThemeDataの使い勝手がとてもよかったので紹介しようと思います。 iOSもAndroidもアプリ全体を通してデザインの統一感をもたせようとすると地味に手間がかかります。 AndroidのStyleやThemeはいまいち使い勝手が良くないと思いますし、iOSではそもそも全体を統一するための仕組みが無いように思います。アプリで使う色やフォントの定義ファイルを作って都度設定するような実装になってしまうことも多いのではないでしょうか？ FlutterのThemeはまずアプリ全体に適用するためのThemeDataを作成します。といってもデフォルト値が設定されているので、何もしなくてもよいです。 AppBarやFloathingActionButtonなど組み込みのウィジェットの多くは、Themeのスタイルを参照するようになっているので何も指定しなければThemeに準じた見た目
d4-1977 2018/08/19
Flutter

Android

iOS

あとで読む
リンク
Flutterを仕事で2ヶ月使って思ったこと - Qiita
導入のしやすさ Mac必須開発というよりかは、iPhoneやiOS Simulatorの為 Flutter Doctor 便利 packageも楽ちん導入というか性質というか、頻繁にFlutterアップデートが来る。描画が壊れるupdateもあったが、回避方法はあったので致命的ではなかった WYSWYGツール不在の為、UI設計が面倒とおもったけど十分高い生産性 hot reloadが優秀　(ソース保存即時反映︶ Debug paintが優秀 (各コンポーネントの描画範囲等がわかる) Flutterの基本コンポーネントにしろよと思ったパッケージ群、よっぽどシンプルじゃない限り必要になる　以下 pubspec.yaml dependencies:に追記するべきパッケージ validate: "^1.6.0" #em ail等、入力チェック http: "^0.11.3+16" # APIと通
d4-1977 2018/08/19
Flutter

Android

iOS

あとで読む
リンク
Androidエンジニアデザイン部＃2でありがたいUIへの思いをぶつけました | 山田航空ネットワーク2nd
表題のとおりです。本日は台風で早期の帰宅許可が出たこともあり、代わりにこの記事を書いています。ちなみに当日は余裕をもって現地に到着して資料を修正しようと思ったら乗るバスを間違えてしまい、最終的にやや遅刻で到着するハメになりました。バス1本遅れることになっても、ちゃんと確認、しよう！ Android エンジニアデザイン部 #2 - connpass 話した内容に関しては、すごいちゃんと噛み砕いてまとめてくださった記事があるので発表資料とともに紹介しつつ、この記事では当日話さなかった補足部分などについて書きます。ありがたいUIをもっと大事にしたい - Speaker Deck Android エンジニアデザイン部 #2に行ってきました | achanBlog Getting Over Itwith Bennett Foddy 左からPC、iOS、Android版の周回数です。最近ベストタ
d4-1977 2018/08/16
Android

デザイン

あとで読む
リンク
Androidアプリをリリースしたので設計についてまとめてみる（クリーンアーキテクチャ） - Qiita
アプリについてリリースしたアプリはこちらです。 https://play.google.com/store/apps/details?id=com.teach_timetable_appppppp.www.teachtimetableソースコードはこちら https://github.com/fungiy/TeachTimeTable学校の先生向けの時間割アプリ。言語はKotlinです。作ってる途中に考えたことなんかをコードを交えながら解説してみます。間違った記述があればご指摘ください。また、ここはこうしたほうがいいみたいなご指摘も大歓迎です。︵プルリクもお待ちしてます︶クリーンアーキテクチャは以下の図が有名だと思います。クリーンアーキテクチャでは、ビジネスロジック︵ドメイン層︶を中心に置き、データベース・ネットワークアクセスなどのインフラ層と、UI層を外側として扱いま
d4-1977 2018/08/16
Android

設計

あとで読む
リンク
Google releases source for Google I/O 2018 for Android
Posted by Shailen Tuli, DPE Today we're releasing the source code for the official Google I/O 2018 for Android app. The 2018 version constitutes a comprehensive rewrite of the app. For many years, the app has used a ContentProvider + SyncAdapter architecture. This year, we rewrote the app using Architecture Components and brought the code in sync with the Android team's current recommendations for
d4-1977 2018/08/16
Android

あとで読む
リンク
【2018年版】macでAndroid開発環境を構築するための４つのこと - Qiita
はじめに今回はMAC端末にAndroidStudioを入れるためにやることを書いていきます kotlinで開発とかそう言うのは一旦置いておきますただ事前にやっておかないと痛い目を見ることが多いのがAndroid開発なので経験から考えた快適な開発環境を作ります Android開発に必要なもの Java開発のためのJDK AndroidStudio Javaで作ったものをビルドするためのgradle Genymotion １と２は必須です 3のGradleはAndroidStudioに含まれてはいますが、ツールにversionを依存すると開発するのが大変になるのでバージョン管理の方法を本記事では書いておきます Genymotionは爆速開発に必要なので合わせて書いておきます１、java開発のためのJDKをインストールしてバージョン管理しちゃう手順 homebrewでjEnvをインストー
d4-1977 2018/08/03
Android

開発
リンク
『メルカリ』アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
﹃メルカリ﹄アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計多くのユーザーに愛されるフリマアプリ﹃メルカリ﹄ですが、そのスムーズな画面描画はどのような技術で生み出されているのでしょうか。同アプリの高速表示の秘密を、バックエンド、iOS、Androidの3方向からメルカリ社のエンジニア4人に聞きました。バックエンドの高速化を支える技術︻Tips1︼画像のファイルサイズを最適化し、アプリ全体の通信量を抑える︻Tips2︼データセンター間通信のレイテンシを抑える︻Tips3︼アプリのありとあらゆる挙動を常にモニタリングする iOSアプリの高速化を支える技術︻Tips4︼Objective-CからSwiftへの移行＆アーキテクチャの刷新︻Tips5︼﹃UIStackView﹄を活用し、UIの描画をより滑らかにする Androidアプリの高速化を
d4-1977 2018/07/28
エンジニア

ios

Android

あとで読む
リンク
1 2 3 4 5 6 7 次のページ