実践JavaScript - 株式会社ALBERT 社内勉強会資料

2009/10/02 1674 users 株式会社ALBERT 実践JavaScript Event

「プログラミング経験はそこそこだけど、JavaScriptはあんまり…」な人向け社内勉強会用資料です 発表用資料のため、口頭での補足を前提とした箇所もあります。補足を入れてある箇所もありますが、ない箇所もありますので、その点はご了承ください。 Shogo Ohta, 株式会社ALBERT 目次 第1回 Event 基礎 JavaScriptを実行する scriptとonclick JavaScri... 続きを読む

JavaScript アニメーションのデザインパターン

2012/05/13 955 users アニメーション JavaScript デザインパターン 変色

JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() ... 続きを読む

いい加減、<script src="http://..　と書くのはやめましょう - DQNEO起業日記

2013/05/18 793 users script src DQNEO起業日記 http パク 原因

JSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読... 続きを読む

Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker

2008/04/16 709 users pure Tips CSS Tips ブログ

Scriptが使えないブログを利用されている方や、これ以上Scriptを増やしたくない。 でも、いろいろ挑戦してみたい。って方には、便利かもしれません。 以前『ちょっと便利なCSS Tips いろいろ』で、既にご紹介したものもありますが… 今回は、Scriptを使わないCSSエフェクトやTipsをいろいろとまとめてみました。 Scriptを使わなくても、結構いろいろ出来てしまうんですね。 Pure... 続きを読む

平成元年デビューの「ジャワティ」はナゼ30年間も孤高の存在であり続けるのか - メシ通 | ホットペッパーグルメ

2020/11/12 644 users 鳴り物入り Tea Java 気のせい 紅茶

JAVAを目にする機会が減ってしまった……と感じるのは気のせいだろうか。 SCRIPTではない。TEAのほうである。 「シンビーノ ジャワティ ストレート」（以降、ジャワティと表記）が鳴り物入りでデビューを飾ったのは、平成が幕を開けた1989年。 ジュースでもなく、日本茶や烏龍茶でもない、紅茶に近いようでいてもっと独特... 続きを読む

5分で分かる JavaScript を知らない人が JavaScript の便利さを学べる記事を書いたよ - NEST :: laboratory

2010/12/30 543 users laboratory NEST HTML HTML文書 制限

JavaScript を知らない人に JavaScript の話して欲しいと言われたのでブログ書きました。*1難しい話は抜きにして JavaScript は で囲えば動きます。*2 HTML をコードレベルで編集できるサービスなら、設定は一切不要です。 script> JavaScriptのコード script> 拡張子にも制限はありません。最終的にHTML文書として出力されるのであれば、html... 続きを読む

JavaScript はどのように実行されるか - IT戦記

2008/10/25 520 users IT戦記 JavaScript alert head HTML

javascript, c++, メモJavaScript はどのように実行されるかSafari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする html> head> script> var a = 1; var b = 2; alert(a + b); script... 続きを読む

Janetter、ネタツイートのXSSが刺さり無限に「んほぉぉ！イッぐぅぅ！！」とダイアログが出る体にさせられる - Togetterまとめ

2017/05/01 490 users alert XSS text 湯婆婆 Janetter

湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ！イッぐぅぅ！！");}</script> 湯婆婆「フン。んほぉぉ！イッぐぅぅ！！んほぉぉ！イッぐぅぅ！！んほ 続きを読む

[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic | コリス

2011/08/28 482 users コリス 矩形 SONIC circle Square

HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量（約3K）のスクリプトを紹介します。 デモページ Sonicの実装 Square（矩形）とCircle（円形）を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square（矩形） あとは、... 続きを読む

[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス

2012/03/26 476 users コリス Libs Ajax スクリプト src

Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wook... 続きを読む

silog - script/LDRize

2007/08/19 424 users LDRize

Tag: script firefox greasemonkey javascript 最終更新日: 2008-01-17 概要 * LivedoorReaderやFastLadderのようなショートカットキーを色々な場所で利用可能にするGreasemonkeyです http://userscripts.org/scripts/show/11562 Minibufferに依存しているので先にMin... 続きを読む

リンクをデザインするCSSいろいろ - DesignWalker

2008/11/21 415 users リンク visited CSS パターン 訪問済み

今回は、CSSを使ってリンクをデザインする方法をいくつかまとめてみました。 基本的なものから、Scriptを使ってアニメーションする方法までリンクだけでもいろいろな見せ方がありますね。 Why and How: Styling Text Links まずは、CSSで簡単に変更できるパターンをご紹介。 The ways to style visited links こちらは、訪問済み(visited... 続きを読む

サーバサイドからのデータの受け渡しに data-* を使う - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech

2012/10/11 342 users サーバサイド subtech XSS Data Name

(大した話ではないですが、だいぶ前にどっかで話して以来ブログに書いてなかったようです) サーバサイドのプログラムから、クライアントサイドの JavaScript に何かしらのデータを受け渡しする場合というは、XSS を作りやすい部分であります。 <script> var User = { id : [% user.id | js %], name : "[% user.name | js %]" ... 続きを読む

[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax | コリス

2012/10/16 326 users パララックス src コリス jquery.js text

Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方 「Demo 3」を例に、実装方法を簡単に紹介します。 外部ファイル 「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text... 続きを読む

[JS]雑誌をめくるようにぺらっと画像を表示するスクリプト -mLivre | コリス

2011/08/03 314 users jQuery コリス src jquery.js text

雑誌をめくる「Pege Flip」のエフェクトで画像を次々に表示するjQueryのプラグインを紹介します。 mLivreの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascri... 続きを読む

テンプレートエンジンでJavaScriptを動的生成する際のアンチパターン - 金利0無利息キャッシング – キャッシングできます - subtech

2013/11/08 309 users JSON Key テンプレートエンジン subtech エラー

素のJSONをscriptタグ内に埋め込む 任意の文字列を突っ込める場合には {"key": "</script>"} でscriptタグを強制終了できてしまうからです。 JSONとしては正しいですがHTMLに埋め込む際には、それだけではダメなのです。文字列中に U+2028, U+2029が出現する場合もエラーになります。 http://timelessrepo.com/json-isnt-a-... 続きを読む

ActionScript入門Wiki - Arctic.js

2012/01/26 302 users DeNADev src github.com head

AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascri... 続きを読む

JavaScript 体感速度を上げるいくつかの手のメモ - 冬通りに消え行く制服ガールは、夢物語にリアルを求めない。 - subtech

2009/11/12 300 users subtech DCL document.write XHR

■ JavaScript 体感速度を上げるいくつかの手のメモ 02:46 DOMContentLoaded ですら遅いので、HTML 生成時に script 要素を各所に埋めこんで処理を先走りさせる DCL 前に通信を開始できるなら意味があるかもしれない document.write する script (広告とか) があると DCL が遅延するので価値があがる 初期表示に必ず XHR による通信... 続きを読む

[JS]多彩なアニメーションが実装できる2.3KBの超軽量スクリプト -jsMorph | コリス

2011/10/27 285 users コリス text type script src 実装

jsMorphの実装 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphの基本書式です。 var myMorph = jsMorph( Object obj, // HTML element, Array of elemen... 続きを読む

JavaScriptで要素をドラッグして移動する簡単な方法 - Qiita

2024/02/21 264 users Qiita src height function width

要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.... 続きを読む

スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」 - to-R

2014/05/19 239 users GitHub scrip to-R jquery.js

普段スマホ用のブラウザ判別を行うために利用しているjQueyプラグインを公開したのでご紹介します・ ダウンロード / GitHub 利用方法 jQuery本体を読み込んだ後にダウンロードしたjquery.browser.sp.jsを読み込みます。 <script src="jquery.js"></script> <script src="jquery.browser.sp.js"></scrip... 続きを読む

IE でアクセスしてきた場合ハローワークにリダイレクトする js のホスティングを開始しました - ltcmdr927atenablog

2013/09/12 227 users ホスティング ハローワーク スペシャルサンクス CDN ヘッダ

2013-09-12 IE でアクセスしてきた場合ハローワークにリダイレクトする js のホスティングを開始しました IE でアクセスしてきたらハローワークに飛ばしたいなあというサイトがありましたら以下をヘッダにコピペする感じでお使いください <script src="http://buttlabo.net/cdn/ie_hellowork.js"></script> スペシャルサンクス: @ca... 続きを読む

GoogleでホストされているjQueryを使う方法 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/03/31 221 users jQuery IDEA scr JSAPI Google

激しく既出だと思いますが、いつも調べているような気がするので個人的にメモ。jQueryのライブラリをこちらに持たずにGoogle側でホストしてもらう方法です（ホストしてもらう、という言い方はちょっと変、かな・・・。キャッシュ効果が主なメリットですかね）。 ■ 利用方法 以下のコードで。 <script src="http://www.google.com/jsapi"></script> <scr... 続きを読む

Unicode 12.0正式版が登場。日本語では小文字の「ゐ」「ゑ」「を」「ヰ」「ヱ」「ヲ」「ン」が追加。新元号が発表され次第、次の12.1で新元号キャラクタを追加 － Publickey

2019/03/06 218 users Publickey unicode 小文字 言語 新元号

Unicode 12では4つの言語（script）、554種類の文字が追加されました。これによりUnicodeに収録されている言語は150、文字は13万7292種類になりました。 追加された文字には日本語の文字が7種類、小さな文字としての「ゐ」「ゑ」「を」「ヰ」「ヱ」「ヲ」「ン」が含まれています（通常の大きさの文字は以前からありまし... 続きを読む

Ajaxで吹き出し方式のテキストヒント作成ライブラリ:phpspot開発日誌

2006/06/14 183 users Ajax phpspot開発日誌 方式 table CSS

Ajax tooltip This is an Ajax tooltip script. When you roll your mouse over the "info" links in the table, ajax will show tooltip content from external files. Ajaxで吹き出し方式のテキストヒント作成ライブラリ。 使い方は、必要なCSSとJa... 続きを読む