テストの学習へようこそ！ | web.dev
テストの学習へようこそ！ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このコースでは、ウェブ用のテストの概要と探索について説明します。 このコースで学習する内容は次のとおりです。 テストの基礎 自動テストと手動テスト テストを実施する場所と方法 ベスト プラクティス 何をテストすべきか、誰に責任があるのか、目的そのものとしてではなく、目的を達成するために手段をテストすることを検討する方法など、テストの理念。 このコースには、学習に役立つ簡潔で実用的なサンプルコードも含まれています。 コースのスコープには、Node.js などの環境で実行される、フロントエンドの JavaScript とドキュメント モデル、バックエンドでのライブラリ テストが含まれます。テストの経験はありませんが、JavaScript の基礎知識と Node.js などに関する経験が必
レガシーおじさん、SPAを始めてみた。そして限界を知る
はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。 私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係ない領域を見る事が多いので、ちょっとキャッチアップを兼ねていくつかの個人プロダクトにVue.jsを採用してみました。 jQueryくらいで頭が止まってたので。サーバサイドもマイクロサービスでAPI化が進んでるのでフロントもそれに合った技術を選ばないとですしね。 というわけで、今回はその中で得た知見というか、従来型のサーバサイドでのWeb開発をしていた人の視点でVue.jsをキャッチアップする流れで書いていきたいと思います。 まあ最終的な結論は正直「これすごく
たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個
モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。 まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren
動的WebプロジェクトからJavaプロジェクトを参照する - シュンツのつまづき日記
【前提条件】 [環境] Eclipse 3.7 Glassfish 3.1.2 【概要】 独自の動的Webプロジェクトから Javaプロジェクトを参照する時の設定です。 【下準備】 今回は「bookshelf-web」というWebアプリケーションから 「bookshelf」というPOJOのみが入ったアプリケーションを参照します。 Javaのビルドパスの設定は 「bookshelf-web」が「bookshelf」を参照するようにします。 この状態でGlassfishを起動してみても 「bookshelf」にあるクラスが見つからず、 ClassNotFoundExceptionが発生します。 【Deployment Assemblyの設定】 外部のプロジェクトを参照させるには 「Deployment Assembly」の設定が必要になるようです。 まずはWebアプリケーション側（ここではbo
SSL/TLSの基礎と最新動向
1. SSL/TLSの基礎と最新動向 セキュリティキャンプ 2015 2015年8月12日 IIJ 大津 繁樹 更新版資料の置場 http://goo.gl/cX1M17 Github Repo: https://goo.gl/vRLzrj 2. 自己紹介 • 大津 繁樹 • 株式会社 インターネットイニシアティブ • プロダクト本部 アプリケーション開発部サービス開発2課 • NodeJS Technical Committee メンバー • (主にTLS/CRYPTO/OpenSSLバインディングを担当） • IETF httpbis WG で HTTP/2相互接続試験等仕様策定に参画。 • ブログ： http://d.hatena.ne.jp/jovi0608/ 3. はじめに • TLS(Transport Layer Security)の仕組みについて学んでいただき ます。 •
弊社の制作ガイドラインをクリエイティブ・コモンズ・ライセンスで公開します
バーンワークス株式会社では、Web サイト制作時における制作物のクオリティを一定に保つため、社内における制作ガイドラインを定めていますが、このガイドラインを公開いたします。 制作ガイドライン - バーンワークス株式会社 burnworks/burnworks-guidelines ： GitHub ガイドラインは 「Creative Commons （クリエイティブ・コモンズ） -- 表示 - 非営利 2.1 日本 -- CC BY-NC 2.1 JP」 ライセンスの下に公開され、ライセンスの範囲内においてどなたでもご利用が可能です。 ガイドラインの各項目、内容に関しては弊社の見解、基準によるものですが、文書としては汎用的な作りとなっておりますので、他の Web サイト制作会社、フリーランスの Web サイト制作者にも、ガイドラインのひな形としてお使い頂きやすいのではないかと考えております
AppleTV優先権問題を解決する - みずぴー日記
以下のことを可能にするアプリを作りました。 AppleTVをテレビにつなぐ 同じネットワーク内でホストとなるPCを立ち上げる iPhoneから曲をPCに転送する PCが、転送された順に音楽をAppleTVでAirPlayする これによって21世紀のチャンネル権戦争ことAppleTV優先権問題を解決します。 アジェンダ AppleTV優先権問題とは PartyPlayによる解決 デモ動画 どういうときに使うか インストール方法 どのように開発したか AppleTV優先権問題とは AppleTV + AirPlayによって、各自が所持している音楽をBGMとして利用することができます。 しかしAirPlayは後勝ちのプロトコルのため、複数人が同時に再生しようとしても、最後の人の音楽しか再生されません。そのため、各自が好きな音楽をかけるには、BGM係を決める等の運用が必要です。いまわしき運用での回
挙動が大事！ JavaScriptでWindow.closeする時のブラウザ別対応まとめ - TechNote
社内用のWebシステムにこれまで設置してなかった「閉じる」ボタンを設置することになった際、少々ブラウザ問題でつまずいた点があった。ググっても最近のwindow.close周辺の情報を見つけることができなかったのでまとめておく。 photo credit: flod via photopin cc １．まず、閉じるボタンの必要性 ２．IE（シェア：57.8%） ３．Firefox（シェア：18.9%） ４．Chrome（シェア：16.0%） ５．safari（シェア：5.6%） ６．まとめ あわせて読みたい ※ちなみにバージョンはie10、firefox26.0、chrome 31、safari 5.1.7です。 １．まず、閉じるボタンの必要性 ブラウザには標準で×（閉じる）ボタンがついているのに、どうして閉じるボタンを自作する必要が生じるのか？ 一般的には、システム終了のタイミングで何らか
OWIN - Open Web Interface for .NET を使う — Kyrt Blog
OWIN(Open Web Interface for .NET)は、.NET Framework の WebサーバとWebアプリケーション接続するためのインタフェースであり、新しい HTTP Serverのプログラミング抽象化レイヤーを定義するものだ。2010年の終わりのころにBenjamin van der Veen 氏が始め、Draft 7 12 July 2012では、Author: OWIN working group となっている。参照:http://owin.org/spec/history-1.0.html .NETでは、HTTP Serverのプログラミング抽象化レイヤーは、ASP.NETの初期のことに構築されてその後ほぼ変らずに今まで来た、An Overview of Project Katana August 30, 2013 Howard Dierkingに、初めの
ファビコン・カンニング・ペーパー
Translation of: favicon-cheat-sheet ファビコンのサイズや形式についての読むと頭が痛くなる偏執的なカンニング・ペーパーです。以下のURLを参考にしました: rel="shortcut icon" considered harmful · Mathias Bynens <-- special thanks @mathiasbynens Everything you always wanted to know about touch icons · Mathias Bynens <-- special thanks @mathiasbynens Jonathan T. Neal | Understand the Favicon Favicon - Wikipedia, the free encyclopedia Making a Good Favicon -
CSSでグラデーションを使うときにhsl()が便利すぎる。（CSS おれおれ Advent Calendar 2012 – 19日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 19日目 CSS 3では色の指定にhsl()を使う事が出来ます。すなわち色相 (Hue; 0-359)、彩度 (Saturation; 0%-100%)、輝度 (Lightness; 0%-100%) による色の指定です。さらに不透明度を加えたhsla()もあります。 グラデーションをlinear-gradient()で実現するとき、このhsl()を使うと綺麗に記述する事が出来ます。 実例 こんなグラデーションを実装します。 #rrggbbを使ったグラデーションの例 まずは#rrggbbで書いた例です。 background-image: linear-gradient( top, #ffffff 0%, #a3daf5 50%, #75c7f0 51%, #19a1e6 100% );
Download jQuery UI Bootstrap
Welcome! This is a live preview of jQuery UI Bootstrap - a project we started to bring the beauty of Twitter Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually. Download stable (v0.5) Download Latest (dev) This theme's support
低価格Kindle技術書籍メモ - カレーなる辛口Javaな加齢日記
Kindle本を探していて目にとまったので，主に500円以下の技術系低価格本について適当にまとめてみた．*1 雰囲気から判断して個人出版なものも多いと思う．中には怪しげな物だって含まれてるかもしれない． 内容は未確認だし，おそらく価格相応*2だと思うので購入は自己責任で． 今はまだまだ発展途上で物足りない気がするが，自分としては，たとえば 新技術のチュートリアルとか基本操作とか，「出版社経由で書籍としてまとめて出すにはイマイチだけど，初心者が英語のサイトを読んで勉強するには難しい．さりとて無料で出すには負担が大きすぎる」*3 *4 同様に，たとえばFirefox拡張のfirebugの使い方とか拡張の作り方みたいな，マイナー技術の解説書． 特定のライブラリの日本語化や日本語での文字化け対策のような，日本でしか売れなさそうな超マイナー解説書・手順書． Linuxの基本コマンドやWindow8の
ASP.NET 入門
ASP.NET 入門サイト このサイトではマイクロソフトの Web アプリケーション開発フレームワークである ASP.NET で Web サイトを開発する方法について解説します。 マイクロソフトのフレームワークは、HTML、JavaScript、HTTP などの各種テクノロジーに精通していなくても、通常のデスクトップのプログラムを開発するのと同じような感覚で開発できるように設計されています。 このため、初心者でも素早く使えるプログラムを開発しやすいと大変評判が良いです。また、マイクロソフトのテクノロジということで、 当然ながら Windows や Windows の標準 Web サーバーである IIS (Internet Information Services) 上で快適に動作します。 筆者は ASP.NET が登場する当時マイクロソフトに在籍しており、 IIS や ASP.NET を約
黒猫の不思議な旅.jp - それはメールが届くまでの一瞬の物語 - Presented by.JPRS（株式会社日本レジストリサービス）
DNSとは、Webサイトのアドレスやメールアドレスに使われるドメイン名を、 インターネット上の場所を特定するための情報（IPアドレス）に変換するための仕組みです。 インターネット上にはルートDNSサーバーや.jpのDNSサーバーなど、 それぞれのドメイン名を管理するDNSサーバーがあります。 キャッシュDNSサーバーがそれらのDNSサーバーを順番にたどっていくことで、 目的の場所を見つけることができるのです。 ある日の晩、ジェシカは日本に引っ越してしまったともだち「ゆい」のことを、思い出していました。 ゆいは、いつも一緒に遊んでいた大好きなともだち。ジェシカは彼女に手紙を書くことを思いつきました。 猫のポール（キャッシュDNSサーバー）は、ジェシカが手紙を書いているのをじっと眺めています。 手紙を書き終わった頃には夜もすっかり更け、眠りにつくジェシカ。 猫のポールはその手紙（メー
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面（参考：マイクロソフト、無償のWeb開発
無印良品そっくりのタグが作られるサービス「MUJI generator」 | ライフハッカー・ジャパン
「MUJI generator」は無印良品そっくりのタグが作られるサービスです。作ったタグは画像として保存することができます。なかなかのクオリティで作ってみる価値あり！ 以下に使ってみた様子を載せておきます。 まずMUJI generatorへアクセスしましょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita
http://yuma-z.com/blog/2014/04/ambient_sound/
http://www.uiplayground.in/css3-icons/
