夏休みに自治会の催しか何かで、スマートフォンのセキュリティやリテラシーに関する映像を上映していたらしい そこで素材として選ばれたのがIPAのセキュリティ啓発映像だと知って嫌な予感はしていた その結果現在起きているのが以下 子供のスマートフォンを解約する家庭が続出解約された子供が登校拒否親に反抗した子供が家出(数日帰宅せず警察沙汰に)解約の憂き目に遭わずに済んだ子供に「テザリング」の負担が激増(解約のみでスマホ自体は取り上げられずに済んだ子供が多かったため)「テザリング役」の子供がパケット制限解除のためにパケット追加しまくってキャリアから高額請求される事態にスマホのテザリング台数には上限があるため、誰が誰のテザリングを許可した、しなかったで子供達の間で揉める(テザリングを拒否した子のスマホが盗まれる事も)MVNOを利用している家庭の子が、親のPCでMVNOの会員サイトに無断でログインし回線を

カード型のUIはPinterestから人気が出始め、ここ1,2年の間に数多くのWebサイトで採用されるようになりました。レスポンシブデザインに相性が非常によいのも人気である原因の一つでしょう。 次のプロジェクトで使いたくなるような実装アイデアを備えたカード型レイアウトやカード型コンポーネントを紹介します。 まずは、アニメーションの動きが気持ちいいカード型UIから。

アプリマーケティング研究所 > 広告・マネタイズ > 「約3年で1,180万円を稼いだ、いま広告収入は月100万くらい」地味だけど寿命は長い「電卓アプリ」実際に効果があった5つの施策。 今回はシンプルな「電卓アプリ」を開発しているwoodsmallさんを取材しました。爆発力はないけど安定する「電卓アプリ」、実際のところどれくらい稼げているの？ ※株式会社woodsmall CEO 小林高志さん 「電卓アプリ」のデータや収益など。 「電卓アプリ」について教えて下さい。 オーソドックスな「電卓アプリ」です。2012年5月にリリースして、161万ダウンロード（Android 158万、iOS 3万）されています。現在は月10万ダウンロードずつ増えています。 ユーザーを国別で見ると、韓国55％、台湾18%、日本13％、アメリカ2%という割合です。アクティブユーザーの半分以上は韓国で、1日に1,50

作成：2015/10/5 更新：2017/04/16 Web制作 > 開発環境 スマートフォンサイト構築時のコーディングで気を付けたいポイントを次回コーディングの時のためにメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 全般 viewport デバイスを横向きにした時の処理一例です。 一般（ページ拡大表示）ピンチアウト/ピンチインOK。通常はこれを使うことが多い。 <meta name="viewport" content="width=device-width"> サイズを変更せず、ピンチアウト/ピンチインOK <meta name="viewport" content="width=device-width,initial-scale=1.0"> 2倍に拡大した状態でページ表示 <meta name="viewport" content="wi

ハンバーガアイコンアニメーションの実装 HTMLは今回spanを3つで構成しました。 これで色々ご紹介していこうと思います( ˇωˇ)☝ <div class="icon-animation type-1"> <span class="top"></span> <span class="middle"></span> <span class="bottom"></span> </div> お次にアニメーションの実装をご紹介します。 CSSは全てSassの構造で書いております( ˇωˇ ) 1. よくみかける動き 動き出す前の傾きとバーの位置をtransformで調整をします。 こちら、以前ご紹介した「スマホに特化したアコーディオンメニューを作ってみた」のアイコンも同じような実装をしております( ˇωˇ)☝ 押す前 .type-1 { span { transition: all 0.3s;

本記事では「アプリ開発者、約100人アンケート」の結果について紹介します。※昨年末にAIDさんと実施したアプリ開発者勉強会で行ったアンケートを、いまさらまとめたものです。 「アプリ開発者の収入」はどのくらい？ 質問A：「アプリの月間収入」はいくらですか？ まず気になる「アプリの月間収入」についてです。結果としてはこのようになりました。 ・アプリ開発者の13％は「月100万円以上の収益」をあげている。 ・アプリ開発者の28％は「月10万円以上の収益」をあげている。 ・アプリ開発者の23％は「月1万円以下」しか稼げていない。 質問A´：「世界のアプリ開発者」は、どのくらい稼いでいるのか？ ちなみに、世界のアプリ開発者の収益を調べた「Developer Economics」という調査結果では、月間の収入はこのような結果になったそうです。 ・アプリ開発者の12％は「月100万円以上の収益」をあげて

今回は、脳トレアプリ「BrainWars」と、育成ゲーム「生きろ！マンボウ」でおなじみの2社の対談記事をお送りします。ゲーム企画、海外展開のポイント、エンジニア採用のコツなど。 ※株式会社トランスリミットCEO 高場大樹さん、株式会社SELECT BUTTON CEO 中畑虎也さん <目次> １：「BrainWars」は日本人が一番はまってる。 ２：海外で成功した育成ゲームは「たまごっち」 ３：現地語に近づけるため、2段階で翻訳した。 ４：アメリカでは「マンボウは子供向け」と言われる。 ５：「かわいい」を理解するには蓄積が必要だ。 ６：「BrainWars」はなぜ生まれたのか。 ７：「Brain Wars」は男女に好かれるデザインでつくった。 ８：「自分が一番つくりたいもの」をつくるのが良い。 ９：「イノベーター」はパクリゲームがでたら成功 10：「マンボウ」が台湾でヒットしなかった理由

＜質問＞ スマホで当社サイトを閲覧する人が増えたので、スマホ対応にしました。 ユーザーの利便性向上を狙ったのですが、スマホ対応後も、社内の人からなんとなく使いづらいと言われてしまいました。 文字が大きくなり文章も読みやすくなったのに、何が使いづらいのかイマイチ要領を得ません。どこを変えればいいですか？ ＜回答＞ 文字が読みやすいというのは、利便性の一つに過ぎません。またスマホはＷＥＢを閲覧する以外にも、電話をかける・地図アプリを使う等、様々な機能を備えた端末です。 スマホの利用シーンを具体的に思い浮かべると、注意すべきポイントが多くあります。今日はスマホユーザーが嫌う１０個のことを紹介します。 ① リンク箇所が一目で判らないと嫌われる スマホでは、リンク箇所が一目で判らないと、ユーザーは迷ってしまいます。ダイレクトに言葉で表現したり、判り易い色のボタンやバナーを用意したりするなどの配慮が大

スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか？ 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう！ 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で

Jリーグはスマホで見づらいサイトが多いなという日頃の印象を確認するため、淡々とスクショを撮ってみた件。 Tweet Share on Tumblr カテゴリ:サッカー 2014年09月02日12:57 字が小さくて読めぬというジジイへの入り口！ 今日は前々から気になっていたことについてです。僕は最近スマホをいじることしか出来ない人間となっています。朝起きれば枕元のスマホをいじり、会社に行けばトイレでコソコソとスマホをいじり、歩いているときもスマホをいじり、家に帰ったらテレビを見ながらスマホをいじる。せがれをいじるかスマホをいじるか、その二択の生活です。 そんなスマホ生活の中で、時折感じていたことがあります。それは「Jリーグ情報はスマホで読みづらい」ということ。別にJリーグの話だけを調べているわけではないのですが、バズっている話題についてウェブサイトを見に行ったとき、「読みづら！」「小っさ！

いま「スマホファースト」との言葉も広まり始めたように、誰もが普通にスマートフォンを持ち歩く時代が訪れ、企業がスマートフォン対応をより重視するようになってきた。だが、とりえあえずスマホ対応しました、といったレベルに留まっていたり、そうでないにしろ、本当に現在の「スマホサイト」が、本来のビジネス上の狙いが果たせるサイトになっているか、自信は持てるだろうか？ どうしても成果があがらないならば、やはりサイトそのものの作りが悪いことは疑わなくてはならない。フィーチャーフォン時代からサイトを運営していた企業にも、初めてモバイル端末向けのサイトを構築した企業にも、スマートフォン向けにサイトを作る場合、知らなければ気づきにくい、かつ陥りやすい独特の「スマホサイトの罠」に気をつけなくてはならない。 そこで本稿は、スマートフォンサイトの構築にノウハウを持ち、コンサルティングも手がけるドコモ・ドットコムに聞いた

Android案件の見積り ｜ クラスメソッド開発ブログ　を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね＾＾」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね＾＾直さないと削除しちゃうよ＾＾」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン

急増するスマートフォンのユーザー向けにアプリケーションを作ってみませんか。アプリケーションプラットフォームとして機能強化したHTML5やCSS3などの「Web標準技術」を使えば、プログラミング初級者であっても、比較的低いハードルでiPhone/Androidアプリケーションの開発が始められます。 目次 ITだのプログラミングだのと言ってるのに、ムード歌謡と演歌の良さがわかる年になってしまった昨今。「天城越え」をぼそぼそと歌いながらAndroidの記事書くとか、20年前の自分からは絶対想像できなかったですよ。Twitterは@MacotoSo。

カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ