DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中

第8回Creators MeetUp で登壇させて頂きました。そちらのスライドになります。 ブログに内容まとめました。 http://toybox-design.net/creators-meatup-8 セッションの動画がコチラで公開されていますので、詳しく内容を見たい方はこちらへ http://lab.designsatellites.jp/?p=2178Read less

HTML5に関連したセキュリティの話題で、とりあえずこれまでに話した資料の一覧や、考察した記事。今後もっと増える予定です。「このAPI使う上で気を付けることないの？」みたいなリクエストもあればぜひ言って下さいませ。 JavaScript Security beyond HTML5 (2013-09-20 Developers Summit Kansai 2013) HTML5セキュリティ その1:基礎編、XSS編 (2013-06-13 OWASP Night 6th) Web::Security beyond HTML5 (2012-09-28 YAPC::Asia 2012) HTML5時代のWebセキュリティ (2012-09-15 第5回愛媛情報セキュリティ勉強会) Same-Origin Policy とは何なのか。 - 葉っぱ日記 XMLHttpRequestを使ったCSRF対

iPhone/iPad の壁紙は数あれど、iOS7 から追加された Parallax Effect(視差効果)  に対応した壁紙を配布しているサイトは今のところ少ないのが現状です。 視差効果対応の壁紙にすることによってiPhoneを傾けた時に背景に奥行き感が生まれ立体的に感じられます。 今後、パララックス対応の壁紙は増えると思いますが、新しい iOS にアップデートした人が多い今、多くの方が新しい視差効果に対応した壁紙を設定したいと考えているはずです。 そこで、現時点では数少ない 視差効果 に対応しているサイズの壁紙を配布しているサイトをまとめてみました！　この中からお好きな壁紙を見つけてダウンロードして下さい！ iPhone,iPad用 視差効果対応 壁紙サイトまとめ The Next Web 21 MORE impressive iOS 7 iPhone Parallax Wallpa

2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。 とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。 じゃあどうするか？基本的に「初期化」の考え方を直せばどうにかなる。 (この記事はBackboneを使うときに考えてることだけど、他でも一緒だと思う) 前提 シングルページアプリケーション セマンティクスやSEOは考慮しない 基本哲学 共通モデルの初期化を徹底的に行う サーバーにリクエストを投げるのは最小限 クライアントでサーバーモデルのキャッシュを作り、更新が期待されるまで再取得しない 理由 いくらDOMの最適化したところでUXに影響が大きいのはサーバーリクエスト(200~2000ms)で、プログラミング段階で辛さがあつまるのは非同期処理の部分。 プログラマとし

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

Siriを常用する時がくるのか…？ iOS 7のSiriが賢くなってます2013.09.24 23:00 ベータと正式版の違いはこれか…。 SiriがiOS 6のそのころよりも、けっこう賢くなってる気がするのは僕だけでしょうか。今までのSiriは遊び相手くらいの認識で、そこまでお相手するほどではなかったので、どんな機能があったのかあまり記憶にないんですが…。 iOS 7のSiriになってから、左下の？ボタンを押してみると、項目増えてないかこれ…。いや、確実に増えてる〜と気づいてしまったので、これは便利そうだと思う機能をご紹介します。 アプリを開く 全てのアプリを試してはいませんが、たいていのアプリは認識してくれました。LINEを開く。Instagramを開く。ぐるなびを開く。Twitterを開く。facebookを開くなどなど。今は指紋認証するのに慣れている最中なのであんまり使う機会はない

噂のAndroid 4.4 KitKatの画像、どうやらこちらもフラットデザインで2013.09.24 21:30 そうこ iOS 7に続きこちらも…。 日本が三連休を楽しんでいた間にでてきたこの画像。自称Android 4.4＝KitKatのリーク画像です。KitKatを使用している端末のスクリーンショット。この自称リーク画像によると、グーグルOSのAndroidもデザインが変更され、より流行の｢フラット｣なものになってきているようです。 最も目がいくデザインの変化は、ドックのアイコン。詳細や影を排除して、2Dな完全フラットなデザインに。また、Androidのダイアルもデザインが一新。色みも青と白が中心となっています。 フラットは誰もが欲しい最新の流れ、ということで。 [TechnoBuffalo] そうこ（GARY CUTLACK ／米版）

ふわっと下から浮き出るツールチップ：脱エンジニアっぽさ！ クライアントの笑顔を引き出すCSS3アニメーション（3）（1/3 ページ） 今回は、アニメーションするツールチップ（吹き出し）をCSSだけで作ってみたいと思います。 ツールチップを使えば、説明文などが必要な場合も画面をスッキリとさせられます。特に、Webサイトの訪問者にアクションを求める入力フォーム画面などでその効果を発揮します。例えば、購入手続き画面においては、何度も注文したことがあるリピート客にとって、入力方法の説明はもはや分かりきった“ノイジー”な情報ですね。こうした「知りたい人は簡単に情報を得られ、知っている人は目に触れずに済む」ようにするために、ツールチップは非常に有効な手段となります。ただし、注釈文をきちんと認識させるべき会員登録画面などでは、ツールチップで説明を隠してしまうのは望ましくないので、安易な乱用は避けたいもの

The document discusses new features in Rails 5.1.0 including encrypted secrets, npm and webpacker integration, system tests, and parameterized mailers. It provides instructions for setting up encrypted secrets in Rails, including using the bin/rails secrets:setup command to generate an encryption key, editing secrets via bin/rails secrets:edit, and configuring different secrets for environments li

CSS3セレクタで追加された「:not()」。今まで使ったことがないので、深く考えたこともなかったですが、曖昧なままじゃダメだと思い勉強してみました。 CSSセレクタって何だという方はこれらの記事が役に立つと思います。 意外と知らない!?CSSセレクタ20個のおさらい｜Webpark 保存版！CSS3セレクタの説明書｜Webpark では、「:not()」について考えてみます。これから紹介する簡単なサンプルたちはWindows7のChromeで動作確認しています。他のブラウザの場合うまく対応していない場合も考えられますのでご注意ください。 「:not()」の基本 Selectors Level 3では、「E:not(s)」という風に説明されています。日本語で説明すると、「sでないセレクタを持つE要素」という感じになります。 また、「Negation pseudo-class」というグループ

Evernoteで要らなくなったノート。放っておいたら上限である10万ノートに達してしまいそうですし、何より検索に引っかかってしまうので邪魔になる。 でも、かと言って削除することもできない。『もしかしたら』『いつか』役に立つかもしれない。そう考えたら捨てるにも勇気がいりますよね。私も、前職で使っていたノートを捨てるに捨てられず、扱いに困っていました。 そこで思いついたのが、「要らないノートを全てエクスポートしてファイルにしてしまい、これをEvernoteに保存しておく」という方法でした。 ノートをファイルとしてEvernoteに保存 Evernoteで要らなくなったノート。このまま持っていても10万ノートを超えてしまうかもしれないし、検索結果にノイズとして表示されてしまいます。でも、削除してしまうこともできない。 そこで考えたのが、ノートをファイルとしてエクスポートして、それをEverno

Androidネットワークプログラミング用ライブラリ「Volley」を解説します。 モバイルアプリを開発するにあたってネットワーク通信の知識は欠かせないものとなっている一方、ネットワークプログラミングの世界にはキャッシュや高速化、データ取得やキャンセル処理などプログラミングテクニックが多数存在してます。これらの課題を効率的に解決する方法がVolleyライブラリです。 Volley公式ページ https://android.googlesource.com/platform/frameworks/volley/ Volleyの機能紹介とともにキャッシングやキャンセル処理などネットワークプログラミングに欠かせない処理をVolleyの実装をつかって順番に解説していきます。 非常に長い記事ですので始めに理解を深めるための内部処理を紹介します。APIなど詳細は記事の途中で随時解説します。 ネットワー

「とうとう」...いえ、「やっと」と言うべきか、NTTドコモがiPhoneの取り扱いをはじまめました。待ちに待ったユーザーの皆さんは、iPhone 5s／5cを手にしてニンマリしている頃でしょうか。 さて、ドコモが提供するサービスに「docomo Wi-Fi」があります。これは、指定プランを契約しているユーザーであれば永年無料なので、新型iPhoneを手にしたユーザーも引き続き使いたいと考える方が多いはずです。また、私のようにiPhoneはauで契約していても、ドコモ回線を持っており、使えるスポットによってはdocomo Wi-Fiを使いたいという場合もあるはずです。 ただ、iPhoneでdocomo Wi-Fiを使おうとすると、その都度、ユーザー名とパスワードを入力する画面が表示されるので億劫ですね。実は少しだけ手間をかけてやれば、自動接続できるようになるので、その方法を紹介します。まず

Facebookで人物を補完すると、その人物名の周りに枠が表示されて強調されますよね（gif画像参照）。 これのやり方を解説します。 TL;DR textareaの強調表示は、textareaを透明にして後ろにいい感じの背景を設置してるだけ textareaの中にDOMを入れても表示されない パッと考えるとtextareaの中にDOMツリーを入れるとそれが表示されるんじゃないか、と思うかも知れません が、ぜんぜんそんなことは無くて、そのまま文字列が表示されてしまいます。 ご存知のようにtextareaやinputは、他の要素のように子要素を表示するのではなく、自身のvalue属性の値を画面に表示する働きをします。value属性は文字列を格納するためのものなのでDOMを入れられないわけですね。 強調用のDOMを重ねあわせる textareaにはDOMをそのまま入れられないので、仕方がなく周り

iOS 開発で QR コードや JAN バーコードを読み取ろうかと思ったら、ZXing, ZXingObjC, ZBar などの利用が考えられますが、ZXing は組み込みが少し面倒で、ZingObjC は導入が簡単でも動作が(ZXing, ZBar に比べて)少し遅く、ZBar は認識が早いがライセンスが LGPL でクライアントへの提案が難しかったりとしっくりくる物がなかったのですが、iOS7 アップデートで標準 SDK に QR の読み取り機能が追加されたおかげで一気に問題が解決しそうです。iOS7 SDK 以降というのが少し痛いですが標準 SDK で利用できるというのは大きな利点です。 早速実装コード 以下、実装コードです。iOS7 SDK, Xcode 5 で、 Single View Application を選択して、ViewController を実装します。 ビルド設定で