2014年7月28日のブックマーク (28件)

  • Parse.comのREST APIを使ったPush通知 - 株式会社CFlatの明後日スタイルのブログ

    複数のアプリに対してParse.comを介してPush通知を送りたい場合、Webインターフェースでポチポチやるのは効率が悪く、とても辛い作業になってしまいます。Parse.comのサイトはレスポンスが少し遅いなと感じる程度である上に、1回1回が退屈な作業を何度も繰り返すことになるのでミスも入り込み易いのです。当然ですが、自動化・半自動化をするのが望ましいでしょう。 複数種類のiPhoneアプリを同時開発するときのTips - 株式会社CFlatの明後日スタイルのブログ REST API用のKEY REST APIを使うためには、アプリケーションIDとREST API用のアプリケーションキーが必要です。これらのキーを自動化スクリプトなり、専用のファイルなり、どこかに転載しておきます。 なお、iOS用のアプリケーションキーとREST API用のアプリケーションキーは異なります。 Rubyクライ

    Parse.comのREST APIを使ったPush通知 - 株式会社CFlatの明後日スタイルのブログ
    affec
    affec 2014/07/28
  • HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」はどのように課題を克服し、進化するのか? - ふろしき Blog

    記事は「HTML5ハイブリッドアプリ開発を支えるOSS『Cordova』シリーズ」の続編です。前回に引き続き、2014年6月10日に開催された「第1回Apache Cordovaスーパー勉強会」にて、アシアル株式会社の田中正裕氏が行なった講演のダイジェストをお届けします。 まだまだ進化を止めないApache Cordova ハイブリッドアプリも日々進化しています。3年前はPhoneGapもようやく1.0という状況でしたが、それも今ではCordova3.5ということで、ここに来るまで相当な進化があったんです。 3年前に、僕が初めてPhoneGapを触った時、iOSも4.2で、CSSもまったく充実していませんでした。Androidも当時は2.2だったのですが、あれからAndroid自体のパフォーマンスが改善されてきました。 Cordovaもプロジェクトが大きくなって、やれることも増えてきまし

    HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」はどのように課題を克服し、進化するのか? - ふろしき Blog
    affec
    affec 2014/07/28
  • jQuery.Deferredを使って、xml読み込んでから他の処理を実行する方法

    前回の続きな感じですが、今回はxmlで内容を読み込んだあとに、それぞれの高さを合わせるために heightLine.jsを使うというお話です。 コード的に変な箇所がありましたらすみません。 高さを取得してみる まずはxmlを読み込んだだけのコードです。それぞれのカラムには高さが解りやすいように青色の背景を、その親divには緑の背景を敷いてます。 $(function(){ function textView01(){ $.ajax({ url: "xml01.xml", async: true, cache: false, dataType:"xml", success: function(xml){ $(xml).find('text').each(function(){ var text = $(this).text(); $('.txt01').append('<p>' + text

    jQuery.Deferredを使って、xml読み込んでから他の処理を実行する方法
    affec
    affec 2014/07/28
  • Bootstrap向けのテーマやUIコンポーネントをまとめた・「PrepBootstrap」

    PrepBootstrapBootstrap向けのテーマや少し特殊なUIコンポーネントをまとめているWebサイトです。UI不動産サイト向けのちずのリストのレイアウトやECサイトの商品紹介のレイアウト、ログインページ、簡易的なダッシュボードや値段表などなど沢山のコンポーネント例が掲載されています。テーマはまだ6種ほどしかありませんが、管理画面デザインもあるので覚えておいて損は無さそうです。ライセンスはMITとの事です。 PrepBootstrap

    Bootstrap向けのテーマやUIコンポーネントをまとめた・「PrepBootstrap」
    affec
    affec 2014/07/28
  • Node.jsの暗号化について調べてみた。 | DevelopersIO

    はじめに node.jsは暗号化する際に特別なパッケージ等は必要なく、 require('crypto')と指定するだけで基的な暗号化は実装できます。 AES-256で暗号化しようととした場合、以下の方法で実装が可能です。 'use strict'; var crypto = require('crypto'); var cipher = crypto.createCipher('aes-256-cbc', 'cryptKey'); var crypted = cipher.update(str, 'utf-8', 'hex'); crypted += cipher.final('hex'); しかし、来AES-256-CBCで暗号化しようとした場合、 来256bit長の鍵と初期ベクトルが必要なのですが、上記の実装では、それらの影も形もありません。 というわけで、鍵と初期ベクトルはど

    Node.jsの暗号化について調べてみた。 | DevelopersIO
    affec
    affec 2014/07/28
  • UX Tokyo Jam 2014 #uxtokyo | blog / bookslope

    UX Japan Forum 2014 #uxjapan に引き続き、7/26 (土) に UX Tokyo Jam 2014 #uxtokyo に参加してきました。東京開催で比較的大きなイベントでしたので、申し込みもすぐに完売したほどです。同僚が参加できなくなったため、急遽代理で参加することができました。 オープニング・キーノート オープニング・キーノートは、UX Tokyo の前田さんでテーマは「UX 0-1-100」というイベントの構成にもなっているUXをいくつかの視点で分解するお話をしていただきました。 UX=0 社会をどうしたらいいのか (哲学・ビジョン)UX=0→1 価値を創造するには (オリジナリティ)UX=1→100 より大きなインパクトをうむには (スケーラビリティ) そして「デジタルシフト」と「顧客側へのパワーシフト」についての背景を考察したうえで、UXデザインにおけ

    UX Tokyo Jam 2014 #uxtokyo | blog / bookslope
    affec
    affec 2014/07/28
  • Bootstrap themes and templates | PrepBootstrap

    The ultimate source of free and premium Bootstrap themes, templates and other widgets in complete code examples. Updated to the latest Bootstrap 3 version.

    affec
    affec 2014/07/28
  • ミニマルなデザインに役立つ!小さくてもくっきり分かる500種類の無料アイコン素材 -Clear Icons -Solid

    個人でも商用でも、Webページでもスマホアプリでも、無料で利用できるミニマルにデザインされた小さいアイコン素材を紹介します。 500種類全てデザインが統一されており、小さくてもミニマルなので、名前の通り「Clear」なアイコンに仕上がっています! Clear Icons -Solid ダウンロードできる素材は、Web制作者が使いやすいようさまざまなフォーマットが用意されています。 .psd .svg .png (Black & White) .csh PSDやベクターも嬉しいですが、カスタムシェイプも揃ってるのは嬉しさ倍ですね。 アイコンは全部で500種類! ビジネスやホビーなど、さまざまなアイテムが揃ってます。

    affec
    affec 2014/07/28
  • シンプルで使いやすい!レスポンシブ対応のさまざまなページを実装できる超軽量フレームワーク -TukTuk

    BootstrapやFoundationは高性能だけど機能が豊富すぎる、またグリッドだけのフレームワークでは物足りない、そんな人にぴったりのレスポンシブ対応のOOCSS(オブジェクト指向CSS)で設計された超軽量(9KB)のフレームワークを紹介します。 TukTuk TukTuk -GitHub TukTukは、レスポンシブ対応の実用的なさまざまなページを軽量のスタイルシートで実装することを目的としたもので、OOCSS(オブジェクト指向CSS)ベースの効率的なスタイルシートが使用されています。 ライセンスはGPLv3で、オープンソースライセンスとして配布されています。 デモでは、4種類のページがオンラインで確認できます。

    affec
    affec 2014/07/28
  • 『ドットインストール』と『runstant』って実は相性良いんじゃね?って話 - Qiita

    あぁ, 罪だ... 気づいてしまった... 『ドットインストール』と『runstant』の相性の良さに... 先日, 公開した runstant ですがこれは HTML, CSS, JavaScript を編集, 実行できます. ドットインストールにあるWeb系のレッスンは, 大抵この3つを扱えれば事足ります. そしてなんといってもどちらもログイン不要で使うことが出来ます!! これは組み合わせて使うしかないでしょ! 今までにこれほど気軽にプログラミングを実行しながら学べる環境があったでしょうか? いやなかったです!(あったらコメントください!) これはもう, ごはん×明太子, 牛乳×バームクーヘン, 風呂上がり×ガリガリ君, 夏×TUBE, 原田社長×ベネッセ以来の革命かもしれない... ってことでどう使うかまとめてみました. 参考になれば幸いです. 試しに作ってみた AngularJS

    『ドットインストール』と『runstant』って実は相性良いんじゃね?って話 - Qiita
    affec
    affec 2014/07/28
  • Linuxとgitを作ったLinus - 未来のいつか/hyoshiokの日記

    誰でも知っていることだけど、LinuxというOSというかカーネルはLinus Torvaldsが学生のときに趣味で作ったのがはじまりだ。それは1991年ころの話で彼が21歳の頃だ。個人の趣味で作ったものが、いつの間にかに世界中のコンピュータだけでなく、携帯や家電や様々な機械の制御に使われている。 Linus Torvalds - Wikipedia 1994年ころには、PCで動く個人向けOSとしては十分な機能を持っていた。Xもあるし、gccなどのコンパイラもあるし、GNU Emacsやbashもあるので、ちょっとしたプログラムを作るには十分な機能を持っていた。 当時、勤め先のマシンはSunのワークステーションで仕事Linuxを使う機会は全然なかったのだけど、自宅のPCSlackwareのCDを入れてみたりした。日常的に使うことはなかったけど、1998年にOracleLinux版を出し

    Linuxとgitを作ったLinus - 未来のいつか/hyoshiokの日記
    affec
    affec 2014/07/28
  • Docker向けのコンテナをゼロから作ってみよう | さくらのナレッジ

    Docker向けのコンテナを公開するDocker Hubでは多数のコンテナが公開されており、これらをベースにして独自のコンテナを作成できる。しかし、新規に独自のコンテナを作成したい場合もあるだろう。今回は、新規にコンテナを作成するのに必要な作業手順を紹介する。 Dockerにおける一般的なコンテナ作成手順 Dockerではよく使われるOS環境を含むコンテナがあらかじめ用意されており、それをベースに独自のコンテナを作成できる。たとえば、『これから始める「DockerでかんたんLAMP環境 for CentOS」』記事では、既存のCentOSコンテナをベースに、独自の環境を構築する手順を紹介している。 しかし、公開されているコンテナではなく、ゼロからコンテナを構築したいという場合もある。たとえばDocker Hubで提供されている公式のCent OSのコンテナでは、ファイル容量削減のためか一部

    Docker向けのコンテナをゼロから作ってみよう | さくらのナレッジ
    affec
    affec 2014/07/28
  • いぬごやねっと

    If you see this page, the nginx web server is successfully installed and working. Further configuration is required. For online documentation and support please refer to nginx.org. Commercial support is available at nginx.com. Thank you for using nginx.

    いぬごやねっと
    affec
    affec 2014/07/28
  • 検索連動型広告の広告文でよく見かける2つの無意味なABテスト - SEM-LABO

    「リスティング広告の広告文においてABテストは必要不可欠」といった内容はほとんどの施策者が理解していることだと思います。では、そのABテストで利用する広告文はどのようなアプローチ方法で作成されたものでしょうか?また、その広告文らは明確な区別を設けられたものでしょうか? ABテストで利用するそれぞれの広告文を明確に定義付けて区分し、作成することはリスティング広告で劇的に売上をあげる為に重要な広告文の極意とは?などでも記載した通り、1つの商品でも多角的な視点を用いることによってさまざまなアプローチ方法があれば特に難しいことではありませんが、広告グループ数が膨大にのぼったり、やることが山ほどある状況では、半ば無意識的に無意味なABテストを繰り返している現場に出くわすことも少なくなりません。 今回は私や私の周りの知見、及び経験、更には科学的な根拠のあるプローチから導き出された「検索連動型広告の広告

    affec
    affec 2014/07/28
  • 全ユーザのcronの設定内容の格納場所 - 積み重ねた日々

    RedHat系だとココにある。 $ sudo ls -l /var/spool/cron/

    全ユーザのcronの設定内容の格納場所 - 積み重ねた日々
    affec
    affec 2014/07/28
  • なぜ優秀なITエンジニアを採用、育成できないのか:日経ビジネスオンライン

    前回は、「ITビジネスの軸が、コストセンター中心からプロフィットセンター中心に移った」ことを紹介した。今、ITビジネスの潮流は大きな変化の節目を迎えている。そのことがITエンジニアの採用、教育の現場に、主に3つの課題として表れてきている。 課題1:エンジニアが集まらない、既存の求人メディアではエンジニアにリーチできない 課題2:いい人を見分けられない、既存のプロセスでは技術の可視化が難しい 課題3:人が育たない、既存の教育システムでは育成が難しい 今回はこの3点について考察を進めていきたい。 ITエンジニアは人材紹介サービス経由で転職しない 企業の採用における課題1: エンジニアが集まらない、既存の求人メディアではエンジニアにリーチできない 弊社は人材サービスを運営しているため、人事の方から「既存の求人メディアや人材紹介などでは、なかなか優秀なエンジニアにアプローチが出来ない。優秀層にリー

    なぜ優秀なITエンジニアを採用、育成できないのか:日経ビジネスオンライン
    affec
    affec 2014/07/28
  • サーバの負荷や使用率などを見るコマンドの一覧 - [Linux [Red Hat/CentOSなど]/サーバー] ぺんたん info

    サーバの負荷などの監視に使うコマンドいろいろ [参考記事] ログをリアルタイムに表示させて監視する方法 [参考記事] PHPでロードアベレージを表示させる方法 [参考記事] Cacti RRDToolを利用したサーバ監視ツール ロードアベレージ(CPU負荷状態) w または uptime ディスク使用率 df メモリ使用状況 free 起動中のタスク ps aux ロードアベレージ、メモリ使用状況、タスク(負荷順) top ディスクI/O iostat リアルタイムで見るには watch iostat iostatを利用するにはsysstatのインストールが必要です。 yum install sysstat その他いろいろ sar -u 3 10 sarとはSystem Admin Reporterの略です。 CPUやネットワーク、メモリ、ディスクなどの情報を見ることができます。 ログは日

    affec
    affec 2014/07/28
  • JSON | JavaScript プログラミング解説

    JSON文字列とJavaScriptオブジェクトの相互変換 JSONオブジェクトがサポートされるならば、そのメソッドによりJSON文字列とJavaScriptオブジェクトを簡単に変換できます。それがサポートされるかどうかは、簡単にはWindowオブジェクトにJSONプロパティが存在するかどうかで判別できます。 if( window.JSON ) { // JSONがサポートされる } ちなみにPrototype.jsでは、 var NATIVE_JSON_PARSE_SUPPORT = window.JSON && typeof JSON.parse === 'function' && JSON.parse('{"test": true}').test; のように判別しています。 JSON文字列 → JavaScriptオブジェクト JSON.parseがサポートされるならば、それでJSO

    affec
    affec 2014/07/28
  • エンジニア3人で支える月間10億PV

    ・2年で月間10億PVを支えるまで成長した
ZenClerkの運用上の工夫を紹介 ・AWSのTipsとあるある話の共有

    エンジニア3人で支える月間10億PV
    affec
    affec 2014/07/28
  • スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ!

    スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ! 2014.07.27(Sun) 18:30 WEB制作 PC、スマホで表示を分けるブログ(ホームページ)を作っている時に悩みの種になるのがGoogle Mapsの埋め込み地図。スマホで大きく表示させるとスクロールしにくくなるし、小さく表示させると地図が見えにくくなる…。けっこう厄介なんですよね。 「結局、直接Google Maps見た方が早いや」というように、何かと形骸化しがちなページ内の埋め込み地図。少しでも実用的になったらなーと思い、ニョローッと表示範囲を広げることができるボタンを追加してみたので紹介します。 1ボタンをクリック(タッチ)すると地図が広がりますということで、サンプルはこんな感じです。地図の下にあるボタンをクリック(タッチ)すると、埋め込み地図が下にニョローっと広がります。

    スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ!
    affec
    affec 2014/07/28
  • モバイルアプリのObserverパターン - cockscomblog?

    ReactiveCocoa勉強会関西にてObserverパターンについてお話ししましたので、以下にその内容をまとめます。 Observerパターンは、GoFの23のデザインパターンのうちの一つで、モデルが状態の変化をしビューに通知するパターンです。GUIアプリケーションの開発で多用されます。もちろんスマートフォンアプリの開発においても大変役に立つので、いくつかの例を挙げて見ていきます。 Objective-CのKey-Value Observing static void * Context = &Context; - (void)anything { [object addObserver:self forKeyPath:NSStringFromSelector(@selector(property)) options:NSKeyValueObservingOptionNew conte

    モバイルアプリのObserverパターン - cockscomblog?
    affec
    affec 2014/07/28
  • Game about Squares

    :-)My name is Andrey Shevchuk, and this isn't my face on the left. Thanks for playing my game, I hope you liked it! Because I hate it already... You may write me an e-mail, if you want: campugnatus@gmail.com You may as well press the yellow button! Thanks to all my friends who helped me test the game. I know it was their pleasure, but anyway ;) External libraries used here are jQuery and GSAP. The

    Game about Squares
    affec
    affec 2014/07/28
  • FLEX: FlipboardがiOSデバッグツールをオープンソースで提供 - ワザノバ | wazanova

    http://engineering.flipboard.com/2014/07/flex/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 FlipboardがiOSのデバッグツールであるFLEXをオープンソースで提供しています。 アプリにかぶさるかたちでツールが表示。それを使って、実行中のアプリのほとんど全てのステートを閲覧および修正可能。 アプリの中で動くツールなので、LLDB/Xcodeや他のリモートデバッグサーバへの接続不要。 シミュレータでも実機でも動く。 その他特徴としては、 階層でviewを確認/修正できる。 どのオブジェクトのプロパティとivarsを確認できる。 多くのプロパティとivarsを動的に修正可能。 インスタンス/クラスメソッドを動的に呼び出せる。 ヒープをスキャンしてアク

    affec
    affec 2014/07/28
  • Swift - UnsafePointerと上手に付き合う - Qiita

    ああなんてもったいない誤解。 ということでUnsafePointer.alloc()でアンセーフなメモリを確保して、その中に返してもらって、利用後に速やかに破棄するという感じにしかならないようです。 - SwiftからMachのhost_info()を呼び出す(UnsafePointerのキャスト) Cの構造体はそのままSwiftの構造体として使える Cの構造体も、Swiftの構造体と同じ流儀で扱えます UnsafePointer<cstruct>を要求する関数には、&cstructを渡すだけでおk 実際にご覧いただきましょう。 import Darwin // もちろんFoundationでもおk func lastModified(path:String)->String? { var st = stat() // *1 let err = path.withCString { //

    Swift - UnsafePointerと上手に付き合う - Qiita
    affec
    affec 2014/07/28
  • 20140726 jaws-ug chiba AWS operation best practice

    6. ⽇日⼯工業規格 JIS  X  0161:2008 classmethod.jp 6 保守の種類 定義 例例 改良良保守 (ソフト ウェア⾃自体 の修正) 適応保守 引渡し後,変化した⼜又は変化している 環境において,ソフトウェア製品を使 ⽤用できるように保ち続けるために実施 するソフトウェア製品の修正。 OS新バージョンへの対 応/消費税対応 完全化保守 引渡し後のソフトウェア製品の潜在的 な障害が,故障として現れる前に,検 出し訂正するための修正。 ドキュメントの改善 UIの改善 (問題への 対応) 是正保守 ソフトウェア製品の引渡し後に発⾒見見さ れた問題を訂正するために⾏行行う受⾝身の 修正。 不不具合の修正 (リアクティブ) 緊急保守 是正保守実施までシステム運⽤用を確保 するための,計画外で⼀一時的な修正。 是正処置実施までの暫 定処置 予防保守 引渡し後のソフトウェア

    20140726 jaws-ug chiba AWS operation best practice
    affec
    affec 2014/07/28
  • これを見るとディズニーアニメの基本原則が分かってしまう(GIFアニメ)

    ディズニーアニメの12の基原則をグラフィカルに表したGIFアニメを紹介します。姿、形はシンプルなものですが、ディズニーアニメっぽいと感覚的に分かってしまうのはスゴイです!

    これを見るとディズニーアニメの基本原則が分かってしまう(GIFアニメ)
    affec
    affec 2014/07/28
  • AWSを利用した動画変換から動画配信まで - Qiita

    動画関連の知識がなく苦労したのでメモ。 ffmpegでの動画変換も試したのですが、変換の時間とサーバのリソースをうため、 小規模サービスでは向かないと判断し、ElasticTranscoderを利用することとしました。 今回の構成としては、COOKPADに近いものとなっています。 http://techlife.cookpad.com/entry/2014/06/17/160905 動画配信方法 PC,スマートフォン(iOS, Android)向けに配信する方法を調査し、最終的にmp4とHLSで配信する事としました。 大半のデバイスはこの2種類を用意すればカバーできます。 mp4 : PC, Android2系への配信(flash) HLS : iOS, Android4系への配信 HTML5での動画再生用のライブラリがいくつかあるので、 そちらを使えば両形式の配信に対応できます。 今回

    AWSを利用した動画変換から動画配信まで - Qiita
    affec
    affec 2014/07/28
  • 「取説いらずの使いやすい製品」が日本で生まれにくい理由

    「学ばなくてもすぐ使える」のが理想だが…… オフィス機器の業界団体であるJBMIA(一般社団法人ビジネス機械・情報システム産業協会)がWebサイト上で公開している資料の中に、「オフィス機器における顧客価値向上のためのうれしい体験パターン活用ガイド」という小冊子(PDF)がある。 これはオフィス機器を利用するユーザーが、どのようなケースにおいて「うれしい体験」を感じるかをまとめたものだ。ユーザーエクスペリエンスについて、製品を開発する側、また利用する側にとっても非常にためになる考え方が体系立ててまとめられている。製品を作る側の立場の方にはぜひ一読いただきたい。 中でも注目したいのは、利用者にとって「うれしい体験」の例として、「学ばなくてもすぐできる」という項目が挙げられていることだ。これはつまり、取扱説明書(取説)を熟読することなく、最小限の操作さえ覚えれば利用できることを推奨しているわけで

    「取説いらずの使いやすい製品」が日本で生まれにくい理由
    affec
    affec 2014/07/28