Développeur Full Stack Symfony / Vue.js
JavaScriptに関するyoooshi99のブックマーク (43)
-
yoooshi99 2009/05/31
-
悪意のあるスクリプト対策 - Firefox更新情報Wikiブログ
マルウェアの感染によって改ざんされたサイトを閲覧したとき、悪意のあるスクリプトを実行してしまう問題が一部で話題になっているようです。 この悪意のあるスクリプトはJavaScriptなので、NoScriptなどでJavaScriptの実行をブロックする方法もあるのですが、今回の件に関してはページを改ざんしてscriptタグを埋め込み、外部サイトのスクリプトを読み込んでから実行するタイプなので、RequestPolicyなどの拡張機能でクロスサイトリクエスト（外部サイトへの読み込み要求）をブロックしてしまえば、外部サイトからの読み込み自体を行わないので安心ですね。
-
Richard M. Stallman、JavaScriptに吼える | スラド オープンソース
GNUのページ内にある「Philosophy of the GNU Project」というコンテンツにて、Richard M. Stallmanが書いた「The Javascript Trap」という記事が公開されている。 この記事によると、JavaScriptには下記のような問題があるとのこと。 JavaScriptは非フリーなプログラムを、ブラウザを通じて勝手に実行する可能性がある一部のサイトはソースコードの難読化を行っているため、その真のソースコードを読むことはできないフリーソフトウェアとしてJavaScriptコードをリリースすることは可能だが、実行されているコードを（動的に）置き換えることはできない 「あるサイトで使われているJavaScriptに問題があった場合にそれを修正したり、また改良を行ったとしても、その修正版/改良版はそのサイトの管理者が採用してくれない限り利用できない
-
ブラウザ間の問題をjavascriptで回避する8つのTips「8 Javascript solutions to common CSS problems」
TOP > WebDesign > ブラウザ間の問題をjavascriptで回避する8つのTips「8 Javascript solutions to common CSS problems」 WEBデザイナーやWEB開発者なら一度は苦悩するブラウザの違いによるレイアウトの問題や形式の問題。業務の上で一つの障壁ともなり得ない問題です。今日紹介するのはそんなブラウザ間の表示に対しての問題を解決してくれるjavascriptを集めたエントリー「8 Javascript solutions to common CSS problems」を紹介したいと思います。 透過pngによる背景の問題だったり、カラム間の高さの問題などなど、レイアウトに関して起こりうる問題を簡単なjavascriptで回避する方法を示しています。今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以
-
コーディングが少し楽になる（かもしれない）meca.js - Webtech Walker
meca.jsはマークアップエンジニアのお仕事を補助しようという趣旨で作ったjavascriptのライブラリです。画像のロールオーバーやIE6の透過png対応などを実装しています。 meca.js yuga.jsやsisso.jsなど、この手のライブラリが数多く出回っている中、なぜ今更こんなものを作ったのかというと、まあ色々と作るに至った理由があるのですが、結局のところ自分で作ったのが一番使いやすし、好きにできるからというのが一番の理由です。 yuga.jsやsisso.jsと違うところは、機能の有効/無効や指定するセレクタなどの設定を外に出して簡単に変更できるようにしたところです。設定を簡単に変更できることで、ある程度柔軟に対応することが可能だと思います。 例えば、それぞれの機能で有効/無効にする設定があるので、ロールオーバーしか使わないのに他の機能も実行するのが無駄だよね、とかいう心配
-
Firebug :: Add-ons for Firefox
Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード
-
Google、Chromeの動作速度を実感できるページを公開 | 教えて君.net
Googleは、Javascriptなど駆使して製作されたページをまとめたページ「Chrome Experiments」を公開している。これは「Google Chrome」のJavascript速度の高速性を体感するためのプロモーションサイトで、著名なウェブデザイナーがこのサイトの為に製作した作品がずらりと並んでいる。 使うには、各ページから「LAUNCH EXPERIMENT」のリンクを押すせばよい。別ウインドウが開いてデモンストレーションを見ることができる。「Google Chrome」以外のブラウザでリンクを押すと「Google Chromeだともっと早く動くぜ」といった内容のウインドウが表示される。確かにGoogle Chromeでなければ描画が乱れたり、表示すらできないページも多い。 Chromeをインストールしていない人でも、各デモの起動ページには動画があるので、“正解の動き”
-
Google Chromeの速さをアピールするサイト
早速アクセスしてみましたが、JavaScript ってずいぶんいろいろなことができるんですね。 ちょっとソースを見てみましたらどれもこれもホントに JavaScript のみ。 。。。当たり前か 個人的には Ball Pool というのが気に入りました。 画面上で左クリックしたままマウスを左右に揺らすと、次から次へとシャボン玉みたいに円が生まれてきます。 2008年9月に「Google Chrome」を公開して以来、Googleは同ブラウザにおけるJavaScriptで書かれたウェブベースのプログラムの動作速度がいかに速いかを、盛んに宣伝してきた。そして米国時間3月18日、GoogleはJavaScriptの高速性の活用法を披露し、Chromeの導入を促進することを目的としたChrome Experimentsというサイトを立ち上げた。[...]via:グーグル、JavaScript作品を
-
-
いま一番美しい、JavaScriptが効果的な新サイト
FlashからJavaScriptへ――。ソニーグループのコーポレートサイトがJavaScriptを使って全面リニューアルされるなど（関連記事）、JavaScriptの勢いが感じられた。そんな2008年の年末にまた1つ、注目のWebサイトが国内で誕生していた。「榊田倫之建築設計事務所」のコーポレートサイト（http://www.sakakida.com/）だ。 細かな黒のチェック模様の上に浮かぶ、白いレクタングル。細いサンセリフのフォントで綴られた英文の会社名に、小さなテキストで示されたメニュー。そんなシンプルな榊田倫之建築設計事務所のWebサイトは、無駄な要素を極力削ぎ落とした“最小限”のデザインが印象的なサイト。今年2月に発表された「第4回JWDA WEBデザインアワード」（主催：日本WEBデザイナーズ協会）では、奨励賞に選ばれた。 このサイトの主役は、同サイトのオーナーである建築家・
-
-
[WEB DESIGN] Slideshows In Web Design: When And How To Use Them - スライドショーの使い道
[WEB DESIGN] Slideshows In Web Design: When And How To Use Them – スライドショーの使い道 Pocket Tweet JSを使ったスライドショーって、一時期のFlashを使ったものに代わって普及しましたね。なので今ではいろんなスライドショーJSが流通してますが、どんなサイトでどんなスライドショーが適しているのか、他人の仕事を見て勉強しましょう、みたいな記事。閲覧性に優れたもの、デザイン的にクールなもの、動きに凝っているもの、色々ありますが、結局のところ目的と素材次第で向き不向きありますからね。そんな時に便利な気がする内容でした。 Slideshows In Web Design: When And How To Use Them >>
-
JavaScript の不思議な面白さ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog JavaScript と言うと普段自信をもって膨大なプログラムと格闘している諸氏もコード断片のはり付けに終始してしまうことも多いのではないでしょうか。かくいう私も検索エンジン（を使ってコードを書く）プログラマになっていることが多々あります。 JavaScript にあるこのプログラムの自作を妨げるのは、ブラウザごとに仕様が違ったりとか、正しいはずのコードが動作しなかったりと、プログラミング言語としての特殊性が挙げられると思います。特に目的実現の為に必要となる発想は他の言語と一線を画します。 今回は、 題材は、これです。 誰でも一度は使ったことがあるだろう灰色の説明文付きの入力欄ですね。 簡単な例 さて、作ってみましょう、ということ
-
JavaScriptでびゅんびゅんスライド！ページ切換法 (1/5)
HTMLだけで作ったシンプルなサイトもいいですが、時にはもっと派手なサイトを作りたい、ということ場合もあるでしょう。これまでもこの連載ではさまざまな“小技”を紹介してきましたが、ページ全体を大きく描き換えるには、以前ならFlashが不可欠でした。ところが最近では、JavaScriptとHTMLの組み合わせでも、かなりの表現できるようになり、実際にそうしたWebサイトも増えてきています。 今回はそんなサイトの1つ、「Baltijos prodiuserių grupė」にページ全体の切り換えテクニックを学びたいと思います。 今回のお手本サイト： 『Baltijos prodiuserių grupė』 リトアニアでイベントの企画・制作を手がける企業のコーポレートサイト。会社概要、業務内容、事例紹介の3つのコンテンツと問い合わせフォームからなるシンプルな構成。フルーツや花など、植物の写真と楽器
-
-
人気の「JavaScript ライブラリの紹介エントリー」 9 選 詰め合わせ | バシャログ。
JavaScript などを駆使したリッチな UI の需要も、ますます高まってきていると思います。 その証拠に、当バシャログでも、その手の記事が人気を集めています。 そこで今回は、そのようなエントリーをまとめてみます。ここ半年ほど物で、全 9 エントリーです。 それではどうぞ。 使いやすい lightbox 系スクリプト by sakai（2008/11/6） lightbox 系のスクリプトはとにかくたくさんありますが、その中でも比較的新し目で使い勝手の良いものをご紹介しています。 Fancy Box → デモ この系統のはどんどん出てきますね。 Sexy LightBox 2 残念ながら、この「sexy-lightbox-2」はこのエントリ執筆現在、サーバに繋がりませんでした。 ヴァーチャルツアーが簡単に作れる jQuery virtual tour by nakayama（2008/
-
JavaScriptライブラリ「mootools」でテキストにエフェクトをかける
twitter facebook hatena google pocket Mootools Function Chainingにて面白い表現が紹介されていました。 JavaScriptライブラリ「mootools」を使用し、テキストにエフェクトをかける方法です。 sponsors 使用方法 mootoolsからmootools.jsをダウロードします。 <script src="mootools-1.2.1.js" type="text/javascript"></script> <script type="text/javascript"> window.addEvent('domready', function(){ var fnChain = new Chain(); var move = $$('id名'); //エフェクトをかけたい対象のid名 move.each(functi
-
-
[JS]一つの機能に特化したシンプルなJavaScriptのライブラリ集
jQuery, Prototype, MooToolsのように多機能ではなく、一つの機能に特化したシンプルなJavaScirptのライブラリをSmashing Magazineからいくつか紹介します。
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました