Webサービスにおけるログイン機能の仕様とセキュリティ観点 - Flatt Security Blog
はじめに こんにちは。株式会社Flatt Securityセキュリティエンジニアの村上 @0x003f です。 本稿では、Webアプリケーション上で実装される「ログイン機能」の実装パターンをいくつか示し、その「仕様の中で起きうる脆弱性」とその対策について解説していきます。 「ログイン機能」はToB、ToC問わず多くのWebアプリケーションで実装されている機能で、XSSやSQL Injection、Session Fixationといったような典型的な脆弱性の観点については、なんらかの解説を見たことのある方も多いと思います。 しかし、「仕様の脆弱性」というのはあまり多く語られていない印象です。今回はそのようなタイプの脆弱性についての解説を行います。なお、IDaaSを用いずに自前でログイン機能を実装しているケースを複数パターン想定しています。 はじめに ログイン機能の仕様パターンとセキュリティ
Apple Watchで「プリンス・オブ・ペルシャ」Web版がプレイ可能と話題 - iPhone Mania
1989年にリリースされたゲーム「プリンス・オブ・ペルシャ（Prince of Persia）」のWeb版が公開され、Apple Watchでもプレイできると話題になっています。プレイするにはゲームのURLをクリックするだけです。 1989年リリース、iOSアプリも出た名作ゲーム 「プリンス・オブ・ペルシャ」は、1989年にApple II向けにリリースされた後、PC/AT互換機、PCエンジン、ゲームボーイ、スーパーファミコン、メガドライブなどに移植され、2010年と2011年にはiOS版アプリ（現在は非公開）もリリースされたほか、Wiiやニンテンドー3DSでもプレイ可能になった、世界で長く楽しまれているゲームタイトルです。 2021年末に、JavaScriptで動作するWebバージョンが公開されました。 Apple Watchは、watchOS5から、Webページを表示可能になったため、
シンプルなカラーで作る失敗知らずのウェブデザイン
ウェブデザインにおいて、サイトイメージに大きな影響を与える「カラーパターン」は重要です。ついつい色にこだわって色数を増やして全体のバランスを崩してしまいがちなカラーデザインを、極力少ない色だけで、バランスの整った見た目に美しい仕上がりにする方法論がウェブデザイナーによって解説されています。 A Simple Web Developer's Guide To Color – Smashing Magazine https://www.smashingmagazine.com/2016/04/web-developer-guide-color/ Design Academyを主催するウェブデザイナーのローラ・エリザベスさんは、シンプルなカラーデザインで失敗しないデザイン論「simple color workflow」を提唱しています。エリザベスさんは多くの色を複雑に使いこなすよりも、サイトのカ
インターネットの歴史 - Yahoo! JAPAN
本サイトは2021年4月時点の情報です。正式表記ではない名称も含まれております。あらかじめご了承ください。
アイコンからUI・モックアップまで デザイン性の高いフリー素材集「Freebies & Goodies For Web Designers」
どんどんと新しい素材が配布され続けており、常にチェックされている方も多いのではないでしょうか？そんな中今回紹介するのは、デザイン性の高いフリー素材集「Freebies & Goodies For Web Designers」です。 Free Perspective Website Mockup | ZippyPixels アイコンからUI・モックアップまで、いろいろなタイプの素材がまとめられています。気に入ったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Amenities – 50 misc PSD icons – Freebiesbug シンプルなアイコンセット。塗りタイプとラインライプの2種が展開されています。使いやすいデザインが特徴です。 Renegade: Vintage Photo Filter Actions – ByPeople ヴィンテージ調の写真
2015年Webサーバアーキテクチャ序論 - ゆううきブログ
2023年03月31日追記：この記事を基に、@sadnessOjisanさんより、コードレベルにより踏み込んだ、かつ、グリーンスレッドベースの新しいWebサーバアーキテクチャも含めて整理された記事 Webサーバーアーキテクチャ進化論2023 | blog.ojisan.io が公開されました。 主に新卒のWebエンジニア向けに、古典的なWebサーバアーキテクチャを学ぶ道のりと代表的な実装モデルの概要を紹介します。 この辺りの話題がWeb界隈で流行っていたのは数年以上前というイメージですが、Webサービスは相変わらずWebサーバの上で動いているので、流行り廃り関係なく学ぶべき内容だと思っています。 また、HTTP/2がいよいよRFC化し、既にh2oやtrusterdなどのHTTP/2のサーバ実装があり、今後Webサーバアーキテクチャを再訪することが増えるような気がしています。 ところが、We
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
Rails 3 + mongoDB + haml + RSpec + jQuery のインストール - 1 - Masatomo Nakano Blog
(2010-08-30: Rails 3.0.0がリリースされたのでそれにあわせて更新。generator関連が少し変わってる) 会社用の、小物Webアプリを作ろうかと思い、せっかくなのでRuby on Rails 3でmongoDB使ってみようかな、と思い、とりあえず環境を作るところまでのメモ。 Rails 3 のインストール とりあえず Rails 3 のインストール。Bundlerで入れる。Bundler自体のバージョンが1.0以上でないとダメみたいなんで、もしそれ未満しか入っていない場合にはBundlerのインストールからする。 プロジェクトのトップディレクトリとなるところを作成し、そこにGemfileを作る。 $ mkdir ~/workspace/hoge_prj $ cd ~/workspace/hoge_prj Gemfile source 'http://rubygems
プログラミング言語Dart入門 - とくにあぶなくないRiSKのブログ
編集中。 2011/10/16 ファクトリーコンストラクタ (Factory constructors) を追記 コメント 単一行コメント (single-line comment) // コメント 複数行コメント (multi-line comment) /* コメント コメント コメント */ ドキュメント用コメント (documentation comments) /** ドキュメント用コメント コメント コメント */ main スクリプトはトップレベル関数のmainから。 int main() { // プログラム // : } 出力 print()を使う int main() { print('Hello, world!'); } /* Hello, world! */ リテラル (literal) nullリテラル (nullLiteral) null 真偽値リテラル (bo
あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
配色で悩むすべての絵描きさんへ 役立つサイト・講座まとめ ｜ お絵かき速報！萌え絵上達法
配色に関する、おすすめのサイト・講座を集めました。 今までよりも色塗りがぐっと楽しくなりますよ！ 【配色関連サイト】 日本の伝統色 和色大辞典 落ち着いた和のカラーパレット 世界の伝統色 洋色大辞典 鮮やかな洋のカラーパレット kuler 配色パターン集。美しい組み合わせが盛沢山 [ws] Color Scheme Designer 一つ色を指定すると、それに合わせて相性のいい色を選んでくれる COLOR SCHEMER こちらも選択した色に合う色を表示してくれるジェネレータ pictaculous 画像から色を抽出してくれるサイト。好きなイラストの色を調べたいときに Web Site Color Picker Webサイトで使われている"色"を抽出、分析してくれる ColorSelector 画面上に表示されている色をスポイトで調べることが出来るフリーソフト 背景色と文字色を入力すると、
メモ「ポーの法則」
Tweets by @kumicit ■東芝がウェスチングハウスをコントロールできないことが勝利の決め手だった？(04/09) ■人生に意味を与えるUFO(03/14) ■UFO統計(03/14) ■2011年9月20日(01/30) ■180年くらい歴史がありそうな都市伝説「ブアメードの血」(08/06) ■143年の歴史を誇る都市伝説「ブアメードの血」Update 2016/08/05(08/05) ■メモ「人種偏見と発砲判断」(07/24) ■ハーブレメディは見過ごされている世界的健康被害(05/30) ■メモ「メスメリズムで死人が蘇生すると書いてたHahnemann」(05/08) ■メモ「ホメオパシーとデュナミスの関連調査中...」(05/05) ■メモ「危機的状況化での非難の政治力学」(04/24) ■メモ「災害後の人々の行動」(04/21) ■東芝がウェスチングハウスをコント
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
LL Tigerにスピーカーとして参加いたしました - 達人出版会日記
7月31日に開催された「LL Tiger」というカンファレンスのセッション『LLと電子書籍』にて、弊社代表の高橋がスピーカーとして参加いたしました。 『LL Tiger』は2003年から毎年開催されているLightweight Language(LL)のイベントの2010年版で、狭義のLLファンのみならず、広くプログラミングに興味を持つ方々が参加されます。『LLと電子書籍』セッションは、読み手としても技術的にも興味を持つ人が少なくないであろう電子書籍について、LLを題材とした（紙の）書籍や雑誌に関わってきた方々が、電子書籍について語り合う、という形でした。 イベント用に作成した資料を一部加工したものをslideshareにアップしてあります。 電子書籍のフォーマットとビジネスモデル(LL Tiger発表資料より)View more presentations from masayoshi
Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する
2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！ オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S
初心者Webアプリケーション開発者がチェックすべき情報源 - ハニーポッターの部屋
初心者Webアプリケーション開発者がチェックすべき情報源を集めてみた。他に追加した方が良い情報源があった場合はご指摘いただけると助かります。 @ikepyonさんのご指摘により「LASDEC ウェブ健康診断」を追記した。 はてなブックマークの関連リンクによさそうな情報源があったので追記しました。それから、カテゴリを作りました。 ■Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html 安全なウェブサイトの作り方(全92ページ、2.09MB） セキュリティ実装 チェックリスト（Excel形式、33KB） 安全なSQLの呼び出し方（全40ページ、714KB） ■Webアプリケーション開発 セキュア・プログラミング講座 http://www.ipa.go.jp/security/awareness/ve
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-817.html
mbedを始めましょう！("Let's get started!" in Japanese) | Mbed
kizakiko.biz