※この記事は投げ銭です。無料ですべて読めます。 もし、記事良かった応援したいと思ってもらえたら投げ銭してもらえると嬉しいです。 こんにちは。Swift勉強中のデザイナーohsです。 デザイナーだけどSwiftはじめてみた シリーズの第6段は、実際に自分のアプリを作って世に出した話です。 今回は、iOSアプリをリリースするまでにかかった時間ややった事、デザイナーだけどアプリを出してみて役に立ったと感じた事を紹介します。 そもそも、なぜSwiftを学ぼうを思ったかはこちら。 少しでも興味がある人が挑戦するキッカケになったり、デザイナー⇔エンジニア間の理解が深まるキッカケになればよいなと思っています。 📘目次 ・アプリを作るキッカケ ・アプリを作り始める前の私のiOS実装レベル ・リリースまでの足あと ・ペアプロ開発の進め方 ・プラスになった事 ・ダウンロード実績 作ったアプリは、ピルリマイン
GitHub - airbnb/lottie-ios: An iOS library to natively render After Effects vector animations
View documentation, FAQ, help, examples, and more at airbnb.io/lottie Lottie is a cross-platform library for iOS, macOS, tvOS, visionOS, Android, and Web that natively renders vector-based animations and art in realtime with minimal code. Lottie loads and renders animations and vectors exported in the bodymovin JSON format. Bodymovin JSON can be created and exported from After Effects with bodymov
先日のUX Engineer Meetupでプロトタイピングの話をしました。懇親会での話やツイート、ブログなどを見ていると結局「UXエンジニアとは」を気にしている人が多い様子だったので、自分なりの考えを書いてみます。 はじめに結論UXエンジニアという言葉に明確かつ具体的な定義はありません。 UXという1つの言葉に5つの階層があり多義的な以上、UXエンジニアも多義的だからです。自分なりに広く定義するなら「エンジニアリングを軸としながらデザインの力を掛け合わせ、より良いユーザー体験を実現する人」です。なお、デザインという言葉も広義の意味で捉えているので、まあ広い定義です。 ただ、僕自身2年以上UXエンジニアと名乗って複数社で働いていたり、世の中にUXエンジニア的な人が増えて色々な事例も生まれていることから、自分なりの考えはだいぶ整理されてきました。 なぜUXという言葉を使うのか時々、UXなんて
週刊Railsウォッチ（20180820）Railsで構築されたサイト40選、Deviseはつらいよ、ARのスコープとクラスメソッドの使い分けほか
2018.08.20 週刊Railsウォッチ（20180820）Railsで構築されたサイト40選、Deviseはつらいよ、ARのスコープとクラスメソッドの使い分けほか こんにちは、hachi8833です。Matzにっきを最初から読みふけってたら完璧に寝不足になってしまいました。 つっつきボイス:「お、例のMatzにっき、この間404になってなかったっけ？」「その後復旧してました: ここのtDiaryのナビゲーションがつらくて、最も最初の月にたどり着くのに何回もクリックしないといけなかったり😭」「😆」「最初が2003年なのでまだRailsも世に登場してなかった頃でした」 スクレイピングしてローカルで読もうかとも思いましたが負荷かけるのがコワイので、ブラウザで月ごとに気長にSave asし始めてます🐢。 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論など
この記事は「BASE Advent Calendar 2018」25日目の記事です。 devblog.thebase.in こんにちは。BASEでFrontend Groupに所属している三佐和です。主にネットショップ作成サービス「BASE」のフロントエンドを担当しています。 先日デザイングループのマネージャー早川が 「BASE」の管理画面リニューアルプロジェクトのこれまでとこれからで話しているように、現在BASEでは本格的にフロントエンドをVue.jsで置き換えるプロジェクトが進行しています。 これまでのBASEのフロントエンドは、主にマークアッパーを含むデザイナーが中心になってjQueryでゴリゴリと実装していました。 Frontend Groupが発足したものの、まだまだこれからで、しばらくはデザイナーと協力してサービスを作っていくスタンスで開発を進めています。 そのため、モダンなフ
Frequently Occurring First Names and Surnames From the 1990 Census - U.S. Cencus Bureau
MARY 2.629 2.629 1 PATRICIA 1.073 3.702 2 LINDA 1.035 4.736 3 BARBARA 0.980 5.716 4 ELIZABETH 0.937 6.653 5 JENNIFER 0.932 7.586 6 MARIA 0.828 8.414 7 SUSAN 0.794 9.209 8 MARGARET 0.768 9.976 9 DOROTHY 0.727 10.703 10 LISA 0.704 11.407 11 NANCY 0.669 12.075 12 KAREN 0.667 12.742 13 BETTY 0.666 13.408 14 HELEN 0.663 14.071 15 SANDRA 0.629 14.700 16 DONNA 0.583 15.282 17 CAROL 0.565 15.848 18 RUTH 0
デザイン素材の書き出し
Adobe XD ユーザーガイド はじめに Adobe XD の新機能 よくある質問 Adobe XD でのデザイン、プロトタイプ、共有 カラーマネジメント 必要システム構成 ハードウェアとソフトウェアの要件 Adobe XD、Big Sur、Apple Silicon | macOS 11 ワークスペースの基本 Adobe XD でのアプリ言語の変更 UI デザインキットへのアクセス Adobe XD のアクセシビリティ ショートカットキー ヒントとテクニック デザイン アートボード、ガイド、レイヤー アートボードの基本を学ぶ グリッドとガイドを使う スクロール可能なアートボードの作成 レイヤーの操作 スクロールグループを作成する シェイプ、オブジェクト、パス オブジェクトの選択、サイズ変更および回転 オブジェクトの移動、分散および整列 オブジェクトのグループ化、ロック、複製、コピー、お
ウェブテクノロジーが進化するほど、年を追って重要になっているアニメーション。 効果的にユーザーの視線を目的のエリアに誘導できるだけでなく、見た目も魅力的に演出できる注目のデザインです。 この記事では、ウェブデザイン制作で活用したい最新UIインタラクション、アニメーションをまとめてご紹介します。 Webサイトやスマホアプリのアニメーション実装参考アイデアに役立てみてはいかがでしょう。 アニメーションの実装で気をつけたいポイント ウェブサイトでもモバイルアプリでも、デザインに動きを取り入れるときは、まず基本ルールを確認しておきましょう。実装しやすくなるのはもちろん、デザインの統一性も表現しやすくなります。以下の記事も参考にしてみると良いでしょう。 【保存版】ユーザーを魅了する！UXデザインの正しいアニメーション完全ガイド また、知っておくとアニメーション制作に役立現役プロデザイナーのテクニック
スコット・ジョプリン - Wikipedia
スコット・ジョプリン（英語: Scott Joplin, 1867年か1868年（後述） - 1917年4月1日）はアメリカ合衆国のアフリカ系アメリカ人の作曲家、ピアノ演奏家。ラグタイムで有名な演奏家・作曲家であり、「ラグタイム王」（King of Ragtime）と呼ばれている。 生涯[編集] 生い立ち[編集] 黒人元奴隷農夫のジャイルズ・ジョプリン（Jiles Joplin）とフローレンス・ギヴェンス（Florence Givens）の息子として生まれた[1]。母もアフリカ系アメリカ人だったが、生まれつき自由民だった[1]。 誕生日は長年にわたり、1868年11月24日であると考えられてきたが、ラグタイム研究家のエドワード・バーリン（Edward Berlin）の研究により誤りであることが判明、現在では1867年7月から1868年4月までの間に出生したのではないかという説が有力である。
Includes 36,600+ assets, full access to app, and upgrades for one year. Price will increase as library grows.
新しいものが大好きなGoodpatchで4月に話題になったアプリ、サービス、デザインまとめ｜Goodpatch Blog グッドパッチブログ
Unsplash iTunesはこちら Unsplashは、世界各国のフォトグラファーが撮ったハイクオリティーな写真を無料でダウンロードできるアプリです。個人・商業利用どちらでも自由に使えるため、デザイナーに重宝されています。グッドパッチ内でも「UnsplashのアプリUIは、無駄な要素が無く洗練されており、Less is moreを体現したアプリだ」と話題になりました。 Asana https://asana.com プロジェクト管理ツールAsanaがタイムライン機能をリリースしました。以前から外部ツールであるInstagranttと連携し、ガントチャートをつくることも可能でしたが、今回のリリースでAsana単体でガントチャートをつくることが可能になりました。特に、プロジェクトマネージャーにおすすめのサービスです。 teacha https://www.teacha.me/ メルカリのグ
rel="preload"を極めるために必要な2種類のプリロード機能 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]
Safari, Chrome はデスクトップ版とスマホ版で確認しましたが共に動作の違いはありませんでした。 Firefox のバージョンが2つあるのは本稿執筆中にバージョンアップがあったので試してみたところ、タイムリーに @import の Preload Scanner に機能改善が見られたため参考までに両方載せました。 項目数で最も多くの種類のリソースを Preload Scanner が読み込めたのは Safari で、次いで IE11, Chrome, Firefox71, Opera が並ぶ結果となりました。IE11は意外な健闘を見せていますが、Preload Scanner にあたる機能を最初に導入したブラウザがIE8である事を考えると妥当な結果とも言えます。 どのブラウザも共通して対応しているのは <script> <script async> <link rel="styl
![rel="preload"を極めるために必要な2種類のプリロード機能 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/446cc54caa1510ed65919319dc78c4f7e9a1e036/height=288;version=1;width=512/https%3A%2F%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2019%2F12%2Fchrome_watarfall_2.png)
動き（英: Motion）は、感情を動かすことがよくあり、サイトデザインにとっては、ユーザーを魅了するのに必要なスパイスと言えます。静的なUIデザインに動的なダイナミックさを加え、魅力的に演出することができます。 この記事では、現在人気となっているWebアニメーションとモーショングラフィックスの最新トレンドをまとめて紹介しています。 動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ 動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ WebアニメーションはLottieがオススメ！基本の使い方完全ガイド【2020年版】 1. 背景アニメーション アニメーションでブランドストーリーを作成したり、楽しい製造工程を見せたり、カリスマ的なアニメーションヒーローをつかってチームを紹介したりすることができます。 ウェブサイトの背景
ウェブサイト・アプリで使えるLottieアニメーションの基本。作成時のポイントから注意点、活用事例まで解説 こんにちは、デザイナー・モーションデザイナーの田口です（@fuyuna_design）。 After Effectsなどで作ったリッチなアニメーションを、ウェブサイトやアプリケーションに実装できる「Lottie（ロッティー）アニメーション」をご存知ですか？ Lottieはどれだけ拡大しても高画質で、実装も簡単なアニメーションライブラリです。ウェブ制作にLottieを取り入れるメリットは多く、GoogleやMicrosoftといった大手企業も活用しているほどです。 わたしたちneccoも2020年に導入し、これまでさまざまなプロジェクトでLottieを活用してきました。 この記事では、Lottieの基本から実際の活用事例、作成方法までご紹介します。作成時の注意点もまとめているので、Lo
オリジナル性の高いデザイン作品の投稿で知られるDribbble（ドリブル）は、人気のトレンドやスタイルをいち早く取り入れるために、世界中のデザイナーが参考にしているデザインコミュニティです。 この記事では、Dribbbleで話題の作品ベスト100を参考に、人気グラフィックデザインに欠かせない「旬」なトレンド10個を詳しくご紹介します。 1. ニューモーフィズム by Alexander Plyuto for Heartbeat Agency 新しさと懐かしさのあるデザイントレンドが人気急上昇となっています。Googleのマテリアルデザインとスキューモーフィズムを組み合わせた新しいスタイルで、2020年注目トレンドのひとつ。シンプルでミニマルな見た目は好印象ですが、ドロップシャドウはやりすぎになってしまう恐れも。しかし、見た瞬間に驚きを与えるスタイルと言えるでしょう。 ニューモーフィズム？C
HDMI Forum Closing Public Specification Access Is Hurting Open-Source GPU Drivers - Phoronix
HDMI Forum Closing Public Specification Access Is Hurting Open-Source GPU Drivers Written by Michael Larabel in Standards on 6 January 2021 at 07:57 AM EST. 103 Comments It's been recently elaborated why the likes of FreeSync support over HDMI aren't coming to the open-source drivers, at least not yet... It stems from the decision by the HDMI Forum to prevent public access to the HDMI specificatio
「くまのプーさん」80年ぶりに続編、新キャラも登場
ハリウッドの殿堂「ウォーク・オブ・フェーム（Hollywood Walk of Fame）」入りを果たし、米ロサンゼルス（Los Angeles）で開かれたセレモニーに出席したくまのプーさん（中央、Winnie-the-Pooh、2006年4月11日撮影、資料写真）。(c)AFP/Getty Images/Michael Buckner 【10月4日 AFP】「くまのプーさん（Winnie-the-Pooh）」が80年ぶりに帰ってくる。英出版社エグモント（Egmont）は1日、世界中で愛されている同作品の続編を5日に出版すると発表した。 童話「くまのプーさん」のオリジナル・シリーズは、英作家A・A・ミルン（A. A. Milne）氏が原作者で、E・H・シェパード（E. H. Shepard）氏が挿絵を手掛けた。1920年代に出版されて以来、約50の言語に翻訳され、世界中で読まれている。 今
こんにちは。Androidエンジニアの伊藤です。 スギサポwalkという歩数計アプリの開発を担当しており今回は Jetpack Composeを導入したので、この取り組みについて書いていきます！ Jetpack Composeとは なぜ導入しようと思ったのか どのように導入していったのか？ 問題の解決 プロダクトへの導入方針 実際に導入した箇所の説明 連続ログインボーナス 画面構成について レイアウトについて 工夫した点 改善点 実際に導入してよかったこと 今後の課題 Jetpack Composeとは Jetpack ComposeはAndroidの新しいUIツールキットです。 宣言的UIとも呼ばれ、状態をUIとして表示するという仕組みです。 AndroidでUI開発を簡素化して、直感的なAPIにより良い開発体験が得られます。 また、数多くのAndroidのプロダクトで利用されています。
【デザイナー向け】Lottieの使い方。アプリ開発におけるアニメーションの実装を劇的に簡略化してエンジニアの負担を減らそう！｜nozoe | conoito
↑は先ほどダウンロードしたBodymovin.zxp（プラグイン）をAfterEffectsにインストールする為に使います。 [Download Mac OS X] または [Download Windows]からDLしてください。私はMacなのでMacOSを選択しますがWindowsの方はWindowsで。 最後に、[ZXP Installer]を使って[bodymovin.zxp]をインストールします。 先ほどダウンロードした [ZXP Installer] を起動して、これまた先ほどダウンロードした [bodymovin.zxp] をドラック&ドロップで放り込めばインストール完了です。 ✔︎をクリックでインストール完了！ 2020/08/22追記 久しぶりにBodymovinを使おうとしたら、なんと拡張機能の中から消えてしまっていて使えなくなっていました😭 再インストールしようとす
Webサイトだけでなく、モバイルアプリケーションの分野においても、アニメーションの重要性は日増しに高まってきています。 ページが読み込まれたあとはずっと静止しているホームページより、何か少しでも動きがあるだけで、ユーザーに驚きや感動を与え、結果的にホームページへのエンゲージメント率が高まるからです。 しかし、以前は、Android やiOS、React Nativeアプリの複雑なアニメーションを作成することは、それ自体が難しくて敷居が高く、時間がかかりました。 画面サイズごとに大量の画像ファイルを追加したり、数千行単位で保守しにくいコードを書いたりする必要があったのです。 このため、ほとんどのモバイルアプリケーションでは、複雑なアニメーションを取り入れるどころか、全くアニメーションを取り入れないことも日常茶飯事でした。 しかし、Airbnbから画期的なアニメーションライブラリが登場しました
Introducing Lottie
By Brandon Withrow, Gabriel Peal, Leland Richardson and Salih Abdul-Karim In the past, building complex animations for Android, iOS, and React Native apps was a difficult and lengthy process. You either had to add bulky image files for each screen size or write a thousand lines of brittle, hard-to-maintain code. Because of this, most apps weren’t using animation — despite it being a powerful tool
2019年1月31日、Indeedが主催するイベント「UX Night」の第1回が開催されました。Indeed社内で活躍するデザイナーや一線で活躍するキーパーソンが一同に会し、デザイン手法を活用した取り組みやUXにまつわる様々な事例を語る本イベント。今回は、クックパッド、Indeed、楽天における知見を語ります。プレゼンテーション「コードを書きながらデザインする意味と効果」に登壇したのは、UXデザイナーの出口貴也氏。昨年まで在籍していたクックパッドにおいてUXデザイナーとして取り組んできたことについて語ります。 コードを書きながらデザインする意味と効果 出口貴也氏（以下、出口）：こんにちは。よろしくお願いします。私からは『コードを書きながらデザインする意味と効果』というテーマでお話しします。まず自己紹介ですが、出口と申します。UXエンジニアとかプロダクトマネージャーと名乗ることが多いです。
女性 DJ “産む機械” 発言を語る
Text by Jonty Skrufff (Skrufff.com) _ Translation by Kei Tajima (HigherFrequency) 日本の厚生労働大臣、柳澤伯夫が自民県議の決起集会の場で 「女性は子供を産む機械である」 と発言し、日本の少子化の危機を救うため、 「ベストを尽くすように」 促した問題について、「非常に無礼であった」と謝罪の意を示した。 「機械と呼ぶのは何だけど、産む機械、装置の数は決まっているから、あとは一人ずつベストを尽くしてもらうようにお願いするしかない」 柳澤氏はこのような発言をし、与党内から「非常に横暴な発言」 との批判を受けた。 このような発言に対して、イギリス人 DJ Anne Savage は同情的にこう話した。 「“機械”って言葉が西洋人の言葉から出てきたらものすごく横暴だと思うけど、日本の文化は西洋とは違うと思うの。それに、英
iOSエンジニアの庄司です。最近Android開発をはじめて、Android Studioのコード補完力の高さに驚かされています。 iOS11のリリースが間近ですが、今回は最近開発したiOSアプリで実装したアニメーションについてご紹介します。 こんなものを作りました GitHubにサンプルプロジェクトを上げておきました。 https://github.com/WorldDownTown/CurvingProgressBarSample ポイント残高や、工程の進捗率を表現したりするのに使えるViewです。 一見すると動きはシンプルなのですが、意外と複雑な実装になっているため説明していきます。 このアニメーションの動作ポイントは下記の4点です。 数値がパラパラと増える ゲージが増加する 数値によってテキストとゲージの色が変わる アニメーションにイージングをかける 何が面倒なのか アニメーション
[iOS][Swift4.0] After Effectsのアニメーションを手軽に入れられるlottie-ios | DevelopersIO
今回は個人的に、今アプリに一番入れてみたいライブラリLottieを試してみました。 LottieはAdobe After Effectsで作成されたアニメーションをjsonに変換して読み込ませることで、手軽にアニメーションをアプリに入れることが出来ます。 また、以下の利点があります。 標準のアニメーションよりも凝ったものが作れる AndroidやWeb用のライブラリも存在するので、共通したアニメーションを使える アニメーションの素材サイトが公開されている（後述） ライセンスは、Apache License 2.0です。 https://github.com/airbnb/lottie-ios 検証環境 今回は下記環境で試しています。 Xcode 準備 アニメーションを入手する Adobe After Effectsのアニメーションを作れなくても、Lottieでは素材サイトが用意されています
![[iOS][Swift4.0] After Effectsのアニメーションを手軽に入れられるlottie-ios | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c83d413afe58d904e71a2ee3e849a272825f43c1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F01%2Fios_ui.png)
アニメーションを伴うマイクロインタラクションを作っていくために - スタディサプリ Product Team Blog
デザイナーの@riku-kunishiです。 今年に入って、AirbnbがLottieを公開したり、InVision Studioのバージョン1.0が公開されたりと「動き」までデザインすることが当たり前になりつつあります。特に私が携わっているプロダクトのターゲットは学生なので、なるべく操作に対して自然な反応をしてあげるようなプロダクトを作りたいと思っています。 ただし、動きを含む要素をNative Appに実装する場合、CodePenのような便利なものもなく、エンジニア / デザイナー間のコミュニケーションの難易度高いなと思っていたりします。私が携わっているプロダクトでは実現に必要な情報等をまとめる方法を考えたり、フローとして整理できないかと検討しているので、今回はその取り組みの経過を記載します。 マイクロインタラクションとは 「マイクロインタラクション ――UI/UXデザインの神が宿る細
GitHub - airbnb/lottie-android: Render After Effects animations natively on Android and iOS, Web, and React Native
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. Dismiss alert
The Best JavaScript & CSS Animation Libraries for UI Designers
Today we’re going to run-through 9 free, well-coded animation libraries best-suited to UI design work — covering their strengths and weaknesses, and when to choose each one. Front-end web design has been through a revolution in the last decade. In the late noughties, most of us were still designing static magazine layouts. Nowadays, we’re building “digital machines” with thousands of resizing, coo
この記事を3行で説明すると Lottieという動画をアプリに組み込むためのライブラリを使うといいよ JSONファイルを組込むので格段に軽くなる 必要なものをAirbnbがほとんど用意してくれててすごい👏 今回は導入のメリット・デメリット、利用する際につまづいた点を書いていきたいと思います。 この動画を例としてあげながら進めていきます。 Merry Christmas🎅 pic.twitter.com/rvGR9THE5s — いなげ (@17_makoto) 2017年12月24日 Lottie(ロッティー)ってなーに Lottie(ロッティー)は、Airbnbから登場したiOS、 Android、React Native対応のアニメーションライブラリです。 Adobe After Effectsで表示できるアニメーションをリアルタイムでレンダリングし、ネイティブ アプリで静的な コン
GitHub - lottie-react-native/lottie-react-native: Lottie wrapper for React Native.
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. Dismiss alert
Flutter初心者たちが3ヶ月で新規アプリをリリースした話 #Flutter - Tech Blog
ネイティブエンジニアの桐山です。 Timersでは新規事業として、毎月無料でましかくプリントを印刷できるサービスを始めました！ 新規アプリでFlutterを採用し、3ヶ月でiOS・Androidアプリをリリースした話の概要編をお届けします。 はじめに この度弊社で新しい家族向けアプリをFlutterで作りました！ https://famm.us/ja/print/top 毎月10枚がずっと無料の写真プリントアプリ Fammプリント Timers, Inc.写真／ビデオ無料apps.apple.com play.google.com おおまかなフロー Why Flutter? 弊社では元々家族アルバムアプリFammや年賀状アプリをネイティブで開発しており、写真を扱うネイティブ開発の知見も人的リソースもありました。新規アプリの開発するにあたって、ネイティブで開発した方が良いのでは？という意見が
Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web
Release Radar · September 2017
ProductRelease Radar · September 2017Welcome to the first edition of the Release Radar, where we share the projects popping up on our radar—from world-changing technologies to weekend side projects. Most importantly, they're all projects… Welcome to the first edition of the Release Radar, where we share the projects popping up on our radar—from world-changing technologies to weekend side projects.
pixiv inside編集チームのbashです。 ピクシブでは2014年以来、毎年ピクシブ株式会社アドベントカレンダーを開催してきました。 https://qiita.com/advent-calendar/2014/pixiv https://qiita.com/advent-calendar/2015/pixiv https://qiita.com/advent-calendar/2016/pixiv https://inside.pixiv.blog/2017/11/30/000000 今年も晩秋の頃からTwitterや社外で会う人から、今年はアドベントカレンダーは何やるんですか？ということを聞かれたのですが、これまではぐらかし続けてきました。 実は今年はこれまでと趣を変えて、アドベントカレンダーのまとめサイトに登録せず、各記事にはアドベントカレンダーとも銘打たず、完全に社内イベン
デザイナーでもできる！Lottieでアニメーションを実装する方法【Swift編】｜ohs / Pilll ピルリマインダーアプリ
実装する前に IllustratorとAfter Effectsを使ったアニメーションの作成方法が分からない方は、こちらの記事がとてもわかりやすく丁寧だったので、おすすめです！ Xcodeを開いて実装してみよう1. Xcodeを立ち上げて新規プロジェクトを作成 2番目のCreate a new Xcode project を選択 Single View Appを選択 Product Name/Organization Name/Organization Identifierに任意の名前をつけて次へ。※今回はお試しなのでなんでもよいと思います。 ⚠️下のチェックボックスはすべて外しましょう⚠️ どこに保存するか選択肢し、プロジェクト作成完了です。一旦ここでXcodeは終了して置きます。 2. ライブラリーのインストールCocoaPodsというライブラリーを管理してくれるツールを使ってLott
CIでのCarthageのキャッシュの効率的な当て方
Dec 6, 2018 Carthageによるフレームワークのビルドは時間が掛かるので、CIでは良い感じにキャッシュを当ててもらいたい。この記事の中ではそれをやってくれる平凡な設定を貼るのだけど、なぜそれが効率的なのか理解するにはCarthageとCIのキャッシュの仕組みを理解する必要があるので、まとめておく。我が社(エンジニア募集中)のCIはすべてCircleCIなのでCircleCIの話になるのだけど、たぶん他のCIサービスでも似た仕組みはありそう。 ちなみにこれは、半年ほど前に @chuganzy さんにTwitterで教えてもらったのがきっかけで調べ始めたもの。ずっとやろうと思ってたのだけど全然やってなくて、遂にやった。うっかりしている間に半年も経っていて、自分の先延ばし能力に驚かされた…。 Carthageのキャッシュ Carthage 0.20(2017年2月リリース)からCa
はじめに 株式会社マネーフォワードPdM。おうです。🙇♂️ この記事では、個人開発でSNSを作ろうとした際に デザインや実装でこだわったこと 集客のためにやったこと 振り返って思ったこと ちょっとした宣伝 ... について、話していきます。 SNSを作るのはほんとに難しいことですが、スケールすれば、世の中には新たな情報共有の形を吹き込むことができる、非常に意味のあることだと思います。 自分の今までの行動の整理も含め、これからSNSで起業しようと思う方々に、少しでも参考になるような情報を残しいておきたく思います。 サービスの構想 私はQuoraユーザーですが、Quoraでは基本、QA形式でしかディスカッションを進められないです。もう少し、多彩なディスカッション形式がないのでは？って思った時に、下記のアイディアが浮かび上がりました。 【デュエルディスカッション】 対立的な選択肢から、自分の
Download Every Single BBC Radio1 Essential Mix From 1993 To 2011 > FutureMusic the latest news on future music technology DJ gear producing dance music edm and everything electronic
Home » Artists » Download Every Single BBC Radio1 Essential Mix From 1993 To 2011 Download Every Single BBC Radio1 Essential Mix From 1993 To 2011 Posted on Oct 8, 2008 Smoke ’em, while you got ’em These downloads will not last… UPDATE: Thanks to our readers, we’ve been able to refresh the 1993 and 1994 sets…more to come. UPDATE 2: Here’s two new archives online: SoundCloud and MixesDB Good Luck!
白い猪亭 真実のリチャードを探して: Kindleで読める多読用書籍 －LR・GR・その他－（日本Amazon）
Kindleで読める多読用書籍 －LR・GR・その他－（日本Amazon） ＜Kindle で読める多読用書籍（随時更新）: 日本 Amazon＞ >>米国 Amazon での購入リストはこちら ☆リンク先のKindle本のページから、紙の本へのリンクもあります ◇GR (Graded Readers) Kindle Store で GR は CER (Cambridge English Readers)しかなかったが、2013年になってから？ OBW (Oxford Bookworms) と、MMR (Macmillan Readers) も購入できるようになった。 CER (Cambridge English Readers)：Cambridge English Readers で検索すると70冊ほど引っかかってくる。なかには紙の書籍が絶版のものもある。レベル別の検索も可能。紙の書
*:last-child]:mb-0" style="background-image: linear-gradient(0deg, #eee 0%, #fff 100%);"> Webデザイナーのための Lottieアニメーション実装講座
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーだけどiOSDeveloperになってみた話｜おーはし｜note
UXエンジニアとは - UX Engineer Meetup登壇後記 -｜sagaraya
Vue Boot Campをやってみました！ - BASEプロダクトチームブログ
2021年のWebはアニメーションが重要！参考にしたいUIインタラクション40個まとめ
Shape - 36000+ Icons & Illustrations to SVG, Lottie, React.
2020-2021年に注目！Webサイトアニメーションの人気トレンド7個まとめ
ウェブサイト・アプリで使えるLottieアニメーションの基本。作成時のポイントから注意点、活用事例まで解説 - necco note | necco inc.
Dribbbleで分かる、人気グラフィックデザインに必要なトレンド10個まとめ【2020年版】
スギサポwalkへのJetPack Compose導入の取り組み - メドピア開発者ブログ
Airbnbがリリースしたアニメーションライブラリ「Loitte」とは？
コードを書きながらデザインする––サービス開発で“禅問答”に陥らないための仕組み
アニメーションのイージングを自由に作る - ZOZO TECH BLOG
AirbnbのアニメーションライブラリLottie(ロッティー)の使い方🎅 - Qiita
Lottie Docs
社内イベント「ピクシブアドベントカレンダー2018」を企画・運営しました - pixiv inside
個人でSNSサービスをリリースしたけど、開発から集客までのリアリティを包み隠さずお話しします。
WebデザイナーのためのLottieアニメーション実装講座 | C5log