IPAから「クリックジャッキング」に関するレポート出ました - 葉っぱ日記
Webアプリケーションのセキュリティの分野で「新しい攻撃手法」は実はそれほど多くないのですが、比較的新しく対応が求められているものとしてクリックジャッキングがあります。クリックジャッキングは、CSRFと同じように「Webアプリケーションのサーバー側機能」を利用者（被害者）に実行させる手法です。CSRFは、当該機能を実行するHTTPリクエストを送信させる罠を使いますが、クリックジャッキングの方は、iframe等に当該機能を呼び出す画面を表示しておき、利用者（被害者）に実行ボタンを押させる（=クリックジャック）手法です。クリックジャッキングに関しては4年前にすでにJPCERT/CCが詳しい解説を出していたのですが、この3月26日にIPAからも「クリックジャッキング」に関するレポートが公開されました。 X-FRAME-OPTIONSについて、このレポートには記載されていない点についていくつか補足
自分たちのカラーを出してサッカーを楽しませる――目黒区碑文谷フットボールクラブ｜No.1 少年サッカーサイト｜サカイク
サカイク公式LINE ＼＼友だち募集中／／ 子どもを伸ばす親の心得を配信中！ 大事な情報を見逃さずにチェック！
CSSでiPhoneのアイツ（アクションシート）を消す方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 戦：54 僧：59 魔：53 武：60 盗：60 旅：55 レン：60 パラ：54 マ：51 ス：49 賢：40 バ：25 CSS：2 鳥よしです。 (あ、一応ちゃんと仕事もしてます) 今日は、iPhoneのsafariでリンクを長押ししたときに出る ↓コイツ（アクションシート）を消し去る方法を書きます。 <img loading="lazy" class="size-medium wp-image-18740" src="https://liginc.co.jp/wp-content/uploads/2013/03/toriyoshi_test-168x300.png" alt="例のヤツ" width="168" height="300" /> 例のヤツ[/caption] ほとんどの方がご存知なのかもしれませんが、 僕はこれを知ったときウレしょん寸前でした。 今までは、
javascript - でBMP以外のUnicode文字をきちんと扱う : 404 Blog Not Found
2013年03月29日16:00 カテゴリTipsLightweight Languages javascript - でBMP以外のUnicode文字をきちんと扱う 文字コード「超」研究 深沢千尋 一肌脱ぐか。 dankogai/js-codepoints ・ GitHub Twitter時代の文字の数え方 | 配電盤正確には、「Unicode 3.1時代の文字の数え方」なのでしょうが、Unicodeの最新バージョンが6.0の今、それではぱっとしないのでSYNOPSIS log('𠮷野家'.length ); /* 4 // unfortunately */ log('𠮷野家'.codePointsOf() ); /* 3 // naturally */ log('𠮷野家'.codepoints ); /* 3 // naturally */ log(String.fromCode
Twitter時代の文字の数え方 | 配電盤
入力「×」のブラウザでは、「𠮷」が2文字とみなされるため、2文字目まで、つまり「𠮷野」までしか入力できません。 Mozillaの文書には、Unicode code pointsで数えると書いてあるので、そのうち改善されるのかもしれませんが、現時点ではTwitterのために「maxlength="140"」を使うことはできません。 pattern属性 Firefox 21とChrome 27、IE 10、Opera 12.15は、「pattern=".{0,3}"」（任意の文字からなる0から3文字）のような正規表現を使った検証にも対応していますが、やはり「𠮷野家」は4文字とみなされてしまいます。 JavaScript 追記：javascript – でBMP以外のUnicode文字をきちんと扱う（404 Blog Not Found） JavaScriptでは、文字列strの長さをst
IPAから「クリックジャッキング」に関するレポート出ました
Webアプリケーションのセキュリティの分野で「新しい攻撃手法」は実はそれほど多くないのですが、比較的新しく対応が求められているものとしてクリックジャッキングがあります。クリックジャッキングは、CSRFと同じように「Webアプリケーションのサーバー側機能」を利用者（被害者）に実行させる手法です。CSRFは、当該機能を実行するHTTPリクエストを送信させる罠を使いますが、クリックジャッキングの方は、iframe等に当該機能を呼び出す画面を表示しておき、利用者（被害者）に実行ボタンを押させる（=クリックジャック）手法です。クリックジャッキングに関しては従来詳しい解説がありませんでしたが、この3月26日にIPAから「クリックジャッキング」に関するレポートが公開されました。 このレポートから、クリックジャッキングのイメージを示す図4を引用します。 サイトAが攻撃対象のサイト、悪意のあるページは罠にな
Prototyping With Meteor | Envato Tuts+
Meteor is far more than a quick prototyping tool, but it sure is great for prototyping. In this tutorial, we'll walk through the process of turning a simple HTML wireframe into a functional application in a surprisingly simple number of steps. We'll be creating a simple wireframe of a chatroom application. The process we are trying to demonstrate is starting with a pure HTML/CSS wireframe, done in
Goodbye, Zen Coding. Hello, Emmet! — Smashing Magazine
Zen Coding is a revolutionary plugin that has helped many developers through the years and has now reached a new level: Emmet. The most productive and time-saving text-editor plugin you will ever see. By instantly expanding simple abbreviations into complex code snippets, Emmet can turn you into a more productive developer. Emmet, previously known as Zen Coding, is the most productive and time-sav
Detect Pseudo-Element Animation Support
A while back I posted an interesting tidbit from Daniel Buchner which allows developers to detect DOM node insertions with JavaScript and CSS animations; an awesome trick driven by CSS animations. Lea Verou recently posted another detection snippet driven by CSS animations: detecting pseudo-element animation support. Here's how she did it! The CSS The test case can use any pseudo-element; in th
unite.vim の候補の表示のさせ方いろいろ - C++でゲームプログラミング
unite.vim の候補の表示のさせ方がいろいろとあるのでまとめ。 [短縮表示] デフォルトではこの表示形式になります。 ただし、unite-source 側で multi-line が設定されている場合はその限りではありません。 （e.g. unite-line :Unite mapping [複数行表示] :Unite コマンドに -multi-line を付けることで複数行表示になります。 また、これは unite-source 側で設定されている事もあります。 （e.g. unite-line :Unite mapping -multi-line また、表示される行数は -max-multi-lines= で制御する事が出来ます。 [折り返し表示] :Unite コマンドに -wrap を付けることで折り返し表示になります。 これは、 set wrap と同等の機能です。 :Un
unite-quickfix を更新した - C++でゲームプログラミング
去年からゴニョゴニョといじっている unite-quickfix なんですがいい加減放置しているのもあれなので master に merge しました。 結構ガッツリと変更したので使用している方はご注意を。 [更新内容] 実装追加 clang ライクなハイライトを実装 デフォルトはそのままなので使用したい方は unite-filters で設定して下さい 削除された機能 g:Unite_quickfix_word_formatter g:Unite_quickfix_yank_text_formatter g:unite_location_list_filename_is_pathshorten g:unite_location_list_is_multiline g:Unite_location_list_word_formatter g:Unite_location_list_yank
Google Playから消えてもインストールできる広告遮断アプリ·AdAway MOONGIFT
AdAwayはAndroid用の広告遮断アプリです。 先日GoogleがAndroidにおいて広告ブロックアプリを相次いで削除しました。理由はともあれGoogleが認めなければGoogle Playでは配信ができません。しかしAndroidには独自で配布するという道が残っています。そこで紹介したいのがAdAwayです。 Google Playから削除されたのでF-Droidからインストールします。 メイン画面（公式サイトより）。 最新のサービスリストをダウンロードします（公式サイトより）。 設定画面（公式サイトより）。 AdAwayはhostsファイルを書き換えることで広告配信サービスのURLを遮断して広告表示を行わないようにします。言われてみれば簡単なことですが、それをアプリによって自動化してしまった所が利点です。なお利用に際してroot化する必要があります。 AdAwayはAndroi
Bootstro.js demo
data-bootstro-step=4 (starting from 0)" data-bootstro-placement="bottom" > Yay. Finally bootstro now supports Bootstrap 3, after a very very long procrastination. Good news is Every thing still stays the same. You pretty much don't need to change anything Latest Bootstro.js still works with Bootstrap 2 by adding the following 1 single line bootstro.set_bootstrap_version(2); before calling bootstro
jQueryでランダムに画像などコンテンツ要素をフェードインさせる方法｜BLACKFLAG
以前の記事で「jQueryで画像などコンテンツ要素を順番にフェードインさせる方法」と題して、 一覧となって並べられた画像をjQueryを使って順々にフェードインさせる方法を紹介しましたが、 同様のパターンで、フェードインさせる順番をランダムにするパターンを できるだけシンプルな構成で作ってみたので紹介してみます。 まずは動作のサンプルから。 下記画面の「リロード」を押してみてください。 サンプルを別枠で表示する ページの読み込みが終わると 一覧画像がランダムによって順々にフェードインして表示されます。 この全体構成について、 まずはHTMLから。 ◆HTML <div id="thumblist"> <ul> <li><a href="#"><img src="img/photo1.jpg" alt="" /></a></li> <li><a href="#"><img src="img/
Vimで現在行から動かずに現在bufferの全内容をyank (copy) する - c4se記：さっちゃんですよ☆
Vimでbufferの内容を全てyankする時には、 Yank to unnamed register. ggVGy Yank to clipbord. ggVG"+y とやっていたが、これは困る。ggで、cursorが先頭行へ移動してしまう。 普通のtext editorで、Ctrl+a Ctrl+cとやるような事をやりたい訳である。此れには:y commandを使う。bufferの全てをrangeとして指定するので、:%yと成る。 Yank to unnamed register. :%y<Enter> Yank to clipbord. :%y+<Enter> Yank to named register "a". :%y a<Enter> :help :yを読む事。 cf. [Copy an Entire Buffer to the Clipboard - Vim Tips Wik
jQuery Photoset Grid - Style Hatch
A simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature. Originally the plugin was created for our Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but we have since expanded it for use outside of the themes. Demos & Usage Basic Photoset Grid Simply call photosetGrid(); on a div with the data-layout specified and a number
Perl における一般的なコーディング規約について - tokuhirom's blog
http://perldoc.perl.org/perlstyle.htmlhttp://perldoc.jp/docs/perl/5.8.0/perlstyle.podperlstyle.pod にのっているものが公式のスタイルガイドです(Larry 風)。 Larry has his reasons for each of these things, but he doesn't claim that everyone else's mind works the same as his does. このへんが Perl らしさ、というかそういうかんじですね。 Perl Best Practice にのっている Damian style もありますが、これはだいぶ癖がつよいです。 日本では「miyagawa さんのスタイルにあわせておけば DIS られる心配はない」方式のコーディングスタ
livedoorニュースから学ぶウェブメディア運営者のためのサイトマップ作成の基本術 : LINE Corporation ディレクターブログ
こんにちは。ウェブサービス本部でニュース周りを担当している須田です。 私が担当するlivedoorニュースでサイトマップ（sitemap）の改善に取り組んでみたところ、以下のように多くの検索ワードに対して良い結果が得られました。 ※今回のエントリーでのサイトマップは読者のためのサイトの目次となるサイトマップではなく、検索エンジン向けのサイトマップについて扱っています。 livedoorニュースでは元々この辺りにはあまり力を入れていなかったこともあり、全てのサイトで上の図にあるような数値の上昇は期待できないかもしれませんが、見落としがちなサイトマップの改良点をまとめましたのでぜひご参考にしてください。 サイトマップインデックスを作ろう なぜサイトマップインデックス作るのか サイトマップはご存知の通り、50,000URL、かつ10MBまでという制限があります。しかし、livedoorニュースの
mixiのサーバOS移行のお話 - ビルド&Kernel編 - mixi engineer blog
こんにちは。年末と年度末になるとブログを書きたくなる運用部アプリ運用グループの清水です。 気づけば前回の記事から3ヶ月が経過してしまいました… 今回は、ビルド&Kernel編と題して、Fedora 17向けにおこなったパッケージのビルドや、KernelのConfig、TCP周りの変更点について紹介したいと思います。 パッケージのビルド OSが大幅にバージョンアップすると、依存しているライブラリに大きな変更が入ったり、RPMの仕様変更もあるため、Fedora 8時代のパッケージのリビルドなど、多くのRPMパッケージを作りなおさなければなりません。 mixiでは、Fedora標準パッケージとは別に150個以上のパッケージを、 configureなどビルドオプションを変える Fedoraで提供されないパッケージを作る ディストリビューションに依存しない構成のパッケージを作る(あとで紹介するPer
NPOが収入を得るための10個のファンディングモデル - Trans
Ten Nonprofit Funding Models | Stanford Social Innovation Reviewをざっと訳したので共有。アメリカと日本では、寄付市場も行政機構もかなり異なるので、あくまで参考程度。 では、スタート。 NPOは、会社と異なり、受益者と収入源が一致しない。そのため、ビジネスモデルではなく、ファンディグモデルと名付ける。ファンディングモデルは、ファンディングのみを扱い、受益者に対するプログラムやサービスを扱わない。 1.HEARTFELT CONNECTOR あらゆる収入階層の人たちが、共通して関心のある課題を取り上げて、以前には存在していなかった場所でその人たち同士をくっつける。環境や国際、医療などが代表的。Komen FoundatinoのSusan G. Komen Race for the Cureというイベントなど。120ものランニングイ
github:shop
Whoever said love is a battlefield clearly never coded in the trenches of open source. Out there, you need all the tools you can get. That’s why we’ve crafted this contribution graph shirt to highest, battle-tested specifications. With this shirt’s soft fabric, attractive color, and bullet proof coating (not included in the consumer model), survival and collaboration have never been easier. Before
Arctocat Shirt – GitHub
IMPORTANT! If you’re a store owner, please make sure you have Customer accounts enabled in your Store Admin, as you have customer based locks set up with EasyLockdown app. Enable Customer Accounts We've crafted a shirt for the gifted engineers of the world. The overachievers with a flair for defiance. You know, the type of individual that can forge a mechanical suit from a few pieces of scrap meta
github:shop
Powered by the fine folks at Shopify You should try them out, no really.
[JS]jQueryのプラグインを利用する時に、アイデアを加えてかっこいいエフェクトを実装する -jQuery Visible
Slide in box -YouTube 実装 使用するプラグイン「jQuery Visible」は、非常にシンプルです。 (function($){ /** * Copyright 2012, Digital Fusion * Licensed under the MIT license. * http://teamdf.com/jquery-plugins/license/ * * @author Sam Sehnert * @desc A small plugin that checks whether elements are within * the user visible viewport of a web browser. * only accounts for vertical position, not horizontal. */ $.fn.visible = fu
Postfixで未配信メールの確認 – OpenGroove
メールが停滞している、なんか様子が変、って時はMTAに関らず/var/log/maillogの確認。（追記：Postfixだったら # postqueue -p の方が話が早いかも） その中でbonce、deferredなどのステータスに注目。これらは配送されていないメールのステータスとなる。 status=sent 配送OK status=bounce 配送NG status=deferred 一時的に配送できなかったがリトライ deferredステータスのメールはキューの保持期間において配送をリトライし続けるが、内部に配送不可能な原因がある場合は当然何度やっても送信されない。 /var/spool/postfix/deferred/ディレクトリ配下を見てみると、数字やアルファベット大文字一文字のディレクトリがある。この名ディレクトリ内にdeferredメールが格納されている。（キューI
Jquery Alpha Image by Ilker Guller
This plugin can change selected colours to transparent on your image and give result as image or imagedata. This plugin works on IE9+, Chrome, Firefox, Safari. download .ZIPdownload .TGZ Jquery Alpha Image Plugin version 1.0.0 - 03.03.2013 This plugin can change selected colours to transparent on your image and give result as image or imagedata. This plugin works on IE9+, Chrome, Firefox, Safari.
CentOS 6.xにCheckInstallをインストール、RPMを生成する際のコツ - 理想未来ってなんやねん
CentOS 6.xにCheckInstallをインストールした時のメモ。 CheckInstall自身のRPMを作る方法も含めて、少しコツがあったのでメモとして残しておきます。 タイトルはCentOS 6.xと記載していますが、CentOS 5.xにも通用します。 CheckInstallとは その前にCheckInstallとは何なのかについて。 CheckInstall は、.spec ファイルが無くても tarball から RPM を生成してくれるというツール。 .spec はCheckInstallが自動作成しインストールしてくれます。 RPMの他、Slackware,Debian用パッケージも生成できます。 インストール gitでソースを取得する まずソースをgitで取得します。 CheckInstallのソースは『CheckInstall download page』からも
さくらのVPS を改めて使いはじめる 8 - checkinstall - アカベコマイリ
さくらのVPS(v3) 2GB プランへの環境構築メモ 8。今回は checkinstall について書く。 checkinstall とは？ CheckInstall はソフトウェアのソースから RPM パッケージなどを生成できる非常に便利なツール。 RPM パッケージはプログラムの配布形式でソフトウェア本体や構成情報、セットアップ用スクリプトなどが格納されている。いわばインストーラのようなものである。 よく Linux 関連のソフトウェアでソースから make → make install するものがあるけれど、この方法でインストールした場合は管理が非常に面倒である。例えば Makefile に uninstall が定義されていないときれいに削除するのが難しい。また新バージョンを make install で上書きしたら旧バージョンの余計なファイルが残っていて不具合が...ということ
checkinstall でインストール
自分では spec が書けなくて…。そういう人にお薦め、Checkinstall。 tar ball だけが配布されているパッケージの場合、もちろんそのままインストールしても良いのですが、せっかくの rpm パッケージ管理システムがあるのだから、できれば rpm パッケージでインストールしたい。 ちょっと試して期待外れだったり、不要になったら -e でアンインストールも簡単にできるし、バージョン管理も確実になる。spec さえ自分で書ければ世話は無いのですが、そもそもそこまでのスキルは無いという私にとってあまりにありがたいアプリケーション。 rpm 専用ではありません。パッケージ作成の際に Slackware の tgz 形式や deb 形式も選べます。 この文書では 2010 年 3 月最新のパッケージ checkinstall-1.6.2.tar.gz について解説します。checki
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Search for the selected text
Cheat Sheet
5 Common Usability Mistakes and Solutions For Avoiding Them
Swipeshow: the unassuming touch-enabled slideshow JavaScript library
Formula.js
PhalangerをMono使ってMacで動かしてみただけ | kanonjiのブログ
How to Hide Apps on the iPhone & iPad
tar/zipコマンドで解凍・圧縮一覧まとめ（gz、zip、tar.xzなど）