RecyclerView（縦） in RecyclerView（横） - Qiita
※ AdventCalendar Android その2 の一日目の記事です! RecyclerView in RecyclerViewでどんなことができる？ こんなことができる 方法 １、RecyclerViewのAdapterが管理しているViewHolder内で、新たに横用のRecyclerViewとAdapterを生成する public class MainActivity extends Activity { private RecyclerView mVerticalSampleRecyclerView; private VerticalRecyclerViewAdapter mVerticalRecyclerViewAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onC
優れたボタンデザインのための７つのガイドライン
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 ボタンはインタラクションデザインに欠かせない要素です。ユーザーとシステムの意思伝達において大切な役割を担っています。この記事では、効果的なボタンを作成する際に知っておくべき７つの基本原則について説明します。 １. ボタンをボタンらしく見せる UIを操作するとき、ユーザーは「クリックできる」ものとそうでないものを即座に知る必要があります。ユーザーは、デザインされたすべてのアイテムを解読しなければなりません。そのため一般的に、ユーザーがUIを解読するのに必要な時間が長くなればなるほど、ユーザーにとって使いにくくなります。 しかし、ユーザーはどのようにして要素がインタラクティブかどうかを判断するのでしょうか？ UIのオブジェクトを理解するために、ユーザーはこれまでの経
クリエイティブなタブバー型ナビゲーションを考える | UX MILK
モバイルナビゲーションの基本パターンを選ぶときに、プロダクトデザイナーは２つの選択肢から選びます。ハンバーガーメニューとしても知られるドロワー型か、タブバー型です。どちらのナビゲーションにも長所と短所があります。 この記事はそのうち、タブバー型に関するものなので、ドロワー型を上回るタブバー型の利点から話しましょう。 ユーザーの現在地がひと目でわかる。アプリの中で自分がどの位置にいるのかをメニューを開いて確認する必要がありません。ひと目で知ることが可能です。 見つけやすさ。ユーザーはトップレベルのナビゲーションオプションを最初から見ることができます。 指の届く範囲にある。タブバーは届きやすい場所（画面の１番下）に位置しています。ユーザーは指を伸ばして選択する必要がありません。 しかし、タブバー型にはいくつかの欠点があります。 ナビゲーションに載せる選択肢の数が限られる。タッチ箇所が小さくなり
iOS/Androidアプリのレビューを取得 - Qiita
App Store、Google Playにユーザーが書いたアプリのレビューを取得する方法を記述。 App Store上のiOSアプリのレビュー RSSから取得できる。 手順 iTunes Connect でURLを確認 RSSのURLは形式が決まっている模様だが公式のドキュメントは見つからない。 一応iTunes ConnectでURLを確認できる。 iTunes Connect からアプリを選択。 アクティビティ を選択。 評価とレビュー を選択。 RSSアイコンを選択し、RSSリンクをコピー。 URLの形式 https://itunes.apple.com/COUNTRYCODE/rss/customerreviews/id=APPID/sortBy=mostRecent/xml COUNTRYCODE: 国のコード。例：jp APPID: アプリのID。例：284882215 UR
【翻訳】React Native at Airbnb: The Technology - Studio Andy
はじめに この記事は2018年6月20日にAirbnb社のGabriel Pealによって公開された記事を日本語に翻訳したものです。 公開にあたっては氏本人の同意を確認中ですが、誤訳や問題のある表現等を見つけた方は僕のTwitterアカウントまでDMいただけますと幸いです。 元記事: medium.com 本文 この記事はAirbnb社におけるReact Native体験と 次の時代のモバイルアプリケーション開発について記したブログシリーズの第二弾です。 React NativeはAndroid, iOS, Webで横断的に動作する、それ自体が比較的新しく急速に発展しているクロスプラットフォームフレームワークです。2年間に渡って使ってきた今、React Nativeは多くの点において革新的なツールであると自信を持って言えます。それはモバイル開発におけるパラダイムシフトであり、私たちはRea
MacでAndroidアプリの開発環境を構築する方法（Android Studio）
開発環境構築の流れ 開発環境の構築は、以下のような3つのステップで進めていきます。 JDK（Java Development Kit）のインストール Android Studioのインストール プロジェクト作成とAVDの設定・エミュレーターでの実行 それでは手順をおって説明していきます。 JDK（Java Development Kit）のインストール インストールはOracleのサイトから可能です。 まずはこちらのURLを開いてください。 開いたら、Accept License Agreement にチェックを入れ、「Mac OS X x64」をクリックしてダウンロードを開始してください。 ダウンロードしたら解凍して、インストーラを起動します。インストーラで処理が終わったらJDKのインストールは完了です。 なお、ターミナルから「$ javac -version」のコマンドを実行して、「
[Mac OS X]Android開発環境を構築する - Qiita
1. 概要 開発に必要なもの JDK：Java Development Kit。Javaアプリケーションの開発に必要なSDK。 Android SDK：Androidアプリケーションを開発するために必要なSDK。 Android Studio：Androidアプリケーションを開発するための統合開発環境（IDE）。 Androidエミュレータ or Androidデバイス：作成したアプリケーションの実行環境。 ※ 一昔前まではAndroid Studioがなかったので、代わりにEclipseとADTプラグインを用いるのが主流でした。しかし、ADTプラグインのサポートを終了するとGoogleが発表したため、今後はAndroid Studioを用いるのが賢明な判断と言えるでしょう。 開発手順 1. Android Studioでプロジェクト作成 2. 画面デザインの作成（画面作成用のビューを使っ
![[Mac OS X]Android開発環境を構築する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/187d454ef51a2e2d44eb372e5e9baf6326559c1c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTWFjJTIwT1MlMjBYJTVEQW5kcm9pZCVFOSU5NiU4QiVFNyU5OSVCQSVFNyU5MiVCMCVFNSVBMiU4MyVFMyU4MiU5MiVFNiVBNyU4QiVFNyVBRiU4OSVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NjNiMzhmYjMwNzNhMjU0MjU4NWQ4YmI2YzhiYzhhMzU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzaHVudGFyb190YW11cmEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTAxOWU5OGNjMmY5Njk3YzdhMTAxOGM2YjdkNTliYzc5%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44K344Ot44Kv%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D2c1b38f4c46d47e113dddafc8088ff0d)
【2018年版】macでAndroid開発環境を構築するための４つのこと - Qiita
はじめに 今回はMAC端末にAndroidStudioを入れるためにやることを書いていきます kotlinで開発とかそう言うのは一旦置いておきます ただ事前にやっておかないと痛い目を見ることが多いのがAndroid開発なので経験から考えた快適な開発環境を作ります Android開発に必要なもの Java開発のためのJDK AndroidStudio Javaで作ったものをビルドするためのgradle Genymotion １と２は必須です 3のGradleはAndroidStudioに含まれてはいますが、ツールにversionを依存すると開発するのが大変になるのでバージョン管理の方法を本記事では書いておきます Genymotionは爆速開発に必要なので合わせて書いておきます １、java開発のためのJDKをインストールしてバージョン管理しちゃう 手順 homebrewでjEnvをインストー
Kotlinとは――読み方、メリット、「Java」とのコード比較、実行までのチュートリアル
Android開発かいわいで最近話題に上ることが増えてきている、「Kotlin」というプログラミング言語をご存じでしょうか。 Google I/O 2017のキーノートでは、AndroidチームがKotlinを公式にサポートするという発表がありました。また、最近リリースされたAndroid Studio 3.0では、Kotlin開発用のプラグインが最初から組み込まれているなど、注目を集めています。 本連載「Android Studioで始めるKotlin入門」では、Android Studio 3.0を使い、Kotlin言語の特徴を解説していきます。 なお本連載は、JavaやC言語など他のプログラミング言語について、ある程度知識がある方を対象としています。あらかじめご了承ください。 Kotlin（読み方「コトリン」）とは Kotlinは、Javaの統合開発環境であるIntelliJ IDE
React Nativeで作った新アプリについて(5日間連載) - クックパッド開発者ブログ
こんにちは投稿開発部の丸山@h13i32maruです。 今日から5日間、本ブログに投稿開発部メンバーで連載記事を書かせていただきます！ いきなり「投稿開発部で連載記事」と言われても何のことかわからないと思うので、まず投稿開発部について簡単に紹介させてもらいます。 投稿開発部は「クックパッドに投稿されるコンテンツ全般」について責任をもっている部署なのですが、中でもレシピ事業の根幹であるレシピ投稿者向けのサービス改善に力を入れています。レシピ投稿者向けのサービス改善は「どうすれば継続的に投稿したくなるのか？」「どうすれば投稿をはじめてみたくなるのか？」の2点に答えを出すことを目標に日々サービス開発に励んでいます。 そこで、本連載では投稿開発部が今年メインで取り組んでいる「クックパッド MYキッチン」という新しいアプリについて5人のメンバーで紹介させていただきます。 1日目(vol1)では「クッ
React Nativeとは何なのか - Qiita
改めて、React Nativeについて書いていきたいと思います。 React Nativeとは何か？ ReactはFacebookが開発したJavaScriptのフレームワークであり、React Nativeはそれをモバイルで使えるようにしたものである。 React Nativeを使用することでネイティブに描画されるiOSとAndroidのアプリを作ることができる。１つのコードで、両方のプラットフォームで動くものが作れる。さらに、JavaやObjective-Cのライブラリを自分で書いてReact Native自体を拡張することもできる。WebでReactを使っているなら、ターゲットがモバイルに代わるだけなので簡単に使い始めることができる。 React同様、React NativeもJavaScriptと、JSXと呼ばれるXMLライクなマークアップを使って記述される。内部では、ネイティブ
Google IO 2018のMaterial Designアップデートまとめ｜池内健一
Google I/O2018でMaterial Designが大きくアップデートされました。Material Designのサイトの更新量が大きすぎて全量を把握するのも大変ですが、要点だけまとめました。 目次 ・Material Themingで多様なスタイルが可能に ・コンポーネントの更新 - App Bars：Bottom - Backdrop - Extended FAB - Sheets : Side - Text Fields - ButtonsMaterial Themingで多様なスタイルが可能に今回のアップデートで一番インパクトがあったのがMaterial Themingでした。これまでMaterial Designではどのアプリも画一的なスタイルに制限されていましたが、Material Themingによって多様なスタイルが可能になりました。これにより、ブランドイメージに
初心者でもできる！「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法
初心者でもできる！「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法 【AndroidStudio（アンドロイドスタジオ）】を使ったAndroidアプリ開発環境の構築方法を初心者向けに解説した記事です。プロジェクトの作成方法、エミュレータの設定方法までこの記事だけで使い方を理解することができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 初心者がAndroidアプリを開発しようと始めた時の、最初のハードルは
リストビュー内のコンテキストメニュー - Android 開発入門
ここではリストビュー内の項目に対するコンテキストメニューを説明します。 オプションメニューはユーザーに対して、その画面（アクティビティ）全体に対して他にできることを提示するのに対し、 コンテキストメニューというのはもっと小さいな単位でのメニューということになります。 例えばファイルマネージャプログラム内のファイル単位とか、ギャラリーの写真一つ一つといった単位です。 ここではそういう小さいアイテムを表示する代表格とも言える、リストビューでのコンテキストメニューの表示方法を示します。 リストビューでのコンテキストメニューの表示 ここで作るプログラムは次の通りです。リストビューが表示されています。 メニュー項目を長押しすることで、コンテキストメニューが表示されます。 コンテキストメニュー内の項目を選択すると、実際にそれが選択されたことがわかるようにトースト通知が表示されます。 コンテキストメニュ
Androidアプリで長押し操作で出てくるコンテキストメニューを作るには | TechBooster
コンテキストメニューはアイコン表示やショートカットキーによる操作をサポートしていない、など機能に制限があります。写真を見てもわかるように、シンプルな補助メニューという位置づけです。 サンプルコードは続きから 1.コンテキストメニューを表示するViewを登録する @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); TextView tv = (TextView)findViewById(R.id.textview); //Viewに追加する場合、registerForContextMenu(View);が必要 registerForContextMenu(tv); } サンプルコード9行目でr
長押し操作で表示されるContextMenuを使う/Getting Started | TechBooster
Androidにはメニューボタンを押して表示されるオプションメニューの他に、コンテキストメニュー(ContextMenu)と呼ばれるメニューがあります。 コンテキストメニューは、画面を長押し（タップし続ける）することで表示されるメニューです。 使われる場面としては、リストビューに各アイテム（セル）などに設定してそれぞれの詳細情報を出すことなどがあげられます。例えば、ファイルマネージャアプリを思い浮かべてみましょう。ファイルの一覧をリストで表示し、長押しするとファイルの詳細情報や、コピーなどの操作を行うコンテキストメニューが表示されるのを見たことがあるかと思います。 このコンテキストメニューを使う場合に重要なメソッドは以下の通りです。 [table “212” not found /] それでは続きで使い方を説明して行きます。 手順 コンテキストメニューを使う手順は以下の通りです。 Acti
AndroidアプリのUXデザインで注意すべき４つのポイント
Ning T.は、コンテンツエディター、人類学者、デザイナー、技術とUXオタクです。ブルースとWes Andersonの映画が好きです。 モバイルアプリのデザイナーがiOS用のデザインを好む傾向があることは広く知られています。しかしながらAndroid用デバイスがスマホ市場を席巻したのは、特にハイエンドのiPhoneと比べた時に価格帯が低かったからです。Androidデバイスが世界中で広まったことで、アプリデザイナーはAndroidを無視できなくなったのです。 たしかに、Androidは必ずしも素晴らしいデザインの典型ではありませんでした。 Google Playのアプリ審査は寛大すぎて、UXデザインのかけらもないようなアプリに溢れかえっていたのです。とはいえ、AndroidのIce Cream Sandwich（バージョン名）の時代は終わったことを忘れないでください。Material D
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404
Android/iOS/フロントエンドを横断する開発体制 - Speaker Deck
nvtrlab.jp