タグ

Webに関するakssymのブックマーク (6)

  • HTTPリクエスト数削減テクニック2: CSS Sprite編

    はじめに こんにちは、クラスメソッド株式会社の野中です。 HTTPリクエスト削減テクニックの紹介に入り、前回の『リクエスト数削減テクニック1:インラインイメージ編』では、インラインイメージについて紹介しました。記事では「CSS Sprite」の基的な知識と使い方、使いどころについて解説します。すでに定番のテクニックとなっていますが、何となく使っていることが多いと思います。初学者の方にも理解していただけるよう詳しく解説します。 対象者 対象者は主にコーダー、フロントエンドエンジニアです。 デザインとコーディングを合わせて担当するWebデザイナーも対象です。 コーダー・フロントエンドエンジニア Webデザイナー Webディレクター Web担当者 CSS Spriteとは Webサイトではアイコンやナビゲーションなどに多くの画像が使われ、サイトによっては20個30個とたくさんのアイコンが使わ

  • パスワードの入力さえ不要なWebブラウザ用公開鍵認証技術·TrustAuth MOONGIFT

    TrustAuthはWebサイトにおける公開鍵を使った認証システムです。 Webサイトを使う際の認証と言えばログインIDとパスワードを使ったものと相場が決まっています。問題があるシステムとは分かっていつつも未だにいい解決策が出てきていません。そこで新しい認証システムとしてTrustAuthを紹介します。 Firefoxアドオンをインストールします。 アドオンの設定です。特に変更することはありません。 こちらはデモサイトです。 ツールバーにビールのアイコンがあります。なぜかデフォルトでは表示されずツールバーのカスタマイズで追加しました。 Unlockを選んで最初にマスターパスワードを決めます。 後はパスワード無用です。demoとユーザIDを指定すればログインできます。 無事ログインできました! TrustAuthでは公開鍵を使って認証を行います。サーバサイド、クライアントサイドの双方で用意し

    パスワードの入力さえ不要なWebブラウザ用公開鍵認証技術·TrustAuth MOONGIFT
  • [書評]効率的なWebアプリケーションの作り方ーPHPによるモダン開発入門ー : candycane development blog

    小川雄大さんの新刊、効率的なWebアプリケーションの作り方 ~PHPによるモダン開発入門 をPHP勉強会のarray_randのお陰で頂いたので読んでみたので感想を。実質的にはSymfony2の貴重な日語書籍この書籍はMVCやオブジェクト指向の基礎からスタートして、Symfony2(Symfony Standard Edition)、Doctrine、Twigやgitgit-flowTwitter bootstrap(v2)、PHPUnit、Stagehand_TestRunnerといったツールを駆使してアプリケーションの開発を行う流れをソースコードを発展させながら解説するという書籍です。見ての通り最新のツール群を取り揃えた形の解説書籍になっています。特にSymfony2を使ったコードが(namespaceが付いたコード)書籍で確認できるという意味では貴重なのではと思いました。 また

  • 作業中に聞くと生産性がアップする音楽を分析したサイト | ライフハッカー・ジャパン

    作業用のBGMがほしいけど、なかなか良いものが見つからない...。そんな方に朗報です。「musicForProgramming();」では、作業中に流しておくと集中力が高まり生産性を向上させてくれる、約1時間ほどの長さのアンビエントミックスを配信しています。 「プログラミング用」という名称になってはいますが、プログラマー専用というわけでは決してありません。彼らは自分たちの美学について、下記のように言及しています。 何年にも渡り、試行錯誤を繰り返してきました。ネットラジオを聞いたり、自分の音楽コレクションをシャッフルで流したり、1つのアルバムをリピート再生したり、などなど。その結果、長時間集中して作業を行なう時に最も効果的な音楽には、下記のような特徴があることがわかったのです。 ドローン(単音で変化のない長い音) ノイズ(雑音) ファズ(歪み音) フィールド録音 睡眠誘発ノイズ リズムのない

    作業中に聞くと生産性がアップする音楽を分析したサイト | ライフハッカー・ジャパン
  • 頭の中にあることをきちんと実現するための新感覚ToDo管理ツール「Pegby」 | ライフハッカー・ジャパン

    ToDoリストや次に何をするか、今何をやっているかはすぐに分かるようにするべき、というのはGTDの大原則の一つです。一つのサービスでそれがすべてできれば、ToDoやアイデアを入力するのも楽になります。「Pegby」は、頭の中にあることをきちんと実現できるように作られたWebアプリです。 WebベースのToDo管理ツールは五万とあり、毎週新しいものが登場しているように思えるほどです。Pegbyは、自分が今やっている仕事だけという狭い範囲にフォーカスする「Trello」のようなツールの機能と、いくつかのすばらしい機能を合体させた少し目新しいツールです。今やっている仕事、次にやる仕事、これまでに完了した仕事が、GTDの考え方に従って並びます。 それぞれToDoのタイプに合わせた3つのカラムがあり、カラムの新しい「カード」を始めるをクリックするだけで、新しいタスクを簡単に追加できます。カードをある

    頭の中にあることをきちんと実現するための新感覚ToDo管理ツール「Pegby」 | ライフハッカー・ジャパン
  • ウェブアプリのセキュリティをちゃんと知ろう

    7. ウェブアプリの入力、処理、出力入出力ウェブサーバウェブアプリ(PHP など)外部 API サーバ(Facebook API 、決済会社など)入出力処理入出力データベースサーバ(MySQL など)ウェブブラウザ 10. ウェブサーバーを通したウェブブラウザからの入力の仕様を考えようPHP に入ってくる値は何かを知る可変長のバイト列 (文字列ではない!!)GET パラメータPOST パラメータアップロードファイルリクエストヘッダ (Cookie など)実際の処理に渡すべき値は何かを考える文字列か、バイト列か?文字コードは何か?(ウェブサーバーでバイト列を処理することってあまりないので、 PHP では基的に文字コードのバリデーションは必要だと思って良い)長さはどうか?どういう文法や構造を持つデータ?入力された値を実際の処理に渡すべき値かどうかを確認することを「バリデーション」という 11

    ウェブアプリのセキュリティをちゃんと知ろう
  • 1