デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN
アプリのフィードバックを簡単にする AppFeedback SDK を OSS として公開しました
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo! JAPAN でモバイルアプリのCI環境や社内配信システムの開発運用を行っている堀です。 最近 OSS として公開した AppFeedback というモバイルアプリ向けの SDK を紹介します。 https://github.com/yahoojapan/AppFeedback-ios https://github.com/yahoojapan/AppFeedback-android AppFeedback とは AppFeedback はアプリからバグ報告や改善要望といったフィードバックを簡単に Slack に投稿できるようにするモバイルアプリ向けの SDK です。iOS と Android に対応してい
「AndroidはiOSと同じデザインで！」と言われたときの対応案 - Qiita
はじめに 「AndroidはiOSと同じデザインで！」と言われてどう実装しようか悩んでる方向けの記事です。 Androidアプリを作るなら当然マテリアルデザインガイドラインに合わせて1から画面設計するのが最高なんですが、そうはいかないことが経験上多いので対応案をざっくりまとめました。 諸注意 これは「iOSとAndroidのUI対応一覧」ではありません。 iOSとAndroidで同じような見た目のUI部品でも作られた経緯や目的は違うので、比較して置き換えるようなことは基本的にできないと思います。 とはいえなんの指標もないと辛いので、ここでは「iOSのこのUIをAndroidで代用できるのはこれかもね」くらいのニュアンスで列挙しています。 必ずしもどのアプリにも言えるようなことではないので、あくまでたたき台と思ってください。 「なぜAndroidらしくする必要があるのか」についてはこ
Androidアプリのデータ保存方法の一つ「SQLite」の使い方 SQLiteOpenHelper編
Androidのデータベース「SQLite」の使い方は？ 今回は、AndroidアプリからSQLiteを使用する際の、コードレベルでの使い方をみていきましょう。 長くなりそうなので、3記事に分けたいと思います。 今回は、SQLiteOpenHelperというクラスの使い方について触れたいと思います。 今回は、データベースのオープン処理の説明になります。 行の追加・更新・削除編は下記のページをご覧下さい。 Androidアプリのデータ保存方法の一つ「SQLite」の使い方 行の追加・更新・削除編 レコードの検索編は下記のページをご覧下さい。 Androidアプリのデータ保存方法の一つ「SQLite」の使い方 レコード検索編 まず、Androidでは、データの保存形式として、今回のSQLiteの他にも、「プリファレンス」「ローカルファイル」があります。以前にこれらの記事を書いています。 And
android：TextView・Button等に角丸や枠をつける | UI |
上記のようにTextViewやPlainText、Button等の枠に 角丸や枠線を加える方法。 【構成】 角丸・枠線・角丸と枠線の3種類のファイルを用意する手順として まずは、PracticeHome > res へ新規で「drawable」というフォルダを作成する。 下記の3つのxmlファイルを作成し、「drawable」フォルダへ保存する。 【上】角丸 PracticeHome > res > drawable > corner_round.xml (←任意のファイル名) <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <!-- 背景色 --> <solid a
Android Studioで外部モジュールの読み込み
Android StudioでFaceBook SDKやその他外部ライブラリ読み込み時にはまりそうなところがあるので備忘録 *参考：http://sakebook.hatenablog.com/entry/2014/08/17/004540 ローカルにjarファイルをダウンローとして使う場合、appディレクトリ直下にlibsディレクトリを作ってそこにjarファイルを設置。/プロジェクト名/app/build.gradleに dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) compile files ('libs/ hoge-1.0.jar') }記述して「Sync Now」をクリックすればOK。 dependencies { compile fileTree(dir: 'libs', include: ['*
EclipseのプロジェクトをAndroid Studioへインポートする | TechBooster
Google I/O 2013でAndroid StudioというIDEが発表され、旧来のEclipse環境で開発していたプロジェクトを移行する方法を紹介します。 EclipseのADTプラグイン(ver22)でAndroid Studio用に変換してエクスポートする機能が追加されました。 そのためEclipseのプラグインをアップデートしてエクスポートすることでAndroid Studioへインポートすることが可能です。 今回はEclipseで作成している次のようなファイル構成の状態のプロジェクトをインポートしてみましょう。 中身はHelloWorldになっています。 やり方については続きをどうぞ。 移行するにはまずEclipseのADTプラグインのアップデートとSDKマネージャでアップデートを行います。 ADTのアップデートはここのADTインストールの項目の通りに行うとアップデートでき
CountDownTimerを利用してタイマー機能を実装する | TechBooster
Androidでは、CountDownTimerを用いて、簡単にタイマー機能を実装することが可能です。 ポイントは以下の二つです。 コールバック関数を実装したCountDownTimerを継承したクラスの作成 カウントダウンの開始と中止メソッドの実装 今回は、ボタンを押すと３分間のカウントダウンを開始するサンプルアプリを例に、タイマー機能の実装方法を解説します。 それでは続きをどうぞ MyCountDownTimerクラスの作成 CountDownTimerクラスを利用するには、CountDownTimerクラスを継承したクラス(ここではMyCountDownTimer)を作成します。 MyCountDownTimerクラスには、２つのコールバックメソッドを実装します。 実装後のソ−スコードは以下の通りです。 public class MyCountDownTimer extends Co
Android StudioでSDKのサンプルコードをビルドする方法 - Qiita
本稿では Android StudioでAndroid SDKのサンプルアプリをビルドする方法について解説します。サンプルをビルドするだけですが結構なハマりポイントがあったためです。 確認したバージョン Android Studio 1.0 RC4 です。 2014/12/4 時点での最新バージョンです。 動作方法 サンプルアプリのインポート [File] -> [Import Project] [(Android SDKのフォルダ)] -> [samples] -> [android-21] -> [(動かしたいアプリ)] を選択します。 なお、全てのアプリで本方法で動作確認したわけではありませんが、 legacy以外はこの方法で大丈夫だと思います。 自動的にビルドが走ります。ここで結構な時間がかかります。 Gradle プラグインのバージョンの手直し 「The project is u
他のビューとの相対-Android開発入門：IT TRICK
以下はRelativeLayoutを使った具体的な例になります。 main.xml<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <Button android:id="@+id/button1" android:text="BUTTON1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="50px" /> <Button android:
レイアウト（９）-RelativeLayout（相対的位置にウィジェットの配置）をマスターする。 - 愚鈍人
RelativeLayoutは、名前のとおり相対的にウィジェットの配置をおこなうレイアウトである。 このレイアウトを調べていて、相対位置を指定するパラメータがいろいろとあって、違いを把握するのに苦労してしまった。 パラメータはいろいろとあるのだが、「何に対して相対的なのか？」，「上下の位置関係は？」，「左右の位置関係は？」 を、分類してみるとわかりやすくなるように思う。 親ウィジェットに対する相対位置を指定する 以下のパラメータを使って、親ウィジェットに対する相対位置を指定して、ウィジェットの配置をおこなうことができる。 横軸の位置を指定するパラメーター。 左側に配置：layout_alignParentLeft 中央に配置：layout_centerHorizontal 右側に配置：layout_alignParentRight 縦軸の位置を指定するパラメーター。 上側に配置：layou
iOS&Androidアプリのデザインをする人に知っておいてもらいたいこと - Qiita
知り合いのデザイナーさんから「iOS&Androidアプリをデザインする時に何か知っておくべき事ってありますか？」と質問を受けたので、思い浮かんだ事をずらっと書いてみました。他にも何かありましたらコメントお願いします！ツッコミも歓迎(´ﾛ｀) モバイルアプリデザインの原則とiOS 量が少し多いが、公式のiOSヒューマンインターフェイス ガイドラインは必読。(※ダウンロードに時間かかるので注意) iOSだけに限らず、モバイルアプリのデザインをするにあたって重要な事がまとまっている。 載っていること ヒューマンインターフェイスの原則 アプリケーション設計戦略 iOSテクノロジーの使用に関するガイドライン 標準で用意されている各UI要素(タブやツールバー等)の使い方 マルチスクリーン対応 どのような違いがあるのかを把握する 画面密度(ppi)や画面サイズなど 参考：iPhone, iPod to
【在庫復活】1,890円のムック「カワイイをシェアする写真術」付録のEye-FiカードをズルしてiPhoneで使う
iPhoneユーザーは、この好機を、みすみす見逃すしかないのでしょうか。（続きは[Read More]から） アップデートすると普通のEye-FiカードになってiPhoneで使えるようになる Eye-FiのページからEye-Fi Center SoftwareをダウンロードしてきてEye-Fiカードをアップデートしたら、何のことはない、iPhoneと組み合わせて使えるようになりました。 好機はいつでもあなたの目の前にぶら下がってございます。 でも、どうやって？ SPONSORED LINK Eye-Fi Center Softwareのダウンロードとインストール 以下のページへGO。 ダウンロード | よくある質問 | Eye-Fi Japan Mac OS X用のEye-Fi Center Softwareをダウンロード。 ダウンロードしたEye-Fi.dmgをマウントすると、インストー
画像処理のデファクトスタンダードライブラリGPUImageの基本と応用 - Qiita
iOSアプリ開発で高速に写真や動画にエフェクトを加える事が出来るGPUImageの基本的なパターンと応用方法を理解するためのメモ。 GPUImageライブラリはOpenGL ES2.0をベースとしているため、大抵の場合は処理にCPUを使った場合よりも高速な動作が特徴。その上、複雑な概念を理解する必要があるOpenGLについて知る必要はなく、さらにカメラのためのAVFoundationのフレームワークを触る必要もない。 これはもう画像処理やカメラアプリに使わない理由がないんだけど案外日本語の説明がなかったので調べて行った過程とフィルタの作成方法についてを書いてみた。構成は下記の通り。 GPUImageの基本パターン 用意した静止画像へのフィルタ適用で基本パターンを解説。 カメラでのリアルタイムフィルタリング利用のための基本パターン解説 GPUImageの応用 複数フィルタを重ねがけする オリ
[Android] GPUImage for Android で超爆速画像フィルターを作成しよう！ | アドカレ2013 : SP #13 | DevelopersIO
超爆速で画像を加工！ アドベントカレンダー13日目は GPUImage for Android という画像加工ライブラリのご紹介です。 GPUImage for Android はその名の通り GPU で画像加工を処理するライブラリです。 同じ名前の GPUImage という iOS 用のライブラリがありますが、GPUImage for Android はこのライブラリの Android 移植版です。CyberAgent さんの github で公開されており、Apache License 2.0 でライセンスされています。 CPU で処理する場合と比べ物にならないほど超爆速で処理できるのが最大の特長です。また、各フィルタークラスが Photoshop の写真加工を意識した設計になっているという点もかなり捗ります。画像加工する上で右に出るものは居ないライブラリだと思います！ということで G
![[Android] GPUImage for Android で超爆速画像フィルターを作成しよう！ | アドカレ2013 : SP #13 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec3dc245f9a09ad08349402ad210d80f5f0bb446/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F12%2Fadvent_calendar_open_sp_13.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutterでライブラリを使ってカレンダーを実装する
Google、iOS／Androidアプリ開発向けオープンソースSDK「Flutter」をβ公開
EclipseからAndroidStudioへの開発環境移行、疑問編 - うさがにっき
IOS/Androidアプリの３つの大事な設計方針
android_dev:image_data_making [Ore Base]