よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
MacでiPhone/iPadの画面を録画する時に役に立つ13のコツ
By Andrew Forgrave OS X Yosemite以降のMacを使うと、iPhoneやiPadなどの画面を簡単に動画キャプチャすることができます。録画の際には無料のQuickTime Playerや他の有料ソフトを使えばOKなのですが、そんな時に覚えておくと役に立つ13のコツを、キャプチャソフトを提供するTechsmithがまとめています。 13 Tips for Recording Your iPhone, iPad, or iPod http://blogs.techsmith.com/tips-how-tos/13-tips-for-recording-iphone-ipad-ipod/ ◆iPhone/iPadのスクリーンをMacのQuickTime Playerで録画する方法 コツについて触れる前に、そもそもiPhone/iPadの画面は、以下の手順で簡単に、しかも
iPhoneアプリ開発・運用でかかせない、吟味して選んだ便利サービスTOP10
iPhoneアプリを個人で作り始めてから5年ほどになるけど、アプリ開発や運用でかかせないサービスをまとめてみた。 それぞれに競合サービスがあったりするけど、いくつか使ってみて、最終的に本当に使うようになったものだけ書いてみる。プログラミングする時に使うツールというより、アプリを作った後の運用とか、分析とか、そっち系のサービスがメインのランキング。 iOSアプリにしか使ってないけど、Androidで使えるものも多い。 10位 Iconfinder（無料+有料） https://www.iconfinder.com/ アプリはWebサービスに比べて画面が小さいのでビジュアルデザインが楽。実質、フリーのアイコンとか有料のアイコンを利用するだけで事足りることが多い。僕はまず有料のアイコン集を買って、それでカバーできない時はこのサイトから検索してます。 例えば、フラットデザインのリロードアイコンを検
アプリってどうやって作るの？実は色々あるアプリの開発方法や開発言語
今まで質問で多かったのが、「じゃあどうやってアプリ作ったらいいのよ」という質問です。 ついで「どうやってプログラミング勉強すればいいの？」などでしょうか。 アプリに興味はあるものの、何から始めたらいいのかわからないし、どうやったらアプリが作れるのかわからない、という人は多くいるようです。 すべてを語ると何十エントリに達するだろうかという内容になると思いますので、 ひとまずはある程度の知識を持っている方向けに、様々なアプリの開発手法を伝えていきたいと思います。 基本のおさらいからですが、iOSアプリとAndroidアプリをそれぞれ作るための、公式開発手法がXCodeとEclipse+AndroidSDKになります。 XCode 【取得先】macのApp Storeアプリよりダウンロードする 【条件】AppleIDが必要。また作成したアプリを実機に転送したり、ストアへアプリを公開する場合には、
ロルト｜KING JIM
スマホの画面をスマホサイズでプリントできる。スクリーンプリンター「ロルト」| KINGJIM。株式会社キングジムの公式ウェブサイトです。
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
感性を鍛えよう！動きが気持ちいいUIアニメーションまとめ
こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks（クオートワークス）のムラマツ（マツムラではありません）です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。（すみません！サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます） line25.com https://dribbble.com/shots/1448379-Lookbook-nu-app https://medium.com/ui-ux-articles/3d1b0a9b810e http://thedesigninspiration.com/
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
iOS端末を複数台繋げて1つの巨大ディスプレイとして扱えるアプリ「Mosaic」
iPhone・iPad・iPad miniなど、iOS搭載端末であればディスプレイの大きさの違いを無視して、1つの巨大なディスプレイとして画像を表示させることができるアプリが「Mosaic」です Mosaic Use multiple iPhones as one big screen http://www.mosaic.io/ まずはiOSを搭載した端末に、App Storeから「Mosaic」をダウンロードします。アプリは無料。 ダウンロード後のアイコンはこんな感じ。 起動すると紹介のムービーが流れます。 位置情報に連携してよければ「OK」をクリック。 これが基本画面。 今回はiPhoneに6分の1スケールスティーブジョブズ、iPad miniに「iCEO」、iPadに先日レビューした「スターバックス リフレッシャーズ」の写真を入れました。 まずはiPhoneに入っている写真を隣のiP
Apple Days | Apple製品の発売周期まとめ
Apple製品のこれまでの発売日を元に、新製品が出るまでの周期をまとめました！
10万DL以上を目指すiPhoneアプリ開発者が知っておくべきプロモーション術チェックリスト : LINE Corporation ディレクターブログ
photo credit: somegeekintn via photopin cc こんにちは、ウェブサービス本部でlivedoorのスマートフォンアプリ開発を担当している池田です。 昨年の11月19日、App Store承認アプリが100万タイトル突破という発表がありました。膨大な数ですね。いまもなお次々とアプリが公開されており、まさにアプリ戦国時代。この膨大なアプリの中から、自分たちのアプリをどうやって見つけてもらえばいいでしょうか？ そこで今回は、特に、10万ダウンロード以上を目指すアプリ開発者のために、iPhoneアプリプロモーションのノウハウをご紹介します。 1. プロモーション計画は目標設定から まずは目標を決めましょう。最も分かりやすいのはダウンロード数です。リリース後1カ月以内に10万ダウンロードを突破するとニュースなどのメディアに取り上げられる可能性もあがります。簡単で
スマートフォンのアプリに広告を掲載せずに収益化を実現する7つの方法
By 401(K) 2013 スマートフォン向けの無料アプリでは画面の隅に小さな広告を出して、その表示回数やクリック数などに応じた報酬が開発者に支払われるという方式が既に一般化しています。しかし、PCなどに比べてディスプレイが小さいスマートフォンでは、ただでさえ狭い表示スペースを犠牲にして広告を出すことでアプリの使い勝手をひどく損ねたり、ユーザーにうっとうしがられたりする危険性が高いため慎重な検討が必要です。もちろん、単にアプリを有料化したりアプリ内課金を行ったりすることもできますが、収益力を強化する方法はそれだけではないとVentureBeatの記事は述べており、以下の7つの方法を提案しています。 Apponomics: 7 ways to make money from apps without ads | VentureBeat http://venturebeat.com/2013
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
【iPhone】UIデザイン向上をサポートをするOSS 5つ - enator's blog
2013-02-16 【iPhone】UIデザイン向上をサポートをするOSS 5つ iOSオープンソースライブラリ徹底活用作者: 菊田剛出版社/メーカー: 秀和システム発売日: 2012/12メディア: 単行本 クリック: 6回この商品を含むブログ (1件) を見る書き終えて、なんとなくタイトルに少し違和感が。。。日々色々なアプリがリリースされていますが、様々なアプリUIを提供してくれます。 中には、ClearやPathのような奇抜(というと言い過ぎ？)なUIなものもあれば、標準UIコンポーネントから構築されたアプリまで、様々です。ただ、ある著名なアプリや、これは便利！というようなUIというのは自然と広まり スタンダードになっていく傾向もあります。例えば、下にぐいっとひっぱって更新。 元々どのアプリで実装されたものかわかりませんが、TwitterやFacebookなどでも実装され
これは便利！jQtouchのGUIデザインパターンチートシート
「便利！」とか、自分で言ってりゃ世話ないですが。笑 すみません… 現在、iPhoneアプリの開発に勤しんでいる私でありますが、jQtouchのGUIインターフェース研究の中で出来た副産物が、ニーズがありそうなので公開します。 jQtouchのデザインパターン サンプル集です。 おそらく日本初ではないかと。 jQtouchって何？ jQtouchはiPhoneやAndroidなどのスマートフォン向けWebkitブラウザ（iPhone向けだけじゃないですよ）に人気のJavaScriptライブラリ「jQuery」を組み合わせて、Webアプリの開発を簡単にしようという試みで作成されたJavaScriptライブラリです。 主にiPhoneの魅力の一つであるGUIインターフェースとアニメーションのビジュアル化をエミュレートします。 ただ、いかんせん情報源が少ないので英語が分かる人しか手がつかないのが欠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone 6/6 Plusの料金シミュレーションを作った！3キャリア＆キャンペーンにも対応！
lapa-app.com - lapa-app リソースおよび情報
バッカス | デザイン&ウェブアプリケーション開発
http://www.getcomposite.com/
Verify you are a human