タグ

2010年9月22日のブックマーク (13件)

  • 構造化テキストの間違ったエスケープ手法について : 404 Blog Not Found

    2010年09月22日21:30 カテゴリLightweight Languages 構造化テキストの間違ったエスケープ手法について 昨晩のtwitter XSS祭りは、ふだんもtwitter.comは使わない私には遠くの祭り囃子だったのですが、せっかくの自戒の機会なので。 Kazuho@Cybozu Labs: (Twitter の XSS 脆弱性に関連して) 構造化テキストの正しいエスケープ手法について 正しいアプローチは、全てのルールを同時に適用することです。 これは残念ながら(おそらく)必要条件であっても十分条件ではありません。 こういう(かなりええかげんな)正規表現でtweetをparseしていたとします。 re_http = '(?:https?://[\\x21-\\x7e]+)'; re_user = '(?:[@][0-9A-Za-z_]{1,15})'; re_hash

    構造化テキストの間違ったエスケープ手法について : 404 Blog Not Found
  • Kazuho@Cybozu Labs: (Twitter の XSS 脆弱性に関連して) 構造化テキストの正しいエスケープ手法について

    昨日の Twitter の XSS 騒ぎは、まだ皆さんの記憶に新しいことと思います。いい機会なので、ツイートのような構造化テキストのエスケープ手法について触れておきたいと思います。 Twitter のメッセージは、単なる平文(プレインテキスト)ではなく、「@英数字」のような他のユーザーへの言及と「http://〜」のような URL を自動的にハイパーリンク化する構造化テキストです。 このような複数のルールをもつ構造化テキストを HTML 化する際には、どのようなコードを書けばいいのでしょう? まず「@〜」をリンク化してから、URL をリンク化すればいいのでしょうか? それだと、@〜 のをリンク化した A HREF タグの中の URL がさらにリンク化されていまいますね。 では、URL をリンク化してから @〜 をリンク化すればいいのでしょうか? それだと、@ を含む URL があった場合に

  • デザインの要素と原則

    2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう!デザインは複数の要素(エレメント)と原則(プリンシプル)から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください! ↑私が10年以上利用している会計ソフト! デザインの要素(エレメント)と原則(プリンシプル)は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ

    デザインの要素と原則
  • Git と GitHub を体験しながら身につける勉強会行ってきた - 予定は未定Blog版

    9/18(土) 15:30~ GitGitHubを体験しながら身につける勉強会(名古屋) : ATND 行ってきました。 なんかいろいろと話すことになったんですけど、あの場で言いそびれたこととか、もっとこう説明してればよかったなぁ、って部分の補足も兼ねたエントリです。 長文注意。 ショートカット git add の話 git add -p/git reset -p の話 リビジョン番号がない話 ブランチの話 git-completion の話、__git_ps1 の話 コミットの指定の話 reset の話 rebase と merge の話 公開したものの rebase の話 stash の話 TortoiseGit、HG、SVNのはなし 全体を通して git add の話 Git と SVN では、add に限らず、同じ名前のサブコマンドでも意味が異なるものがいくつかあります。 その中

    Git と GitHub を体験しながら身につける勉強会行ってきた - 予定は未定Blog版
  • ソーシャル・ネットワーキング・サービスの一覧 - Wikipedia

    この記事には複数の問題があります。改善やノートページでの議論にご協力ください。 出典がまったく示されていないか不十分です。内容に関する文献や情報源が必要です。(2012年6月) 広告・宣伝活動的であり、中立的な観点で書き直す必要があります。(2019年1月) 出典検索?: "ソーシャル・ネットワーキング・サービスの一覧" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL この一覧は未完成です。加筆、訂正して下さる協力者を求めています。 ソーシャル・ネットワーキング・サービスの一覧(ソーシャル・ネットワーキング・サービスのいちらん)は、ソーシャル・ネットワーキング・サービス(SNS)の一覧である。 運用中[編集] サービス名 概要 登録方法・条件

  • Evernoteと同期する究極の手書きアプリ 〜 Underscore Notify | ZONOSTYLE

    あるジャンルのアプリを追いかけていると、あるとき、「あ、もしかしてこれは究極かも!」ってヤツに出会うことがある。拙著『iPhone×iPad クリエイティブ仕事術』に主役級で登場するNozbeも、間違いなくその1つだね。数々のToDo管理アプリを渡り歩いた末に、Nozbeに出会ったときの感動はいまでも忘れられない。 でもって、また新たな「究極」に出会えたような気がする。ジャンルは、ToDo管理と同じくらいこだわり続けてきた「手書きメモ」。クリエイティブ仕事術の「デジタル化」には欠かせない重要なツールだね。ずっと以前からイメージしていた、オレがほしいと思う機能をすべて備えているアプリ。いやー、今日のは当にすごいですよ! このブログでもすでにいくつかの手書きメモアプリを紹介してきたけど、これまでのイチオシはiPadならPenultimate、iPhoneならSpeedTextだった。でも、ど

  • ロイヤリティーフリーのBGMが無料ダウンロードできるサイト「JEWEL BEAT」*二十歳街道まっしぐら(FC2ブログ時代)

    「JEWEL BEAT」はロイヤリティーフリーでいろんな場面に使えそうなBGM素材サイトです。 製品や広告、教育、動画、写真などなど幅広く使える音源がたくさんあります。 YouTubeに音源と合う動画もアップされています。 ダウンロードできる音源は短いですが、繰り返し再生に対応していて、途切れなくBGMが続けられます。 無料で利用できますが、「http://www.jewelbeat.com/」の音源使いましたと明記しておきましょうね。 以下に使ってみた様子を載せておきます。 まず「JEWEL BEAT」にアクセスしましょう。 するとこのようにYouTube動画がたくさん並んでいます。 これらに使われている音源がダウンロードできます。 ダウンロードはリンクを右クリックして保存すればOK。 WAVE形式の音源がゲットできます。 けっこうたくさん音源は用意されていますので、素材探しにはもってこ

  • Tシャツを一瞬でたたむ早業 | designaholic

    昔、何かでやっていたなと思ったんですが、やり方が全く思い出せなかったのでググってみたら、すぐに見つかったのでメモも兼ねて。 伊東家で紹介されていたみたいなんですが、自分の記憶では学生の頃にファッション系の雑誌で見た気がします。10数年前ですが。。 何回か見るとわかると思いますが図解すると以下のとおりです。

    Tシャツを一瞬でたたむ早業 | designaholic
  • シネコン各社サービス比較表

    作成者:破壊屋&情報を寄せてくれた方々 最終更新日:2010年09月23日 赤文字:良いサービス 紫文字:悪いサービス | 主要情報

  • Macを最大限にスピードアップさせる23の方法 | Last Day. jp

    Macユーザーが増加している最近はiPhoneの人気もあってWindowsユーザーからMacユーザーになる人が僕の周りでも増えた。基的にMac OSは安定していてスピードも申し分ない。 Macを新しく検討しようと思っている方は↓ そんなMacでも長年使っていれば調子の悪い時もでてくるだろう。今まさに自分のMacBook Airが買ったときに比べスピードが落ちているので色々チューニングをしたら大分スピードに向上がみられた。Macが僕のように以前より遅くなってしまった方は以下のTipsを参考して頂けたら幸いである。 もし下記のすべての方法を試してもスピードアップしない場合はOSの再インストールも視野に入れた方が良い。 再インストールすれば大抵の問題は解決される。再インストールする時にはTime Machines等からバックアップ復元すれば簡単にできる。 1.容量の大きいファイルは外付けデバイ

    Macを最大限にスピードアップさせる23の方法 | Last Day. jp
  • 聴くとテンションが上がってしまう洋楽:アルファルファモザイク

    ■編集元:ニュース速報板より「聴くとテンションが上がってしまう洋楽」 1 SV-98(鹿児島県) :2010/09/21(火) 20:02:59.30 ID:iOzUJ+hz0 ?PLT(20438) ポイント特典 今週のアルバムランキングは、米国6人組ロックバンドのリンキン・パークによる4thアルバム 『ア・サウザンド・サンズ』が2位、同じく米国の5人組ロックバンドのマルーン5による3rdアルバム 『ハンズ・オール・オーヴァー』が4位と、洋楽アルバムが健闘しています。 http://news.music.biglobe.ne.jp/201009/article_52.html 獣医師(京都府) :2010/09/21(火) 20:07:03.76 ID:6PJl4V0h0 最近だとこれかな。ipodのCMに使われてた曲 17 サラリーマン(宮崎県) :2010/09/21

  • あなたのツイートを外部脳にするアプリ|TweetSheet - RyoAnna

    3201回目の呟きを見た瞬間、血の振動を感じた。 誰かが言っていた。ずっと使い続けるアプリだと感じる瞬間があると。 TweetSheet(AppStoreLink 350円) ※Universal App 私はライフログとしてTwitterを利用している。詳しくはこちらを参照して欲しい。 Twitterを外部記憶装置にする方法 - #RyoAnnaBlog 日々の生活で感じた事を呟き、気になる記事のリンクを呟く。毎日続ける事により、Twitterが外部記憶装置となる。 外部脳は検索できないと意味がない。以前はSuperSearchProを利用して、Twilogに対して検索をかけていた。これからはTweetSheetを使うことになる。 [ ] TweetSheetは、自分の呟きに対して検索をかけるアプリだ。起動してTwitterの認証を済ませると、TweetSheetのサーバーが直近の320

  • CSS3だけでつくるWebボタン!押さずにはいられないボタン簡単3ステップ

    インターンシップにきています。 こんにちわ。(・`д・ノ)ノ 面白法人カヤックでインターンシップ中のどうもぽんたです。 先週、鎌倉社から自由が丘支社に移りました。 自由が丘に来たのは初めてなので、「丘ないなぁ。」って思いました。 そしてこちらはインターン研修で、書いているエントリーです。 どうか柔らかいまなざしで見守って下さいませ! 今回は画像を使わず、CSS3だけでWebボタンをつくる方法を紹介したいと思います。 といっても僕自身つくったことがないので、一緒に挑戦しましょう!! つづきからどうぞ! すごいよ!CSS3 ≫ CSS3のみでつくっているボタンを紹介している凄いサイトがあります。 ラムネのようなテイストのボタンですな。 これを画像なしでつくってるっていうからスゴイ! ここまでレベルの高いボタンはつくれないので、 基重視のシンプルなCSSボタンをつくろうと思います。 まずはC