Spring Bootでチャットツールを作りながらWebの仕組みを理解しよう！
Spring Bootでチャットツールを作りながらWebの仕組みを理解しよう！1. Spring Bootで チャットツールを作りながら Webの仕組みを理解しよう！ Java女子部 presents 2016.5.21 #jjug_ccc #ccc_m3 2. 本日のメンバー #jjug_ccc #ccc_m3 3. ■ちか Java歴7年くらい。 金融系のSIer ■ゆう 最近Javaを始めたばかりの 初心者。 エンジニア歴は２年ちょい。 講師講師 #jjug_ccc #ccc_m3 4. ■えりこ WebアプリケーションSE エンジニア8年生。 ■あや ラーメン二郎が好きな エンジニア２年生。 チューター #jjug_ccc #ccc_m3 5. ■とぅん Java暦半年ぐらいのエンジニ ア4年生。品質管理とか やってます。 ■よこな JJUG司会兼チューター。 エンジニア４年生。
W3Cのは『欠陥フォーク』！？ HTMLスナップショット2016 ── HTML5 Conference 2016セッションレポート
XMLこそがウェブの未来であるという見方が支配的だったために、2004年のOperaとMozillaの共同提案は却下され、W3CでHTMLを改良する道が閉ざされました。そこでブラウザーベンダーが集まってW3Cとは別の組織でHTMLやHTMLに関連する仕様の改良を行う、というのがWHATWGのはじまりです。 以来今日に至るまでずっと、WHATWGはHTMLの開発を（ある期間はW3Cと共同で、ある時期からはW3Cとは別に）し続けています。「WHATWG HTMLこそが実装者とウェブ開発者によって参照されるべき最新の仕様であり、欠陥フォーク（W3C HTMLのこと）は答えではない」というのはWHATWG HTMLのエディターであるAnne van Kesterenの言葉の通り、WHATWG HTMLを第一に参照すべきでしょう。 HTML5勧告以降のW3Cの動向 さて、W3Cに話を戻します。HTM
「Microsoft Edge」からパスワードを盗む攻撃手法が判明、対策はほぼなし？
関連キーワード Windows 10 | Microsoft（マイクロソフト） | JavaScript | セキュリティリスク | 脆弱性 研究者が明らかにしたRow Hammer悪用攻撃とは あるセキュリティ研究者が、メモリ重複排除と、「Row Hammer」（メモリセル間の干渉が引き起こすエラー）のエクスプロイト（攻撃コード）を組み合わせた攻撃の概念実証を発表した。JavaScriptを使ったこの攻撃では、攻撃者が「Windows 10」で稼働するWebブラウザ「Microsoft Edge」に対する読み取り／書き込みアクセス権限を入手できる。企業にとってこの脅威は重大なのか。この脅威に対策はあるのか。 併せて読みたいお薦め記事 「Microsoft Edge」はIEよりも安全なのか さようならIE、「Microsoft Edge」が挑むWebブラウザセキュリティの極北 “危険なIE
【お知らせ】不正アクセスによるお客様契約情報流出に関するお詫びとご報告 | 新着情報｜ レンタルサーバーのカゴヤ・ジャパン
弊社システムへの不正アクセスに関するFAQ お客様各位 カゴヤ・ジャパン株式会社 代表取締役 北川貞大 不正アクセスによるお客様契約情報流出に関するお詫びとご報告 このたび、弊社がお客様に提供しております契約情報データベースサーバーに対し第三者による 不正アクセスがあったことが発覚し、不正アクセスの全容解明ならびに被害状況の調査を進めてま いりました。 調査の結果、サーバーに保管していたお客様のクレジットカード情報を含む個人情報が不正アクセ スにより外部に流出した可能性があることが判明いたしました（以下、「本件」といいます）。 本件の詳細につきましては、下記のとおりご報告いたしますとともに、 お客様ならびにご関係者の 皆様に、多大なるご不安とご迷惑をお掛けいたしますこと、ここに深くお詫び申し上げます。 記 1.事案概要 (1)流出の対象期間：2015年4月1日～2016年9月21日 ※脆弱
JavaScript 祭で発表してきました - 若くない何かの悩み
秋のJavaScript祭 in mixi で、「バグの見つけ方」について発表してきました。 speakerdeck.com 過去二つのスライドをくっつけたものなので、既視感があるかもしれませんが気のせいです。 さて、前の発表を終えてから、いくつか直したかった点があったので、その点だけ修正してあります。 例えば、「ステップ実行」→「手動動作確認」のあたりですね。 ステップ実行でバグを見つけるというより、見て触っておかしいと気づいて、ステップ実行へ突入するはずですから、「手動動作確認」の方がふさわしいと思ったためです。 あと、次の2つの感想が特に嬉しかったです。ありがとうございました。 スライドめっちゃすてきだしリントやテストの大事さがすごくわかりやすい… #jsfes— nao (@naoi109) October 15, 2016 これまでの人生で一番簡潔に型検査やリントやテストの重要性
Private Presentation
Private content!This content has been marked as private by the uploader.
春からはじめるモダンJavaScript / ES2015 - Qiita
春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史 まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。 簡単に(雑な)歴史を紹介します。 ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ
無料のドメインを取得する - Qiita
最近はドメインも安く取得できるようになりましたので、需要はあまり多くはないかも知れませんが、「無料」で気軽に取得できるという点で、コストコンシャスな方々に一定の需要があると信じて投稿します。 症状と効能 オリジナルドメインで手軽にブログを始めたい（タダで） ネームサーバのテスト用のドメインを一時的に取得したい（タダで） フリーランスの名刺にオリジナルドメインのＵＲＬとメアドを刷り込みたい せっかくAWSが無料試用期間なのにドメイン取得費用を払うのはイヤ とにかくドメイン取得に一銭も払いたくない、という方向けに寄稿します。 無料で取得できるドメイン Freenomからは5種類のドメイン(.tk/.ml/.ga/.cf/.gq)が無料で取得できます。どれを使うかはお好みで。今回は.tkで取得を進めます。 .tkドメインの注意事項 90日間で25アクセス以下の場合は、登録が削除されます。3ヶ月の
はてなブックマークとツイッターを連携させるのは本当におすすめという話 - 夜中に前へ
ツイッターの使い方を未だによく理解できていない、夜中たわしです。 昨日の夜、ツイッターにてこのようなダイレクトメッセージが届きました。 頭おかしい？ 何を言ってるんだ失敬な。 どうも私がおかしなツイートをしたというのです。 そんなはずはありません。私は真っ当な発言を常に心がけているのです…。 万が一にも「頭おかしい」と呼ばれるようなことはないはず。 そう思って確認すると、これですよ。 何このアイス。めちゃめちゃ美味しそうなんですけど！ / 他3コメント https://t.co/cIX3grZzwI “ローソン行ったらこれを買え！隊長のマジ美味いオススメがこれだ！ - たい焼き親子は空飛ぶ夢をみる” https://t.co/CzkJZ8EAI0— 夜中たわし (@tawwwashix) 2016年9月28日 やだ、ホルモン鍋をアイスの一種だと思ってる人みたいになってる…！ 恥ずかしい！
世界最大級のDDoS攻撃サービスを提供していたイスラエル人2人、逮捕される | スラド セキュリティ
9月8日、分散型サービス拒否（DDoS）攻撃などを提供していた「VDOs」の経営者2人がイスラエル当局によって逮捕された。逮捕されたのはイスラエル人のItay HuriとYarden Bidani（ともに18歳）。現在は当局によってパスポートを取り上げられ、自宅軟禁状態にあるという（KrebsOnSecurityの記事、Inquirer、Slashdot）。 これら記事によると、過去4年間に発生したDDoS攻撃のほとんどがVDOsによって仕組まれていたものだという。2人はDDoSサービスの提供によって過去2年間で60万ドルもの収益を得ていたと見られている（KrebsOnSecurityの別記事）。今回の逮捕によってVDOsの顧客数万人の情報が明らかになる可能性があるが、定期的に顧客情報は消されていたという話もあるようだ。 VDOsの足取りは長年つかめていなかったが、2016年7月末にKre
2016年9月現在だとReactアプリのTypeScript採用は時期尚早（※追記あり） - Islands in the byte stream
追記(2019/04/16): 2017年半ばにここで触れているプロジェクトはTSに移行しました。今となってはTS+Reactの組み合わせは全く問題がなく、むしろ非常に相性のよい組み合わせであるとすらいえます。 TypeScript化の調査 2016年9月現在（React v15.3.1, TypeScript 2.0-rc）の話です。 いま開発しているウェブアプリのフロントエンドをTypeScript化しようと思ってちょっと調べてみたんですが、今やるのはいくらTypeScript推進派でもちょっと厳しいなと。 TypeScriptでimportできるライブラリは、TypeScriptのコード（.ts）またはdts: TypeScript definition files （.d.ts） のみ Reactは素のJS + 一部FlowType なのでdtsの公式提供は期待できない Defin
ReactでもDOMの木構造はつらいよ問題 - しゅみは人間の分析です
nippo.wikihub.io r7kamura Commented on 2016-09-01 何も考えずにReact, Redux使うような気はするのだけど、Reduxを使わない場合は各位どうやってState管理してるんでしょうか？ 親コンポーネントがstateとメンバ関数を持っており、子コンポーネントはpropsかcontext経由でその値を参照しながら描画とイベントバインディングを行っています。 日報で疑問を書いたら、id:r7kamuraさんが答えてくれた。 immutable.Recordに状態とロジック押し込んでそいつをContainer Componentのthis.stateに入れておく設計とか。 — 下京区 (@non_117) 2016年9月1日 facebookが想定してるのはこの用途かな。 DOMサブツリー間で状態の共有が発生するか、設計段階で予見するの難しそう
JavaScript の難しさとは何か - mizchi's blog
JSの学習コスト高いかという問題、言語のコア自体はシンプルだが細かい == とかのハマりどころが多いのと、言語機能自体がシンプルすぎてエコシステムを理解してモジュールを扱うところに辿り着くのが大変、という問題に分類できる— 現場の声 (@mizchi) 2016年8月15日 jQueryの学習コストは、DOMはツリーなんだよという概念の獲得と DOM API の抽象サブセットを覚えるというだけで、2016年現在は jQueryによるUI設計論(ここが高まるとBackboneとかその辺)みたいなものに手を出す必要がないなら、そんなでもないんだろうな— 現場の声 (@mizchi) 2016年8月15日 Reactが難しいと言われる場合、仮想DOMという概念がやや難しい、というか非常にCS的なアルゴリズムとデータ構造が背景にあって、その上で単純なトップレベルAPIとアルゴリズムを理解してないと
Google Chromeの「Flash排除」の動きがさらに前進
by Tsahi Levent-Levi 音楽や動画などのリッチコンテンツを表示できるAdobe Flash PlayerにはPCを乗っ取られる凶悪な脆弱性があると判明したこともあり、FirefoxがFlashを段階的に排除すると発表、Safari 10でも最初からAdobe Flashが無効化されることがわかっています。そして、Google Chromeも「Flash排除」の動きを前進させ、2016年12月にリリースされる予定のChrome 55からはHTML 5をデフォルトにすることが判明しました。 Google Chrome Blog: Flash and Chrome http://chrome.googleblog.com/2016/08/flash-and-chrome.html 2015年6月にAdobe Flash PlayerにはPCを乗っ取られる凶悪な脆弱性があると判明
Bootstrap対応ですぐに使える、すごい無料HTMLテンプレート素材まとめ 2016年8月度
サイトの特設ページやランディングページの作成がなかなか進まない。そんなときは、あらかじめデザインデザインや機能を実装したHTML/CSSテンプレート素材を利用することで、制作作業をよりスムーズに進めることができます。 Bootstrap を基準としているのでカスタマイズしやすく、同時にPSDファイルやSassファイルを収録したアイテムも増えているので、プロジェクトに合ったテンプレートを探してみてはいかがでしょう。 詳細は以下から。 Bootstrap対応ですぐに使える、すごい無料HTMLテンプレート素材まとめ 2016年8月度 Rapture ウェブ制作をよりスムーズに行う、プレミアムフレームワークのデモ用として、2種類のランディングページが用意されています。 デモページ1 ダウンロード Forty 複数のコンテンツを色分けし、滑らかなアニメーション付きページ遷移も同時に表現できるマルチペ
Dockerの基礎・使い方がよくわかる記事・スライド11選
オープンソースのコンテナ管理ソフトウェア・Dockerは、軽量な仮想実行環境であり、少ないリソースで効率よくアプリケーションを動かせるとして注目を集めています。また、2016年6月にはソフトウェアのマーケットプレイス「Docker Store」をオープンすることを発表し、プライベートベータ版として開始しています。 今後の利用拡大が見込まれるDockerの使い方について、わかりやすく解説している記事・スライドを11個ピックアップして紹介します。これからDockerをはじめたいと考えている方はぜひ参考にしてください。 Dockerの使い方の参考になるサイト・記事 隔離の技術Dockerの考え方と使い方の基本 / TECHSCORE BLOG http://www.techscore.com/blog/2014/08/05/introduction-to-docker/ Dockerの概要、よく
内閣サイバーセキュリティセンターの資料がすごい - 東京六輪
内閣サイバーセキュリティセンターというのをご存知だろうか。 2015年1月9日に日本政府が内閣官房に設置した組織。前身は、2000年に設置の内閣官房情報セキュリティ対策推進室（ないかくかんぼうじょうほうセキュリティたいさくすいしんしつ）、およびそれを改組して2005年に設置された内閣官房情報セキュリティセンターである。 wikipediaより サイバーセキュリティ基本法の施行に合わせて設置された組織で、JPCERT/CCと共に、日本における実質的なナショナルCSIRTの役割を果たしているそうである。 niscのサイトを見ると報道資料などは1年前のものしか見当たらないが、「みんなでしっかりサイバーセキュリティ」の画像リンクをクリックすると比較的新しい資料が公開されており、マンガで描かれたPDFを参照することができる。 TOP[みんなでしっかりサイバーセキュリティ] もっともオススメしたいのは
Twitterはどうやって1秒に3,000もの画像を処理しているのか | FAworksブログ
現在、Twitter は1秒間あたり3,000枚の画像(約200GB)を作成し持続している。 しかしながら、2015年に Twitter はこれら画像ファイル等メディアファイルの保存方法を改善したために、600万ドルを節約することができた。 以前からそうだったわけではない。Twitter は2012年には主にテキストベースだった。 これはまるで、ホグワーツ魔法魔術学校であのかっこいい動く絵が壁にかかってないようなものだ。 2016年の今では Twitter はメディアを駆使した方向へと移行している。 Twitter は、プレビュー、マルチフォト、gif、vine、埋め込みビデオなどで写真をサポートできる新たなメディア・プラットフォームの開発を経て変化したのだ。 Twitter社のソフトウェア開発エンジニアであるHenna Kermani氏が、Mobile @Scale Londonでの興味
全サーバープランで独自SSLが無料・無制限に利用可能に！「独自SSL」機能の強化のお知らせ
平素はエックスサーバーをご利用いただき、誠にありがとうございます。 この度エックスサーバーでは、 すべてのサーバープランを対象に、独自SSLの無料提供を開始しました。 昨今、WordPressなどのCMSツールが普及し、より多くの方が手軽にホームページを開設できるようになりました。 これに伴い、お問い合わせフォームやブログのコメント欄など情報を入力する機会が増え、 より多くのWebサイトに対してSSL暗号化通信の導入が望まれるものとなってきています。 また、大手検索エンジン会社ではWebサイトがSSL暗号化通信に対応しているかどうかを検索順位の評価対象にすると発表するなど、 WebサイトにおけるSSL暗号化通信の重要度は増してきています。 しかしながら、手続きの煩雑さや費用面から、WebサイトのSSL化が浸透しているとは言いがたい状況でした。 今回エックスサーバーでは、サーバーパネルからの
はてな匿名ダイアリーがAMPに対応しました - はてラボ 開発者ブログ
はてな匿名ダイアリーは、AMP（Accelerated Mobile Pages）に対応しました。Google検索やはてなブックマークなど、AMPに対応したサービスやアプリを通じてアクセスすると、通常のWebページより高速に表示されます。 対象となるのは、はてな匿名ダイアリーに投稿されている個別の記事ページです。各サービスがクロールするタイミングに合わせ、既存のページも含めて徐々にAMPに対応していきます。記事が投稿された時点ですぐには対応されないので、ご了承ください。 より快適に閲覧できるようになったはてな匿名ダイアリーを、どうぞご利用ください。 AMPとは AMPは、GoogleやTwitterなどのIT企業が主体となって発足した、モバイルインターネットの高速化を目指すオープンソースプロジェクトです。Webコンテンツを制作する企業やそれらを提供する企業が世界中から参加し、対応を進めてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
