ゼロから学ぶ！ Single Page Applicationの特徴と主なフレームワーク5選
本連載「モダンなフロントエンド開発者になるためのSPA超入門」では、フロントエンド開発のアーキテクチャである「SPA（Single Page Application）」について、開発に必要となる各種フレームワークの特徴や、サンプルアプリ開発を通じたSPA開発の流れ、フレームワークによる作り方の違いなどを紹介します。 サンプルアプリ開発では、SPA開発において人気がある「React」「Angular2」の使用を予定しています。第1回目である今回は、SPAの特徴と取り巻く環境、フレームワークを紹介します。 SPAとは SPAはAdobe FlashやMicrosoft SilverlightといったリッチなUIを提供できるRIA（Rich Internet Application）に代わるフロントエンド開発の技術として、ブラウザの進化やHTML5の登場などによって誕生したアーキテクチャです。H
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外
はてブスパムの見つけ方 | SHIROMAG
最近ブクマカがスパマーに釣られまくっているので、一応書いときます。 この記事は全部スパム。めんどくさいので直リンク貼ります。 特徴 全てWordPressのテーマ「Simplicity」を使っている。 サムネイルの作り方が一緒。てか、著作権侵害してるよね。 炎上を狙った記事。 上記の記事では初期ブックマークしてるアカウントの多くが同じ行動を取っています。 他の記事にはコメントなしの「あとで読む」なのに、上記の記事だけにコメントしているアカウントが多数。 しかも、たちの悪いことに共謀者はネガコメを書きこんでいるのです。だから一般ユーザーと見分けがつかない。しかし、これらの記事にだけコメントをしているアカウントが多いのはあまりにも不自然。 そして、初期ブックマークしてる人は見なれないアカウントばかり。 他の記事をたくさんブクマして一般ユーザーを装っていますが、バレバレですよ。 これが噂のクラウ
Jettyインストール / ファイルとフォルダの配置 / JSP起動 – ガリレオ開発グループ ブログ（β）
Tomcatなどのサーブレットコンテナに慣れていない開発者向けのページとして、本記事を執筆しました。ここではインストール方法だけでなく、自作プログラムを動かす所まで説明します。JSPについても、普通に動くだろうと思っていると、意外な罠にはまってエラーになることがありますから、説明をしておきます。 http://docs.codehaus.org/display/JETTY/Downloading+Jetty 上記のページでCodeHausDownloadsをクリックすると、ダウンロードできるファイルの一覧が表示されます。必要なzipファイルをダウンロードして、展開すればインストール完了です。バージョン6,7,8で作業手順は変わりません。ここでは、http://dist.codehaus.org/jetty/jetty-6.1.26/jetty-6.1.26.zip をダウンロードしました。
Rest ful api設計入門
2. 自己紹介 Speaker : { name ： 薬師寺 信勝 company ： 株式会社モンスター・ラボ , department : 音楽事業部 , }
OWASP ZAP多段プロキシ構成について（前編 / ZAP+Fiddlerテクニック編）
WEB系の情報セキュリティ関連の学習メモです。メモなので他情報のポインタだけ、とかの卑怯な記事もあります。 ※2020.9 注記:本ブログの解説記事は内容が古くなっております。OWASP ZAPなどのソフトウェアの解説は現行バージョンの仕様から乖離している可能性があります。 OWASP ZAPは、単体で使うよりもFiddlerやBurp Suiteなどの他のローカルプロキシと組み合わせて多段プロキシの形にして利用するほうが便利です。 ■なぜZAP+他プロキシの形にするか OWASP ZAPはいろいろ便利な機能がある反面、ログ機能に関していまいちな挙動をいくつか持っています。 OWASP ZAPのログ機能のいまいちさの例（ZAP 2.5.0での現象）： ・「動的スキャン」のログと「履歴」のログが別で、診断対象サイトにアクセスしたり動的スキャンした後に、いったんセッションファイルを保存してZA
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
スクショ添えられただけのツイートはもしかしたら改変されてるモノかもしれないよというお話
話題になるツイートをスクショで並べて一言添えて…というツイートがバズってRTで回ってくるというのはそう珍しくないカンジになっているかと思いますが、実はそのツイート改変されてるかもしれないよというのをGIF画像で示しております。 今後とも元を確認する事を怠らない様にしたいモノですね。
RESTful API の設計のキホン
2016/10/12 社内勉強会で使ったスライドを社外向けに一部加筆訂正したもの
2016年8月末より発生している国内サイト・サービスの接続障害についてまとめてみた - piyolog
2016年8月22日頃から、日本の複数サイトで接続し難い、あるいは出来ないといった事象が確認されています。ここでは関連情報をまとめます。 サーバー(Webサイト)への接続等で障害発生しているサービス、サイト 各サイトのTwitter等での発表をまとめると次の通り。 障害発生元 発生原因(運営元発表抜粋) さくらインターネット DoS攻撃、あるいは攻撃と思われる 技術評論社 サーバへのDoS攻撃が検知されたことを受け，サービスが提供できない状態 スラド DDoS攻撃の影響 はてな さくらインターネットDNSサーバー障害に起因 したらば掲示板 ネットワーク障害 ふたば★ちゃんねる サーバ会社よりDoS攻撃との報告 小説家になろう 上位回線の管理会社よりDos攻撃を受けているとの連絡 OSDN DDoS 攻撃の影響 Feeder 全サーバがDDoS攻撃を受けており、サービスをご提供できない状態
HTTPSにまつわる怪しい伝説を検証する - Google I/O 2016のセッションから - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今年はGoogle I/Oに初めて社員ではない立場で参加しました。全体の感想は Google I/O 2016まとめ（Web的視点） で公開していますが、今回はその中で、気に入ったセッションの1つである"Mythbusting HTTPS: Squashing security’s urban legends"について書いてみたいと思います。 セッションは大変良くまとまっていますので、YouTubeにあがっている動画を見れる人は動画を見て貰えれば良いのですが、時間が無いという人のために、その内容をまとめました。基本的には文字起こしに近い
追記（19日）東洋経済オンラインの的外れ記事 / 高木浩光＠自宅の日記 - 治外法権のeLTAX、マルウェア幇助を繰り返す無能業者は責任追及されて廃業に追い込まれよ
■ 治外法権のeLTAX、マルウェア幇助を繰り返す無能業者は責任追及されて廃業に追い込まれよ ここ数年、不正送金の被害がインターネットバンキングの法人口座で急増しているという*1。その原因は今更言うまでもなく、Java実行環境（JRE）やAdobe製品の古いバージョンの脆弱性を突いてくるマルウェアである。しかしそれにしても、法人口座を扱うパソコンがなぜ、Java実行環境やAdobe製品をインストールしているのだろうか。インストールしなければ被害も起きないのに……。 その謎を解く鍵が、eLTAX（地方税ポータルシステム）にあるようだ。eLTAXでは、インターネットバンキングの口座を用いた納税ができることから、インターネットバンキング用のパソコンでeLTAXの利用環境も整えるということが普通になっていると思われる。そのeLTAXが、昨日までは、Java実行環境のインストールを強要していた。eL
オフラインWebアプリケーションへの道 Indexed databaseをSQL風に書けるlovefieldを使ってみる - Qiita
JavaScript Advent Calendar 2015 4日目の記事です。フロントエンド人ではないですがフロントエンドが好きなので参加させていただきます。 グダグダと前置きが長いのでlovefieldにのみ興味がある人は最初の方を飛ばして「Indexed databaseをSQL風に書けるlovefieldを使ってみる」を見てください。 #背景 iPhoneやAndroid端末が普及している現代ではWebページのスマートフォン対応が盛んに行われております。スマートフォン対応のWebページを作成するときはスマートフォンだからこそ意識しなければならない問題点がいくつかあると思います。そのうちの一つとして、スマートフォンは移動しながら使用するためPCと比べてネットワークが不安定です。そのためWebページが表示されないなどの問題が発生します。トンネルなどを通過する際によく発生する問題かと思
Webページを監視して表示崩れが起きていないか検出できるE2Eテストを実装しました | Recruit Tech Blog
お世話になります、フロントエンド担当をしている小原正大です。Webページの表示を監視して差異があった場合、どのページで表示の変化が起きているかを知ることが出来るプログラムを実装したのでそのことについて書こうと思います。 何につかったの？ 僕がフロントエンドを担当しているサービス『料理サプリ』で大規模なフロントエンドコードのリファクタリング行う際に表示テストを自動化するために作成しました。『料理サプリ』はPC・スマホ合わせて大体350-400ページの表示パターンが存在する比較的規模の大きいサイトです。全ページに影響を与えるような作業は大規模な回収となり、今回のリファクタリングでは表示テストの計画などの段取りが必要でした。従来の人手によるQAでは細かいバグを見過ごしたり時間がかかり効率が悪いので、可能な限り自動化しようと考え実装しました。 実装の概要 この監視のシステムは以下の２つ実装を組合わ
Bootstrap Studio - The Revolutionary Web Design Tool
The Ultimate Design Tool Bootstrap Studio comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. The app is built on top of the hugely popular Bootstrap framework, and exports clean and semantic HTML. Watch Video Thousands of Happy Users Bootstrap Studio is used and loved by thousands of designers, developers and students from across the wor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pingendo
DeNA「サイト炎上」MERY、iemoの原罪とカラクリ(山本一郎) - 個人 - Yahoo!ニュース
イマドキのコーダー環境構築2016
Open Color
Hiromitsu Takagi on Twitter: "歴史的経緯はこんな感じですかね。 1994年〜 Webが普及。Proxyサーバが考案される。公衆Proxyによるコンテンツ変換サービスが現れる。 1999年〜 HTTP 1.1で「Cache-Control: no-transform」が策定され、コンテンツ側で変換拒否可能に。"
