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

  • iOS7におけるMobile Safariの主な変更点

    iOS7上のSafariがどのように変化したかについて、Maximiliano Firtman氏(@firt)がブログで詳細に解説しています。 この記事では、同氏のブログから、Web制作者/開発者にとって重要と思われる情報を引用して、Web技術者にとっても大きな影響を持つこのアップデートについて紹介していきたいと思います。 元記事は非常に長大、かつ詳細なため、全てのポイントを紹介することはとてもできません。素晴らしい記事ですので、関心のある人は、ぜひ元記事を参照してください。 ちなみに、最初にガッカリさせることになってしまいますが、@firt氏によれば、「1.0以降最もバグの多いバージョンだ」(this is the buggiest Safari version since 1.0)だそうです… UIが大幅に変更、フルスクリーン(に近いサイズ)がデフォルトに Webブラウジングをしている

    iOS7におけるMobile Safariの主な変更点
    kkeisuke
    kkeisuke 2013/09/19
    “hidden”
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    kkeisuke
    kkeisuke 2013/09/19
  • iOS 7 特集 | DevelopersIO

    [iOS][iBeacon] iOS 7.1 からアプリを起動していなくても領域観測できるようになったので、さまざまなバックグラウンド処理を試してみた

    iOS 7 特集 | DevelopersIO
    kkeisuke
    kkeisuke 2013/09/19
  • 初心者におすすめ!無料で使えるWordPressのプラグイン10選

    初心者におすすめ!無料で使えるWordPressのプラグイン10選 WordPress(ワードプレス)初心者におすすめする【無料プラグイン】を紹介する記事です。問い合わせフォームの設置や、SEO対策による集客アップなどに役立つプラグインを紹介しています。無料ですぐに使えるので、ぜひ試してみてください! テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 WordPressでサイトを開設している多くの方がプラグインを使っています。 WordPre

    初心者におすすめ!無料で使えるWordPressのプラグイン10選
    kkeisuke
    kkeisuke 2013/09/19
  • Safari on iOS 7 and HTML5-firt.dev

    Problems, changes and new APIs by Maximiliano Firtman Twitter @firt About Newsletter Published 11 years ago (18 Sep 2013) About 18 min reading time #ios #html5 #webview #homescreen webapps Apple has rolled out iOS 7 with iPhone 5S and iPhone 5C . As expected, Apple has published just 10% of the necessary information for web developers, and I can say without fear of mistake that this is the buggies

    kkeisuke
    kkeisuke 2013/09/19
  • JavaScriptでオブジェクトの配列から特定の要素の最大値を得る | Try Lifelog

    結論から言うと、 - Math.max.apply(null,object.map(function(o){return o.element;})) の1行で実現できる。 JavaScriptで最大値を得るには Math.max(x,y) を使う パラメータは2つに限らず複数でも可。つまり、Math.max(x,y,z)とは書けるが、配列を渡すことはできない。 配列の最大値を得るには apply() を使う 数値を格納した配列 array に対しては、Math.max.apply(null,array)とすればOK。 配列から特定の要素(の全て)を取り出すには map() を使う Array.mapは「与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列を生成」する関数。 [ { "gpsDate": "2011/02/14", "gpsTime": "10:31

    kkeisuke
    kkeisuke 2013/09/19
  • [AWSマイスターシリーズ]Amazon SNSモバイルプッシュ通知

    14. メッセージサイズの上限はプラットフォームごと • Apple Push Notification Service • 256 bytes • https://developer.apple.com/library/ios/documentation/NetworkingInternet/Con ceptual/RemoteNotificationsPG/Chapters/ApplePushService.htmlAmazon Device Messaging • 6144 bytes • https://developer.amazon.com/sdk/adm/sending-message.htmlGoogle Cloud Messaging • 4096 bytes • http://developer.android.com/intl/ja/google/gcm/

    [AWSマイスターシリーズ]Amazon SNSモバイルプッシュ通知
    kkeisuke
    kkeisuke 2013/09/19
  • ブラウザで3Dグラフィックを扱うWebGL、最新版 2.0のドラフト版が公開

    ブラウザで3Dグラフィックを扱うWebGL、最新版 2.0のドラフト版が公開 増井 雄一郎(FrogApps, Inc.) 2013/9/16、WebGL Working Groupはブラウザで3Dグラフィックを扱うWebGLの最新版 WebGL 2.0のドラフト版が公開しました。 WebGL 2 Specification WebGL 2の最大の特徴は、2012年10月に標準化された組み込み向け3DグラフィックAPIのOpenGL ES 3.0の機能をベースにしているところです。 OpenGL ESは3DグラフィックをサポートするためのAPIで、WebGLではこの機能をブラウザ内で使えるようにすることで、ゲーム機の3Dグラフィックのような高度な3D表現をJavascriptから操作することが可能になります。 既に多くのブラウザではWebGL 1をサポートしており、すでにゲームを中心に使わ

    ブラウザで3Dグラフィックを扱うWebGL、最新版 2.0のドラフト版が公開
    kkeisuke
    kkeisuke 2013/09/19
  • JavaScriptのパターン オブジェクトの拡張 - @ledsun blog

    対象オブジェクトに複数のプロパティを一度に追加します。 以下のデザインパターンを適用する。 extendパターン 元の処理 プロパティを一つずつ設定します。 var mike = {}; mike.firstName = "michelle"; mike.lastName = "jackson"; mike.getFullName = function() { return this.firstName + "." + this.lastName; }; mike.getFullName(); extendパターン 全てのプロパティをまとめてコピーするextend関数を用意します。 var extend = function(sub, parent) { for (var prop in parent) { sub[prop] = parent[prop]; } }; extend関数を使

    JavaScriptのパターン オブジェクトの拡張 - @ledsun blog
    kkeisuke
    kkeisuke 2013/09/19
  • [JS]ページ上のあらゆる要素を簡単にレスポンシブ対応にするスクリプト -Responsive Elements

    最も狭い幅では、テキストのみに。 Responsive Elementsの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <script src="jquery.min.js"></script> <script src="responsive-elements.js"></script> Step 2: HTML レスポンシブ対応にする要素に「data-respond」を加えます。 <div class="quote" data-respond> Step 3: JavaScript スクリプトは特に記述する必要はありません。 Step 4: CSS レスポンシブ用のスタイルを定義します。 ltは未満、gtは以上で、「.lt500」は500px未満、「.gt150.lt300」は150px以上300px未満のスタイルにな

    kkeisuke
    kkeisuke 2013/09/19
  • Web上でコンテンツを見たままに編集·Pen MOONGIFT

    PenはJavaScript製のオープンソース・ソフトウェア(MIT License)です。 管理画面でコンテンツを編集して、ユーザ画面で確認したら思わぬ表示の乱れが生じていたなんて経験はCMSの運用担当者であれば誰しもがあるはずです。やはり編集画面と表示画面の分離は問題があるのではないでしょうか。そこで使ってみたいのがPenです。 テキストを選ぶとツールバーが表示されます。 文字を大きくしました。リンクを選択するとそのリンク先を変更できます。 コードの記述や引用もできます。 PenはWYSIWYGなエディタですが、Markdownを使って記述ができます。なお保存機能は実装されていませんので、Penの編集完了のコールバックを受け取ってデータベースに反映すると言った仕組みは自分で開発する必要があります。 MOONGIFTはこう見る 運用上のサービスに限りませんが、自分が書いたテキストがユーザ

    Web上でコンテンツを見たままに編集·Pen MOONGIFT
    kkeisuke
    kkeisuke 2013/09/19
  • ストレスのないスマホサイトを作る8つのポイント!

    お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか? 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか? 日はストレスのないスマホサイトを作るにあたりUIをどのように考慮していけば良いか8つのポイントをお届けします。 スマートフォンを利用するシーンを想像しよう。 まず一番重要なことがスマホサイトを利用するシーンを考える事です。大抵スマホサイトを利用する場合は下記の状態が考えられます。 時間に余裕がない 通信環境が不安定な状況にいる 利用が断続的である。 屋外、通勤時間の電車の中、休憩時間のカフェ、会話中に思い出せない事がある時など「すき間の時間」の利用シーンが

    ストレスのないスマホサイトを作る8つのポイント!
    kkeisuke
    kkeisuke 2013/09/19
  • Sublime Text 3 に Package Control をInstallするのが簡単になったよ - フロントエンドとかPCとかスマホとか

    前の記事で、Sublime Text3はまだまだな感じと書いたけど、いろんなパッケージが対応してきたので改めて記事にします。 まずは、 Package Controlの導入。 https://sublime.wbond.net/installation に書いてある Sublime Text3用の文字列をコピーします。 Sublime Text3を起動し、View > Show Console で、Consoleを表示します。 Consoleに貼り付けて、Enter。 あとは、Sublime Text2のときとおんなじ。 各種パッケージのインストールは、 Preferrence > Package Control のあと、 Install Package を選択し、お好みのパッケージをインストールするだけです。 次回は、Sublime Text3 で使えるパッケージを紹介していこうと思いま

    Sublime Text 3 に Package Control をInstallするのが簡単になったよ - フロントエンドとかPCとかスマホとか
    kkeisuke
    kkeisuke 2013/09/19
  • PHPコアから読み解く定石の嘘ホント #phpcon2013

    (PHPカンファレンス2013での講演内容です) 突然ですが…そのPHPの定石は正しいと言えるでしょうか?「echoの方がprintより速い」「エラー抑制演算子@は常に避けるべき」などなど、PHPを書く上で"定石"と呼ばれるコーディングスタイルがいくつもあります。それらの挙動をパフォーマンス計測とPHPの内部実装に踏み込みつつ、わかりやすく検証していきます。Read less

    PHPコアから読み解く定石の嘘ホント #phpcon2013
    kkeisuke
    kkeisuke 2013/09/19
  • PhpStormで始める快適なWebアプリケーション開発 #phpcon2013

    YAPC::Asia 2014 - 半端なPHPDisでPHPerに陰で笑われないためのPerl Monger向け最新PHP事情

    PhpStormで始める快適なWebアプリケーション開発 #phpcon2013
    kkeisuke
    kkeisuke 2013/09/19
  • Webベースのリアルタイムテキスト差分·Mergely MOONGIFT

    MergelyはPHP/JavaScript製のオープンソース・ソフトウェア(GPL/LGPL/Mozilla Public License)です。 プログラマーであればDiffの恩恵にあずかったことが少なからずあるはずです。この便利さを他の場合でも使いたい、そう考える方はMergelyを使ってみましょう。オンラインで手軽にテキストの比較ができます。 2ペインのエディタになっています。左と右にドキュメントを書くと、リアルタイムに差分が表示されます。 矢印をクリックすると、そのテキストがもう片側にマージされます。 差分表示時の色設定です。 右側だけ(またはその逆)をリードオンリーにすることで変更点だけをチェックしたり、空白を無視したりできます。差分の処理としては行単位の比較で、一部の文字でも違うと行全体が対象になるようです。 MOONGIFTはこう見る Mergelyを既存のCMSに導入する

    Webベースのリアルタイムテキスト差分·Mergely MOONGIFT
    kkeisuke
    kkeisuke 2013/09/19
  • 君は知っているか、あのCompassのstatsコマンドを! - Qiita

    CSSをリファクタリングしようと思うと、どっから手をつけたら良いかわからなくないですかね?僕はわかりません。 特にSassのような@importでいろいろファイル分割していると、あれこれなんのファイルだったお(^ω^;)ってことがよくありませんかね?僕はないです! ということで、あなたがCompassプロジェクトを使用しているのならば、config.rbのある場所で下記のコマンドを打ってみましょう。 そうすると下記のようなCSSに関する情報が表示されます。 どこで何回ミックスインが定義されて使用されているか、ファイルサイズがどれくらいかプロパティがどれだけ宣言されているかなど、一目瞭然ですね。これで、どこからリファクタリング・手をつけていったらいいのかなど参考にできるかと思います。 ちなみに、statsコマンドのヘルプは下記 $ compass stats --help Usage: co

    君は知っているか、あのCompassのstatsコマンドを! - Qiita
    kkeisuke
    kkeisuke 2013/09/19
  • “オフラインファースト”を実現する、ストレージ系APIライブラリ10選

    “オフラインファースト”を実現する、ストレージ系APIライブラリ10選:UXClip(36)(1/3 ページ) 2012年末に“オフラインファースト”という言葉がジョー・ランバート氏のブログで取り上げられました。オフラインファーストを実現するための技術であるストレージ系APIを取り扱うライブラリについて、筆者が選んだ10個を紹介します。 はじめに 2012年末に“オフラインファースト”という言葉がジョー・ランバート氏のブログで取り上げられました。日では「html5とか勉強会」において、白石俊平氏が取り上げたことはまだ記憶に新しいと思います(参考記事:オフラインWebの活路はモバイルアプリにある)。 オフラインファーストは、オフライン対応を仕様に組み込んだ上で、WebサイトやWebアプリケーションを作ろうという設計思想の1つです。代表的なところでは、グーグルが提供するGmailやGoogl

    “オフラインファースト”を実現する、ストレージ系APIライブラリ10選
    kkeisuke
    kkeisuke 2013/09/19
  • JavaScriptアプリケーションのためのデザインパターン

    Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。このでは、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

    JavaScriptアプリケーションのためのデザインパターン
    kkeisuke
    kkeisuke 2013/09/19