Visual Studio Code でフロントエンドの開発環境を構築してデバッグする - Qiita
Webフロントエンドの開発を行ったことがない人向けに、Visual Studio Code でフロントエンドの開発環境構築からデバッグまでを説明します。 また、Google Chrome の デベロッパー ツール(Chrome DevTools) の使い方についても一部のパネルの説明をします。 開発環境の準備 フロントエンド開発で必要な開発環境の準備を行います。 使用するOSは Windows でも Mac でも構いません。 開発ツールのインストール フロントエンド開発なので、Webブラウザが必要となり、この記事では Google Chrome を使って説明します。 また、ファイルを記述するためのテキストエディタが必要となり、この記事では Visual Studio Code を使って説明します。 ソフト名 用途 バージョン ※
お古な PC でも使えます。オンライン解剖学ソフト５選！ | 東洋医学の穴
BioDigital Human: Explore the Body in 3D! オンラインで軽快！ 使ってみて勝手が良かったのがこのアプリ。 BioDigital Google Chrome ならウェブアプリからインストールできるお！ さっそく筋肉を剥がして、上腕骨頭を露出させてみた。 回旋動脈なんかもバッチリ描写されてますね。 何といっても気に入ったのは、スナップショット機能！ このブログに張り付けてる写真がそうです。 ダウンロードファイルはPNG形式。 次は同じアングルで、女性モデルに変更。 オッパイを確認しなくては！ (*´д`*)ﾊｧﾊｧ そんな事を考えたあなたはスケベ。 さーてどんな表示がされるでしょうか … あれっ。 以外とふつう。 しかたないので、広頸筋と大胸筋、三角筋を剥がして、烏口突起周辺を表示。 小胸筋、上腕二頭筋短頭に烏口腕筋。 結節間溝に至るまで けっこうリアル
PHPでCSP（Content Security Policy）を導入してXSS対策を強化してみよう — A Day in Serenity (Reloaded) — PHP, CodeIgniter, FuelPHP, Linux or something
PHPで簡単にCSPを導入するためのライブラリを作成してみました。 kenjis/csp https://github.com/kenjis/php-csp-nonce-source 既存サイトへの影響を最小限にしてCSPが導入できることを目的としています。 基本的にCSP nonce-sourceを使い、nonceのないscriptタグは実行しないようにすることでXSS対策を強化します。 このライブラリの仕様としては、CSP nonce-sourceに対応していると思われる指定ブラウザに対してのみCSPヘッダを出力します。現状、ChromeとFirefoxのみが指定されています。 なお、CSP nonce-sourceに対応したChromeのバージョンがわからないので、確認できたバージョン37以上としてます。 CSPについて CSPについてよく知らない方は以下のスライドなどをご覧下さい。
簡単で便利！Webページのパフォーマンスをヒートマップで視覚化するブックマークレット -Perfmap
1クリックで、Webページのパフォーマンスが最適化がどうかヒートマップを使って視覚的に分かりやすく表示してくれるブックマークレットを紹介します。 表示されている時間は二つあり、一つ目はユーザーが画像を見るために要する時間、二つ目はブラウザがロードするのに要した時間です。 ヒートマップはグリーンに近いほど早く、レッドに近いほど遅いということです。 下部のバーはページ全体のパフォーマンスで、「First Paint」はページの表示が始まった時間、「Fully Loaded」はページ全てのローディングを終えた時間です。 Bookmarklet PerfMapの使い方は簡単で、下記をChromeのブックマークに加えます。 ※対応ブラウザは現在、Chromeのみです。 javascript:(function(){var el=document.createElement('script');el.
クリップボードにコピーの実装は難しい？「zClip」が一発解決 - Noise of Web Programming
ブラウザからクリップボードに文字列をコピーする機能を実装したく調べた結果、便利なJSライブラリがあったので書いておく。 zClip 最初はブラウザからクリップボードにコピーする機能はJSで簡単に実装できるもんだと思っていたが、実はそうではなかった。そのような機能を提供しているのはIEだけであり、他のブラウザではJSのみではコピーすることが出来ないようだ（Chromeでクリップボードにコピーする実装方法という記事をいくつか読んだが、提供しているデモがそもそも動いていなかった...僕の環境のせいかもしれないが）。 そんな意外に難しいクリップボードコピーを簡単に実現してくれるのが「zClip」である。 Flashを使うことでコピー機能を実現しているようだ。このライブラリのみでIE、Firefox、Chromeなどクロスブラウザ対応している。すばらしい。 zClip.jsの使い方 使い方は色々ある
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
