業務や個人でのアプリ開発で、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
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
エンジニアの黒田です。 この度Android版「マネーフォワード」アプリをマテリアルデザインにフルリニューアルしました。 そしてなんと！！！ おかげさまでGooglePlayの「2014年ベストアプリ」に選出いただきました！ GooglePlay 2014年ベストアプリ アプリのDLはこちらから 家計簿マネーフォワード【投資・資産管理】 この記事ではマテリアルデザイン対応するにあたり、考えたことや実際に書いたコード、使ったツールなどあれこれと書いてみたいと思います。 マテリアルデザインとは マテリアルデザインとはGoogleが発表した新たなデザインガイドラインです。 モバイルに限らず、AndroidWearやAndroidTVなど様々なデバイスでもユーザーに対して同じ体験を提供することを目的としています。 マテリアルデザインに関する細かい説明は割愛しますが、GoogleMapやGMailな
Androidの画面を録画したいと思うことは多々あります。アプリのデモを作ったり、Androidの機能自体を紹介したりと言った具合です。個人的にも探していたのですが、あまり良い方法がありませんでした。 そんな時見つけたのがAndroid tool for macです。まさにぴったりな使い勝手で、かなり便利なソフトウェアになります。 Android tool for macの使い方 Android tool for macを起動した画面です。 中央のカメラアイコンはスクリーンショット、右側のボタンはスクリーンキャプチャとなっています。 こんな感じに画像が保存されます。 スクリーンキャプチャした動画。なんとMPEG4とアニメーションGIFが同時に保存されます。 その他、apkファイルをインストールしてくれる機能があります。 この他、定型のスクリプトを実行する機能やバグレポートの収集機能が備わっ
Make your phone smarter with Hello. Built by Messenger just for Android, Hello combines info from Facebook with the contact info on your phone so it's easy to stay in touch with the people you care about. Now you can see who's calling, block unwanted calls and search for people and places on Facebook. You can also call and text people for free using Messenger. • See who's calling you, even if you
ハウツー 解像度はバラバラなのに、Androidアプリの画面デザインに統一性があるのはなぜ? - いまさら聞けないAndroidのなぜ 多種多様な候補から自分好みの端末を選択でき高度なカスタマイズが可能、それがAndroidの魅力であり強みです。しかし、その自由度の反面わかりにくさを指摘されることも少なくありません。このコーナーでは、そんな「Androidのここがわからない」をわかりやすく解説します。今回は、「解像度はバラバラなのに、Androidアプリの画面デザインに統一性があるのはなぜ?」という質問に答えます。 ＊＊＊ ハードウェア仕様をある程度メーカーの裁量で決定できることは、Android端末の特徴であり強みです。表示装置の解像度もそのひとつで、かつては横480x縦800あたりが主流でしたが、横1080x縦1920(Nexus 5)や横1440×縦2560(LG G3)など、端末の
by @mixiappwchr この記事はあくまで直接いじってもらったほうがお互いの工数減るよねという部分だけ、扱えるようになるといいよね！いう観点のため、実装をデザイナーさんにまかせたいわけではありません！ ただ構造を知ってるだけでもコミュニケーションが円滑になるかと思うので一読していただけると幸いです 皆さん最終的にUIを実装した後のチェックはどうしてますか？ デザイナーさんに色々チェックしてもらうと細かいpixelのずれやフォントサイズのずれなど、細かい点ですが、アプリの完成度に大きく影響をあたえるものなので、きちんと修正したいところです。 ただ、これをお互いに エンジニア修正 ↓ デザイナー確認 ↓ エンジニア修正 ↓ ... とやると膨大な時間がかかってしまいます。 そこで弊社のAndroidスーパーエンジニアの方がデザイナーさんに直接xmlを触ってもらっている話に,非常に感銘を
ワンソース、マルチプラットフォームは甘美な響きであり、誰もが夢見る存在です。ずっと昔から言われており、アプリ開発において最も望まれている存在かも知れません。 かつてはTitaniumが有力候補が出てきたのですが、最近ではあまり聞かれません。そこで登場したのがNativeScriptです。 NativeScriptの使い方 NativeScriptはCLIで操作します。node/Homebrew/mono/JDK/ant/Android SDKなどが必要です。準備が終わったら、 $ npm i -g nativescript にてインストールができます。 コマンドは次のようになります。 // 対応プラットフォームを追加 tns platform add android tns platform add ios // デバイスで実行 tns run android tns run ios //
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
アプリマーケティング研究所 > アプリマーケティング > 10秒マンガでわかるマーケティング。「アプリを出す前に知っておきたい、アプリストア５つの特徴」 AppStoreとGooglePlayの特徴をマンガでまとめてみました。※マンガはあくまでイメージを掴むためのものです。なお初心者向けに、解説も出来るだけ簡略にとどめています。 １、AppStoreのランキングは「熱しやすく、冷めやすい」 AppStore(iPhoneのアプリストア)のランキングを決める要素として大きいのは「直近のダウンロード数」です。つまり、瞬間的にダウンロード数が上がると、瞬間的にランキングも上がりやすい。 例えるなら「今日、テストの点数が良かった人が、チヤホヤされる」という世界であり、「過去のテストの点数がどうだったか？」は、あまり関係がないのです。 「Waaaaay!」というアプリでは、テレビ（ズームインサタデー
メインのお仕事が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
Usage This library depends on jQuery. Include the script file in your HTML page: ... <script src="path/to/jQuery-sidebar.min.js"></script> ... <div class="sidebar left">Hello World</div> <div class="sidebar right">I am on right!</div> <div class="sidebar top">I am on top!</div> <div class="sidebar bottom">I am on bottom!</div> ... <script> // Sidebar on left (default) $(".sidebar.left").sidebar().
以前、Windows上でAndroidアプリを動かすエミュレータ「Windroy」をご紹介しました(記事はこちら)が、今回はWindows以外のOSでも使用できるエミュレータ『Genymotion』をMacで試してみましたのでご紹介します。 「Genymotion」をダウンロードするには会員登録が必要です。以下の公式サイトから会員登録すると、上記のような登録確認メールが届きます。 ・Genymotion 本文の中ほどにある「Click Here」をクリックして登録を完了させると、ダウンロードができるようになります。 ダウンロードページよりMac OS X用のファイルをダウンロードし、インストールします。 Genymotionとは別のソフト「VirtualBox」も必要ですので、以下のサイトよりダウンロード・インストールします。 ・Downloads – Oracle VM VirtualB
誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer：HTML5アプリ作ろうぜ！（13）（1/4 ページ） Material DesginでWeb ComponentsでオープンソースでレスポンシブなJavaScriptフレームワーク「Polymer」をWeb上で活用するためのチュートリアル記事です。Bootstrapライクなレイアウトを実現するサンプルを交えてインストール方法や使い方を紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
