知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ！」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称は、公式で発表されているものではなく、私たちが便宜的につけた呼称になります。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Apple Booksのセミモーダル Appleが提供する電子書籍アプリ「Apple Books」では、カルーセル状に並んだ本を押すと、そのままセミモーダルが立ち上がります。前の画面の一覧性を保ちながら、それぞれの本の詳細を見ることができるのが特徴的ですね。さらに下スクロールすることで、全モーダルへと滑らかに変化します。 このUIのポイン
Flutter「を」Unity製Androidアプリ「へ」 本連載は、iOS/Android向けのアプリでUIの表現力を高めることを目標に、Unity製アプリにFlutterを導入した例を具体的な実装方法を交えながら紹介する記事の2回目となります。 前回の記事で、なぜUnity製アプリにFlutterを導入するのかという話をしているのでまだ見ていない方はそちらも合わせて読んでいただけると幸いです。 Unity製のアプリにFlutterを組み込むためにはいくつかの手順が必要となるので今回から複数回にわたり実際のコードを交えながら解説していきます。 2回目となる本記事はUnity製のAndroidアプリにFlutterを組み込む方法の解説となります。 なお、本連載はUnityとFlutterの連携がメインとなるのでUnityとFlutterの基本的な部分の説明は省略させていただきます。 開発環
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は スプラトゥーン3の試合中に、やられる直前15秒の動画を自動作成するシステムを開発したので紹介します。 ここに至るまでの15秒の動画を試合中に自動作成します。 スプラトゥーン2の時に開発した、やられたシーン自動抽出システムは、時間がかかる スプラトゥーン2に引き続きスプラトゥーン3もやりこんでいますが、対面力に課題ありです。そこで、やられたシーンを録画で振り返りつつXマッチに潜っています。 その振り返りの効率化のため、スプラトゥーン2の時にプレイ録画から、やられたシーンを自動抽出するシステムを作りました。その様子はこちらの記事
初めまして、にわとろです。 さて今回は、ChatGPTを使ってiOSアプリをイチから作ってみました。ChatGPTの記事なんてもうオーバーフローするほどあるのですが、今のところiOSアプリを最後まで作り通した記事はありません。 理由は簡単で、ChatGPTは「バカ」なのでiOSアプリなんて複雑なモノを完成させられないからです。 しかしバカも使いようです。上手く使いこなしてやれば、アプリだって作ることができます。ChatGPTはバカですが、有能なバカです。でもあなたがヤツをわかっていなければ、やっぱり無能のままです。だから、この記事を読んで理解してあげないといけません。 それじゃあ、ChatGPTと仲良くなりにいきましょう。 ChatGPTを使う極意 早速ChatGPTを使う極意を教えます。全部読み通せなくても、これだけは覚えてください。 いい上司になれ。 何を言っているかというと、Chat
ビジネスはスピードが命！承認だって、内容に問題がなければササッと終わらせたいですよね。そこでGoogleのノーコード開発ツールAppSheetを活用し、Gmail上で承認・却下の操作ができる承認アプリを作ってみました。 開発部門（基盤本部）の高玉です。BIGLOBEは業務にGoogle Workspaceを利用していて、メールはGmailを使っています。Gmailを使っていると分かるのですが、GoogleドライブやGoogleドキュメントから届くメールは動的メール（Dynamic Email）になっています。メールの文面にボタンやテキスト入力欄が埋め込まれていて、そのまま操作できます。 AppSheetを使えば、この動的メールを使った社内システムを作ることができます。この記事では簡易的な承認アプリを題材に、その作り方を丁寧に解説していきます。この記事で基本を押さえれば、AppSheetが提
iOS/Androidアプリのロジックコードを共有できる「Kotlin Multiplatform Mobile」がベータ公開 JetBrainsは、iOSとAndroid向けのネイティブなアプリケーションのコードを記述する際に、ロジック部分のコードを共有できる「Kotlin Multiplatform Mobile」をベータ公開したと発表しました。 Kotlin Multiplatform Mobile has reached Beta and is on track to becoming Stable! Check out a video made by the Kotlin team with some early Multiplatform Mobile adopters, get hands-on experience through a new series of webin
N予備校 Android アプリ は 2016 年 4 月にリリースされてから執筆時点（2022 年 8 月）まで、6 年以上に渡って開発・運用されてきました。この 6 年間で Android まわりでは新しい技術が続々と登場し、古い技術が次々と非推奨になっていきました。 この記事では、技術の変化が激しかった 6 年間で、Android チームが開発環境の改善に対してどのように取り組んだのかをまとめます。同じく技術の変化と闘っているみなさんの参考になればと思います。 アーキテクチャを整備する（2017 年 2 月 ~ 2021 年 4 月） Kotlin を導入する（2017 年 4 月 ~ 2020 年 9 月） Jetpack Navigation を導入する（2020 年 1 月 ~ 2021 年 4 月） Single Activity にする（2021 年 7 月 ~ 2021
マイナンバーカードの仕組みはどうなっている？ RustでAndroidアプリを作ってみて分かったこと【デブスト2021】 【B-3】Rustでマイナンバーカードを操作するスマホアプリを作りたい話 Rustでマイナンバーカードを操作するAndroidアプリを作る マイナンバーカードでデジタル署名ができることを知り、池口氏は作ってみたいスマホアプリの着想を得た。シンプルなAndroidアプリで、署名したいメッセージと利用者証明用鍵の暗証番号を入力し、マイナンバーカードをスマホにかざして署名したり、署名を確認したりできるというものだ。池口氏は「せっかくなら流行の技術を採り入れたい。このイベントはU30であることからも 、若い技術を使いたい。そこでRustを使うことにしました」と言う。 アプリのイメージ ちなみに今回のアプリ開発はゆめみの10％ルールにて行った。同社では業務時間の10％を研究開発や
こんにちは、Androidエンジニアのtsutouです。 今年は夏ごろから去年iOS版をリリースしたFamm年賀状アプリのAndroid版を開発し、無事リリースすることができました。 play.google.com 半年ほどで新規アプリをリリースまで持っていくのは大変でしたが、外部のメンバーと協業し、吸収できたポイントがたくさんありました。 その時に役立った知見/考え方を共有できればと思います！ どんなアプリ？ Fammで使っている写真を加工して使ったり、好きな文字を印字して、簡単に年賀状が注文できるアプリです。 マイデザイン機能や宛先登録機能で、再注文もしやすい設計になっています。 ぜひ！今年は年賀状を！ 😙 さまざまなテンプレートがあり、写真の穴のパターンも膨大にあるので、開発者側から見るととても画像の加工周りが1番の壁になりそうだなという印象で、実際にそうでした。 まず、設計的な部
「Flutterを勉強する気はあるけど何をやればいいか分からない！」という声をよく聞きます。 今記事では、そんな方々のためにFlutter大学を2年半運営してきた経験をもとに、Flutter学習ロードマップを提案したいと思います。 基本的な学習方針 これは、プログラミングが初めてな人でも大丈夫なように想定した学習方針です。 ①まずアプリ開発におけるFlutterの使い方をざっくり学び、②そのあと自分で実践、③実践した結果プログラミングの文法が分からなくてハマるのでその時に初めてDartの文法を学ぶ。 って感じの３ステップで学びます。必要になった時に学ぶというのが一番身につくと思いますので、いきなり基礎の基礎のDart言語の文法から学ぶのではなく、ゴール（アプリを作れるようになる）から逆算して、まずはアプリ開発の全体像を掴むというところからスタートしていきます。 以下に、①②③のステップにお
M1搭載のiMac 24インチを使っている。16GB、1TBのモデルで、スピードは早くて調子いいのだが、最近困ったことがある。メインストレージである「Macintosh HD」の容量が足りないのだ。 「CleanMyMac X」というアプリを入れて無駄なファイルを消したり、大きなファイルを別のバックアップドライブに逃がしたりしていたのだが、それでもディスクを圧迫する状況は変わらない。 原因は分かっている。「Photos Library.photoslibrary」という、Apple純正「写真」アプリのデータファイルだ。今見たらこれ1個だけで833.95GB。1TB程度のストレージでは足りなくなるわけだ。 実はこれでも不要な動画を消して100GBくらいは削ったのだが、これ以上は消せない。家族の大事な思い出が詰まったライブラリなので。 なぜこのように大きくなったかというと、2000年代の「iL
Googleの最新OS、Android 12。 今のところ、致命的というほどの不具合報告はなく、少なくともPixelに関しては比較的スムーズなOSアップデートになったという印象です。 しかし今回、XDAがこのAndroid 12で新たに導入されたバックグラウンドアプリの制限について「パワーユーザーにとって大きな頭痛の種になるかもしれない」問題として紹介していました。 同サイトによると、Android 12ではユーザーの目には見えない大きな変更点としてかなり積極的なバックグラウンドプロセスキラーが導入されている、とのこと。 このプロセスキラーは主に２つあり、1つ目の制限は、バックグラウンドでCPUを大量に消費するアプリの子プロセスは、親プロセスがバックグラウンドにある場合は強制終了される、というもの。 そして2つ目の制限は、常にアクティブでいられる子プロセスの数の制限。 技術的な説明は置いて
いよいよPixelシリーズにも配信されたAndroid 12、今回は見た目の変更も多いですがそのほかにも細かく機能追加などがあります。開発者視点ではなくユーザ視点のものとなりますが、気がついたものをまとめます。
JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。 勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。 勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット 基本知識と基本操作 実装するために使う デザインシステムについて そのほか便利な機能 さいごに エンジニアがFigmaを触れ
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
ソニーは、同社のテレビ/レコーダと連携するiOS/Androidアプリ「Video & TV SideView」について、これまで有料だったテレビ番組のモバイル視聴機能を、2021年6月頃にリリース予定のVer.7.1.0で無料化する。 ソニー製のBDレコーダーやnasneと連携し、放送中の番組や録画番組を「Video & TV SideView」アプリで見るには、現在は一部のXperiaを除き、有料の「Video & TV SideViewプレーヤープラグイン」を追加購入する必要がある。価格はAndroid版が500円、iOS版が600円。 2021年6月頃にリリース予定の同アプリVer.7.1.0(予定)では、「どこでも視聴」「ワイヤレスおでかけ転送」が無料で利用可能になり、使い勝手が向上するという。 【訂正】初出時、「『ワイヤレスおでかけ転送』(早見再生)が無料で利用可能になる」とし
こんにちは、スマートニュース株式会社の紀平です。 SmartNews のアプリ内では、最近 WebView を使った機能を多数公開しております。そのうちの一つにショッピングチャンネルという機能があるのですが、今日はそのショッピングチャンネルのタイムセール枠で以前発生した、謎のプチフリーズ問題の調査手法をご紹介します。 tl;dr 特定の Android 端末でプチフリーズが発生した 再描画領域を減らすことで現象は改善した Chrome の Tracing 機能を利用し、ブラウザのソースコードまで参照して、ついに根本原因まで突き止めた タイムセールで起こった問題 タイムセールは、SmartNews のショッピングチャンネル内において WebView で提供されている、期間限定のお得な商品をアグリゲーションした機能です。EC サイト各社のご協力の上にご提供しております。内部は HTML5 で開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
