JavaScriptのイベントをたくさん見られるサイトを作る
JavaScriptのイベント、ややこしいですよね。 名前が似ているものや、使い方にクセがあるものもあり、簡単なようで実装に手間どることが多いです。なので、よく使うイベントの概要をざっくりまとめ、それぞれの実行タイミングとイベントオブジェクトをコンソールで確認できるサイトを作りました。 忘れたときに調べればいいだけの話なので、わざわざサイトを作る必要はなかったのですが、イベントを眺めるのが好きな人に見ていただけたら嬉しいです。 JavaScriptのイベントをたくさん見られるサイト ひたすらaddEventListenerしていたら、イベントに愛着が湧いたので、イベントの実装でハマりそうなところをまとめています。 なぜイベントを使うのか マウスなどはイベントじゃないと値が取得できませんが、頑張ればイベントを使わずとも実装できるものもあります。たとえば、テキストボックスの変更を知りたいだけで
Debugging Service Workers
Google Developers Codelabs provide a guided, tutorial, hands-on coding experience. Most codelabs will step you through the process of building a small application, or adding a new feature to an existing application. They cover a wide range of topics such as Android Wear, Google Compute Engine, ARCore, and Google APIs on iOS. Codelab tools on GitHubnorth_east 0� �U
セルフマネジメント・テクノロジー「Za」とは
〔最終更新日：2016年10月27日〕 Zaは「全従業員がプロフェッショナルな黒字社員」という強い企業を実現するためのセルフマネジメント・テクノロジーです。 組織内に「市場」の原理を導入し、従業員一人ひとりの損益を可視化し、自営業者のような自助的マインド、つまり個々人の「自営力」を喚起します。 そもそもZaが生まれたきっかけは、社員が次々に辞めてしまうというマネジメント上の危機でした。そのとき私は経営者として絶望的な気分で、「何が悪かったのか」「どうすればよかったのか」と自分を責めながら、マネジメントの本をたくさん読み漁っていました。そのとき、ふと思い出したのです。私は「人から管理されたくもなければ、人を管理したくもない」と思って自営業者になったのでした。 そして気付きました。私に必要なのは「経営者として組織をうまくマネジメントできるようになること」ではなく、「管理しなくても会社が回る仕組
WAI-ARIA - an introduction to accessible rich internet applications (1 day workshop) / Darmstadt / 22 January 2015
WAI-ARIA - an introduction to accessible rich internet applications (1 day workshop) / Darmstadt / 22 January 2015 This document introduces the Accessible Rich Internet Applications (ARIA) specification. It discusses: 1) The need for ARIA to make complex web applications accessible to assistive technologies like screen readers, as traditional HTML elements may not adequately convey semantics. 2) C
初めてのBrackets拡張機能の作成 | Adobe Developer Connection
読者は、BracketsまたはEdge Codeに関する知識があり、JavaScriptを十分に理解している必要があります。 必要なアドビ製品 Brackets（JavaScript、HTML、CSSで記述されたオープンソースのWeb用コードエディター）。 新しいオープンソースのWeb用コードエディターであるBracketsでは、拡張性が重視されています。実際、Quick Open（すぐに開く）、Quick Edit（すぐに編集）、HTML Code Hinting（HTMLコードヒント）などの中心的な機能のいくつかは拡張機能として実装されています。 Bracketsのアーキテクチャは高度にモジュール化されており、Bracketsのメインコードをできる限り的を絞ったものに保ちながら、高いカスタマイズの可能性を提供することによって、問題点の分離を実現しています。これは、現代のWeb開発者のニ
特集 : 18歳からの著作権入門
The Japanese edition of 'CNET' is published under license from A Red Ventures Company., Fort Mill, SC, USA. Editorial items appearing in 'CNET Japan' that were originally published in the US Edition of 'CNET', 'ZDNET' and 'CNET News.com' are the copyright properties of A Red Ventures Company. or its suppliers. Copyright (c) A Red Ventures Company. All Rights Reserved. 'CNET', 'ZDNET' and 'CNET New
第4回 他人の著作物を安全に利用するために - MdN Design Interactive
アート・エンタテインメントの業務を多く扱う「骨董通り法律事務所For the Arts」の弁護士による、著作権とそれにまつわる法律関連の連載です。クリエイターが気になる法律問題についてわかりやすく解説しているので、ぜひ参考にしてください。 文：弁護士 永井幸輔（骨董通り法律事務所 for the Arts） ケース：クライアントからの依頼で、旅行情報誌の表紙のアートワークを制作することになった。メインビジュアルには紅葉の山の風景写真を使いたいが、手元に使える写真がなかったため、インターネットで探して利用することにした。著作権を侵害しないよう適法に写真を使うためには、どうすればよいだろうか。 今回は、著作物の「利用」の側面についてお話ししましょう。 自身で発表するかクライアント・ワークであるかを問わず、制作物に他人のアートワークを使用することも少なくないのではないでしょうか。既存の作品には、
レスポンシブWebデザインでハマりがちな%指定 │ Design Spice
レスポンシブWebデザインでは要素を可変にするために数値を%で指定することが多いですが、%指定の仕様を理解してないとハマることがあります。自分もそのような経験があったので備忘録としてまとめました。 要素の幅と高さの%指定 レスポンシブWebデザインのように、ある要素の幅を一定の比率を保ったまま可変するようにするには、通常、値を%で指定します。この時の値は、 求める要素の幅÷親要素のコンテンツ幅×100% の式で求められます。 例えば求める要素の幅が20px、親要素のコンテンツ幅が200pxの場合は、10%となります。 また、ここで言うコンテンツ幅とはmargin、padding、borderを含まない幅です。 同様に高さを%で指定する場合は、 求める要素の高さ÷親要素のコンテンツの高さ×100% となります。 marginとpaddingの%指定 左右のmargin、paddingを%で指
軽快なscpか高機能なsftp、sshサーバに向いているのは？ ―＠IT
軽快なscpか高機能なsftp、sshサーバに向いているのは？：セキュリティプロトコルマスター（8）（1/2 ページ） 前回はsshを使って安全にサーバを管理する方法を取り上げました。実はこのsshにはちょっとした仕掛けが隠されています。そんな仕掛けを上手に使う「安全なファイル転送」を今回取り上げましょう。安全なファイル転送は、サーバ管理だけでなく、さまざまな場面で活躍するはずです。 安全なファイル転送とは 安全なファイル転送って何ですか？ ファイル転送とは、ネットワークでつながったコンピュータにファイルを送ったり、受け取ったりすることです。つまり、ファイル転送をするには、ネットワークの中をファイル本体が流れていく、ことになります。 ここで問題になるのが、盗聴、改ざん、なりすましの問題です。第三者に知られることなく、ファイルの内容そのままで、正しい相手に送り届けるためには、単に相手へファイ
Re:Cre Vol.14 | Web design process for the future
22. “The primary design principle underlying the Web’s usefulness and growth is universality. ••• And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. Long Live the Web: A Call for Continued Open Standards and Neutrality: Scientific American http://www.scientificamerican.com/article.cfm?id=long-live-the-web by Tim Bern
Webサービスを作ってみる | blog.nomnel.net
先週からインターンはお休みをいただいてWebサービスを作っている. 今の見た目はこんな感じ(ま, まだ全然完成じゃないんだからねっ(言い訳1)) で, 要はiPhoneアプリのレビューまとめを作ろうとしている. 基準 最初に以下の項目について考えた. 実現性 - 最初は1~2週間で十分出来るもの コンテンツの確保と更新 - 自分がコンテンツ作者だと続かない ある程度の商圏 - 全く需要無いのもつらい, データで開発方針決めたりしたい 興味 - AppStoreのランキング以外の方法でアプリを知りたい 売上 - どうしたらより見てもらえるかなどのデータ欲しい 問題の解決 - しょぼくても何かしら世の中の役に立つこと 偉そうに並べているけどなかなか条件をクリア出来るものが思いつかずに3日ぐらいかかった. サービスの意味 こんなことを考えてた. 自分が探すとき, 「AppStoreのランキングを
jQueryとCSS3を使ったアコーディオンメニューを詳しく説明します｜Webpark
jQueryとCSS3を使ったアコーディオンメニューを作ってみましたので、作り方を紹介します。かなり長くなりますが、お役に立てばうれしいです。 色々事情があってIEでご覧になっている方のためにスクリーンショットも載せておきます。カテゴリー３にマウスを乗せているところです。 それではコードを解説していきます。 HTML まずはHTMLです。無駄に長いですが一応載せます。 <ul id="accordion"> <li><a href="#">カテゴリー１<span class="arrow rotate"></span></a> <ul id="active"> <li><a href="#">サブカテゴリー１</a></li> <li><a href="#">サブカテゴリー２</a></li> <li><a href="#">サブカテゴリー３</a></li> </ul> </li> <l
Wordpressのセキュリティ関連メモ (後で見る) / Maka-Veli .com
wp-login.phpの変更 WordPressブログを自己防衛、ログインページに触れさせない [解決済み] wp-login.phpのパーミッションとファイル名変更 – WordPressフォーラム セキュリティの為、管理画面を別名にしたら問題が出るでしょうか？ - WordPressフォーラム 不正アクセスはある日突然やってくる – おきらくサーバー運用メモ WordPress セキュリティ wp-login.php にアクセス多発を防ぐ方法 – Linux & App Labs By pt106 あぁ、なるほど。IP制限だけでなくてもBASIC認証かけて2重にしとくって手も良いですね。 プラグイン 2012年開幕版！これでモウダイジョーブなWordPressプラグイン集 最強77選 WordPressのセキュリティ関連のプラグイン28個 – わーどぷれすっ！ セキュリティを強化す
この発想に嫉妬する、アクセントの小技が効いているWebサイト
mon cifaka Online Store / 洋菓子専門 CHEZ Tani (シェ・タニ) / 浜松のビジネスホテル｜HOTEL day by ...他...全9件
CSS Nite LP, Disk 14 フォローアップ | gaspanik weblog
先週末の土曜日、「CSS Nite LP, Disk 14 / Photoshopper meets Fireworks」が開催されました。イベントにご来場下さった皆様、そして関係者の皆様、大変お疲れ様でした。 まずは、この場を借りてお礼を。ありがとうございました（深々）。 さて、当日はFireworks特集となるイベントでしたが、ボクの担当は他の登壇者の皆さんの内容とはちょっと毛色が異なるカラーマネジメントの話でした。「FireworksのTipsやテクニックなどを知りたい方が多いんじゃなかろうか、今回の内容に関して大丈夫かな？」と思っていたのですが、予想以上に良い反応をいただいておりホッと胸をなで下ろした次第です。 とはいえ、プレゼン自体はボロボロだったので、その反省や参加いただいたお礼をこめて当日伝えきれなかったことをこちらのエントリーにまとめてみました。 ＃前もって書いておきますが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DNS再入門
本気で使いこなす「SVG」再入門【2015年版】
Ultimate Google Analyticsから最新のwordpressに対応したGoogle Analyticatorに変更したメモ。
ごりゅご.com
Web制作者が読んでおきたい、最近公開されたおすすめのスライド
