Android開発者のためのFlutter説明文がためになったので全訳&要約 - Qiita
View Viewに相当するものは？ Androidではボタン、ツールバー、inputsなどのすべてがViewです。 Flutterでは、Viewとおおよそ同じものがウィジェットです。 ウィジェットはAndroidのViewに正確に対応しているわけではありませんが、Flutterがどのように機能するかを学んでいる間は、"UIを宣言および構築する方法"と考えることができます。 ただし、これらにはいくつか違いがあります。はじめに寿命が異なります。 ウィジェットは不変であり、変更が必要になるまで存続し続けます。 ウィジェットやそのウィジェットのStateが変更されるたびに、Flutterフレームワークは、新しいウィジェットツリーを作成します。 それに対して、AndroidViewは、一度描画されたら、invalidate()が呼ばれるまで再描画されません。 Flutterのウィジェットは、その不
Androidアプリ開発を始める 2020年春版 - Continuity is The Father of Success
2019年のはこちら。 丸一年経ったので今年の知識の棚卸しも兼ねて。 blog.dr1009.com はじめに 昨年版と同様に、本項の目的は下記2つです。 サーバーサイド開発等の経験があるエンジニアが、Android開発を始める際に参考となる資料をまとめる 2020年で当たり前とされる技術を整理する Androidアプリの開発環境を整える AndroidStudioの導入 developer.android.com 必ず公式ドキュメントを参考にしてインストールしましょう。 最近では公式ドキュメントの大半を日本語で読むことができるようになっています。 開発を始めてみようと思ったら、ドキュメント通りに手を動かしてみることを強くお勧めします。 Flutter 2019年からの大きな違いの一つに、Flutterの存在感が増したことがあります。 flutter.dev 雑に書いてしまえば、Webアプ
スマホUIデザインのトレンドを追うために、毎日行う3つの習慣
最近ありがたいことに、色々な業界の方から、 サイバーエージェントのクリエイティブについてご質問を受ける機会が多くなってきました。 ネイティブアプリ市場における、トレンドの移り変わりは非常に早く、 日々新しいサービスや開発ツールが生まれています。 そういった流れに対し、これまで主に静的なデザインを生業としていた 「サービスデザイナーの役割」が、ここ数年で飛躍的に広がってきているのは、 弊社のみならず、業界全体にも言えることではないでしょうか。 そこで今回は、次々に溢れ出てくるUIデザインやサービスのトレンドに対し、 「日々、どういうインプットをしているのか？」「クオリティをコントロールするために意識していることは？」など、僕が毎日心がけている3つの習慣についてご紹介したいと思います。 １. 毎日、決まったサイトをクロールしてみる 突然ですが、僕のブラウザには 普通のブックマークとは別に、「毎
「ドラゴンクエストVIII」は，いかにしてスマートフォン向けに移植されたのか？ 最適化からUI設計のポイントまでを開発チームが語る
「ドラゴンクエストVIII」は，いかにしてスマートフォン向けに移植されたのか？ 最適化からUI設計のポイントまでを開発チームが語る ライター：米田 聡 ゲームエンジン「Unity」の開発者向けイベント「Unite Japan 2014」初日である2014年4月7日に，「Unityでコンソールタイトルを移植する 〜ドラゴンクエストVIII 移植から学ぶ大規模開発テクニック〜」というセッションが開催された。 講演の内容はタイトルどおりで，2004年に発売されたPlayStation 2（以下，PS2）用の「ドラゴンクエストVIII 空と海と大地と呪われし姫君」（iOS / Android。以下，DQ8）を，Unityによってスマートフォン向けに移植したときの体験を，開発チームが解説するというものだ。Unityのイベントとはいえ，それだけの話に止まらず，据置ゲーム機用に作られたゲームのインタフェ
厳選！ 美しくてスマートなUI/UXデザインを持つAndroidアプリ20選【まとめ】 | MONSTER DIVE
遅ればせながら明けましておめでとうございます。Android端末は既に4代目、そろそろAndroidヘビーユーザーを自負したくなってきたMiOです。 2013年のAndroid界隈のニュースといいますと、4.0ICS以降の端末の国内での急速な普及、HD液晶端末の攻勢、タブレットのシェア拡大など色々とありました。 しかし私がスマホサイトやアプリの造り手側の人間として最も印象深かったのは、何と言ってもAndroidアプリおよびスマートフォンアプリ全体のデザイン面での変化です。 Windows8の発表を皮切りに徐々にトレンド化し、昨年爆発的に流行した「フラットデザイン」が、多くのメジャーアプリの表情を変えていきました。 また、ICSから導入されたAndroidの新テーマ"Holo"によりUI/UXのiOSとの統一化が進み、「スマートフォンUIのデファクトスタンダード」が確立されたのが2013年と
[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO
はじめに こんばんは。アンドロイダー？な諏訪です。 本シリーズ「Android アプリの UI デザイン」では、Android アプリの UI デザインについて広く取り扱っていきます。 UI デザインといっても、時にはデザイナー目線で「このようなレイアウトだったらユーザは迷わないだろう」や「情報はこうまとめたほうが見やすいだろう」といったようなことを述べたり、また時にはデベロッパー目線で「こういう UI デザインはこういう実装方法で実現できるよ」や「Android の性質上、こういうデザインにすべき」といったようなことを述べたりしようと思っています。 賛否両論な意見を述べることもあるかも知れませんが…意見交換の場になって、学びあえればそれはそれで良いかなぁ、なんて思っています (とはいうものの、当面は実装方法の基礎的なところをおさらいしていきたいと思ってます)。どうぞよろしくお願いします。
![[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/27c01225a965c5b92731bf7c394c561cb9248d14/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F03%2Fcatch3.png)
開発前に欠かせない超ハイレベルな無料プロトタイプ制作アプリ5選|グロースハックジャパン|Growth Hack Japan
dited by Ryutaro Mori growth hack japan official Twitter account growth hack japan official Facebook account 過度に強調することが出来ないほど重要なプロトタイプ制作。 その重要性は、グロースハックジャパンの記事「グロースハックの大前提 「MVP」の種類と実例 5選」でもお伝えした通りです。 ではどんなツールを使ってプロトタイプを制作すれば良いのか。 ここは多いに迷うところですが、「はやい、やすい、うまい」に越したことはありませんよね？ そこで本日は、吉野家もびっくりの超ハイレベルな無料プロトタイプ制作アプリを、5つまとめてご紹介致します！ 数あるアプリの中でも、使いやすさや完成品のクオリティに焦点をあてて厳選した5つの無料アプリですので、必ずお気に入りが見つかること間違いないでしょう
アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ - Qiita
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
AndroidでViewFlipperを利用して、Viewを切り替える方法/Getting Started | TechBooster
Androidでは、ViewFlipperを利用することで、ViewやLayoutを切り替えることが可能です。 一度に表示可能な子Viewは一つだけですが、複数の子Viewをスライドショーのように連続的に切り替えたり、ボタンを押すことで手動で切り替えたりすることができます。 今回は、以下の４つの機能について、サンプルアプリを元に実装方法を解説します。 スライドショー(自動切替)の開始(自動/手動) スライドショー(自動切替)停止 手動切替(次の画像) 手動切替(前の画像) 今回は次の２つのサンプルを例に、ViewFlipperの使い方を解説します。 1.ボタン操作によるViewの切り替え ボタンを押すことで、手動でスライドショーを開始したりViewを切り替えを行うシンプルかつ基本的な利用方法です。 各種ボタンは、左から自動切替開始、手動切替(次画像)、手動切替(前画像)、自動切替停止となっ
AndroidのUIをデザインするとき参考にしている資料まとめ | VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです！ (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot
デザイン | Android Developers
使ってみる 初めてのアプリを作成することから始めてみましょう。トレーニング コースを活用して理解を深めるほか、ご自身でアプリ開発を習得することもできます。
AndroidにおけるLauncherアイコン、背景画像の作り方 - アシアルブログ
はじめまして。鴨田と申します。 年初からアシアルにてデザイナーとして働いており、 今日からブログも書くようになりました。 どうぞよろしくお願いいたします。 さて、今日はAndroidにおけるLancherアイコン制作を中心に、 お話をさせていただきたいと思います。 なぜ、この話題かというと、アシアルでは現在、 Androidアプリの制作を積極的に行っていて、 正式なプレスリリースは明日行いますが、 今日から、「ClapClap Clock」というAndroidアプリがAndroid Marketにて、 無料公開されています。 どんなアプリかというと、拍手に反応して、 現在の時刻を声で知らせてくれるという時計ユーティリティです。 興味のある方は是非インストールして頂ければと思います。 今回はそのデザインを自分が担当したので、 そのときに参考にしたデザインガイドラインを大まかに翻訳しながら、
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ - Qiita
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EMOTIV | Brain Data Measuring Hardware and Software Solutions
Android アプリの UI デザイン ｜ シリーズ ｜ Developers.IO
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Android Niceties