タグ

2013年9月9日のブックマーク (11件)

  • 伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから(前編)~Salesforce Developer Conference Tokyo 2013

    伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから(前編)~Salesforce Developer Conference Tokyo 2013 いま多くの開発者が取り組もうとしているモバイルアプリケーションの開発は、経験の面でも技術の面でも、コンシューマ向けの開発現場が大きく先行しています。 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法を、これまでの経験や現在の開発現場で得たノウハウなどを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジ

    伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから(前編)~Salesforce Developer Conference Tokyo 2013
    ooyabuh
    ooyabuh 2013/09/09
  • WebサイトにもiPhone風の通知を実現·HTML iOS Notifications MOONGIFT

    HTML iOS NotificationsはHTML/JavaScritp製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 iOSやAndroidなどのモバイルでは通知機能が便利に使われています。それはアプリに限らず便利に使えるはずです。そこで使ってみたいのがHTML iOS Notificationsです。 デスクトップ版。画面上部に通知が表示されています。しばらく経つと消えます。 複数出すこともできます。 レスポンシブに対応しています。 iPhoneで出す場合は画面幅いっぱいに広がるようです。 Webなので画像やメッセージ、クリックした時のアクションなどは自由に操作できます。スマートフォンに最適化されたWebサイトで使うとまるで物のネイティブ風になるのではないでしょうか。 MOONGIFTはこう見る HTML iOS Notification

    WebサイトにもiPhone風の通知を実現·HTML iOS Notifications MOONGIFT
    ooyabuh
    ooyabuh 2013/09/09
  • 一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 | WebNAUT by Beeworks

    一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか?「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう! スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための

    一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
    ooyabuh
    ooyabuh 2013/09/09
    “tabTrigger - 展開前の記述です。 ”
  • Google Map(グーグルマップ)をホームページに載せる方法

    Google Map(グーグルマップ)をとにかく簡単に自分のホームページに載せる方法 0.はじめに とても便利なグーグルマップをとにかく簡単に、しかも無料で自分のホームページに載せたいと思います。 必要なステップはたったの3つだけ。これだけで、ドラッグ移動・衛星写真・拡大縮小が簡単にできて、 Web上での会社などの場所案内にとても役立つグーグルマップを設置・導入まで図入りで導きます。 実際にはAjaxなどという技術が使われているようですが、Ajaxの使い方はまたにして、 利用者にはそんなことはどうでもいいからとりあえず地図を載せたいという願いがあると思います。 なので、Ajaxとかxmlとかjavascriptとかは無視しておいて、とりあえず簡単に導入する方法を紹介します。 1.グーグルマップのキーを取得(必要なのはメールアドレスだけ) 2.マップのhtmlファイルを作成(コピーする

    ooyabuh
    ooyabuh 2013/09/09
  • クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」

    TOP  >  Design  >  クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」 webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。 (Dribbble – Sevent WordPress + free psd by trendythemes) クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。 詳しくは以下 ■Responsive PSD Template レスポンシブデザインのテンプレートpsdです。ベースがシンプルなので、希望のテイストのデザインにア

    クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」
    ooyabuh
    ooyabuh 2013/09/09
  • Webサイト高速化・表示速度改善のために知っておきたい基礎知識 | ナイルのマーケティング相談室

    Webサイトを高速化をすることによって得られるメリットは様々です。ユーザーエクスペリエンスの改善といった話とは別に、サーバーの台数を減らせることも大きなメリットでしょう。 サーバーの台数が減ればコストも下がるし、運用も楽になりますので、Webサイトの高速化はSEO対策に限定せずに実現したいところです。 しかし、「高速化しよう」「表示速度を改善しよう」といっても、実際に高速化を阻害するような要因を知っていなければ、どう取り組んで良いか分かるはずもありません。 今回の記事では非エンジニアの方でもサイト高速化のポイントがある程度理解できるように、大まかに要点をまとめています。 \ナイルがリードを増やした秘密を公開/ 高速化のための基礎知識 高速化という言葉の中には、大きく分けて2種類の概念が存在します。 フロントエンド側での高速化 サーバーサイド(バックエンド)側での高速化 フロントエンドとは

    Webサイト高速化・表示速度改善のために知っておきたい基礎知識 | ナイルのマーケティング相談室
    ooyabuh
    ooyabuh 2013/09/09
    “ウェブサイトの高速化というと例えば「CSSスプライトを使いましょう!」などのフロントエンド寄りの話が話題になりやすいですが、こういったサーバサイドでもしっかりと対応するために、どの程度のユーザーが使うの
  • iOS な人が Android アプリを開発するときに気をつけたいこと | SmartNews開発者ブログ

    Android の次期バージョン 4.4 の名称が《KitKat》だと発表されました。Android は歴代のバージョンに「アルファベット順のお菓子の名前」を付けていることで有名ですが、今回まさかの企業コラボ。「K」は「Key Lime Pie」になるだろうと言われていたのに、さすがの斜め上です。。 着実に進化を続け、いまやスマートフォンの世界シェアの8割近くを占める[1]ようになった Android ですが、多くのサービスは依然として「iOS ファースト」で開発している[2]ように思います。かくいう SmartNews も、まず iOS版から始まり、Android版が出たのはその数ヶ月後でした。 そういった場合、「iOS を出して、それがうまくいったら、Android にそのまま移植すればいい」というよう考え方をしてしまいがちなのですが、それでは多くの場合よいものになりません。どうしても

    ooyabuh
    ooyabuh 2013/09/09
  • これはスゴ過ぎ!Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD

    これはスゴ過ぎ!Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD

    ooyabuh
    ooyabuh 2013/09/09
  • デバイスを判定し、CSS/JavaScriptで簡単に利用できるようにするスクリプト -Device.js | コリス

    ページにほんの一行外部ファイルを加えるだけで、iPhone, iPadなどのiOSをはじめ、Android, Blackberry, Windows Phone, Window Tabletなどスマフォやタブレット、デスクトップなどのデバイスを判定し、簡単に条件付きのCSSJavaScriptを利用できるにするスクリプトを紹介します。 Device.js -GitHub Device.jsの使い方 Device.jsのデモ Device.jsの使い方 Device.jsの実装は、簡単です。 外部ファイルとして、当スクリプトを記述するだけです。 <script src="device.js"></script> スクリプトを設置すると、表示デバイスに基づいて<html>に適切なclassを付与します。 iPhoneでアクセスすると、こんな感じに。 <html class="ios ipho

    ooyabuh
    ooyabuh 2013/09/09
  • 水野敬也『サービスとは何か?』

    水野敬也オフィシャルブログ「ウケる日記」Powered by Ameba 水野敬也オフィシャルブログ「ウケる日記」Powered by Ameba 酔っぱらって携帯いじってたら「パズドラ」があったんでやってみたんですけど 酔っぱらってるとどうしても「いったれ」ってなるじゃないですか。 それで初めて魔法石(これを使ってガチャガチャをやってキャラクターを集めるのです)を ガンガン買ったんですよ。 それでガチャガチャ回しまくったんですけど強いキャラが出ないんですね。 それで 「なんだよ!」 と思って携帯放り出して寝ちゃったんですね。 それで次の日の朝、(そういえば昨日パズドラやってたなぁ)と思ってまた開いたら あと1回ガチャガチャができる分の魔法石が残ってたんです。 それでなんとなくやってみたら 超激レアキャラが出たんですよね。 それで 「よっしゃ!」 と思ってそのキャラの能力見たら、このキャラ

    水野敬也『サービスとは何か?』
    ooyabuh
    ooyabuh 2013/09/09
  • ギズ独占! 映画『スティーブ・ジョブズ 1995 ~失われたインタビュー~』の特別映像が名言たっぷりで興奮しっぱなしだよ!【プレゼント応募期間終了しました!】

    ギズ独占! 映画『スティーブ・ジョブズ 1995 ~失われたインタビュー~』の特別映像が名言たっぷりで興奮しっぱなしだよ!【プレゼント応募期間終了しました!】2013.09.03 20:008,521 「他の人と共有したい感情を上手く伝えようとするとき最も有効な媒体がコンピューターなんだよ。」 泣いてもいいですか…。こんな名言が数多登場するのが9月28日公開の映画『スティーブ・ジョブズ 1995 ~失われたインタビュー~』です。こちらの映画、アシュトン・カッチャー主演の「Jobs」とは違って、出演しているのはスティーブ・ジョブズ人。あれ? マスコミ嫌いだったよね、ジョブズ…。 この映画のインタビューは、1995年の夏に制作されたPC誕生に関してのドキュメンタリー番組『The Triumph of the Nerds : The Rise of Accidental Empires』で行わ

    ギズ独占! 映画『スティーブ・ジョブズ 1995 ~失われたインタビュー~』の特別映像が名言たっぷりで興奮しっぱなしだよ!【プレゼント応募期間終了しました!】
    ooyabuh
    ooyabuh 2013/09/09
    “«”