知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、”Objective-C”と、”cocoa Touch”というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
jQuery の sortable を iPad 対応する - KodaNote
jQuery の sortable を使った かんばん風の TodoList を GoogleAppEngine 上で作成して、iPad 対応してみた。 動作例(KanbanList) ハマったポイントを忘れないうちにメモっておく。 iPadでは画面タッチ時に mousedownイベントではなく touchstart イベントが飛んで来るのでそれをマウスイベントに変換してあげないといけない。 以下のような touchHandler()関数を sortable 対象に addEventListener してあげる。 function touchHandler(event) { var touches = event.changedTouches; event.preventDefault(); var first = touches[0]; var type = ""; switch(eve
Protovis - Examples
Gallery Enjoy these sample visualizations built with Protovis. For any example, use your browser to view the source or the backing dataset. Protovis is no longer under active development. The final release of Protovis was v3.3.1 (4.7 MB). The Protovis team is now developing a new visualization library, D3.js, with improved support for animation and interaction. D3 builds on many of the concepts in
普通の業務系PGには意外と知られていないJavaとJavaScriptの相違点10選 - 達人プログラマーを目指して
以前はJava EEの普通のWebアプリケーションで、JavaScriptはあくまでも利便性のために補助的に使うものという認識がありましたが、さすがに最近では普通の業務系のSI案件でもテーブル表示や入力補助などで高度なAjaxライブラリーの使用が当たり前のように求められるようになりつつあります。サーバーサイドのJavaScript技術といったものもありますが、そういった新しい技術を使わないまでも、ごく普通にある程度大きなJavaScriptの作成が必要になってきているということです。 もちろん、JavaとJavaScriptはその名前にかかわらず、本来全く別の言語です。しかし、意図的に似た構文でロジックが書ける*1ため、兄弟の言語として認識している人も意外に多いのではないかと思います。しかし、使用できるライブラリーに違いがあるという点が一見してわかる最も大きな違いですが、基本的な言語の文法
Google Chrome版Firebug：デベロッパーツール取扱説明書 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
【ハウツー】ゼロからはじめるYahoo! UI Library - SimpleDialog編 (1) Yahoo UI Library - Simple Dialogとは？ | パソコン | マイコミジャーナル
今回はYahoo UI LibraryのUIの1つであるシンプルダイアログ機能について説明します。このシンプルダイアログはWebサイトなどで見られるダイアログ機能を、より簡単に使えるようにしたものです。基本的にはアラートダイアログや、確認のダイアログなどに利用します。 シンプルダイアログの実行例 関連ファイルの入手 まず、Yahoo UI Libraryを入手しましょう(*1)。Yahoo UI LibraryのダウンロードはこのURLにある「Download YUI」のボタンをクリックします。 Yahoo UI Library公式サイト ダウンロードしたファイルはZIP形式になっているので解凍します。解凍するとbuild、docs、examplesフォルダとREADMEファイルがあります。今回必要になるファイルは図に示すハイライトされたファイルです。 解凍図 これらのファイルを適当なフォ
ASP.NET で、実行時のコントロールの ID を取得する方法 | ゆめとちぼーとげんじつと
ASP.NET でクライアント側の検証用に JavaScript を使う場合に困ることの一つが、ASP.NET のコントロールの ID は、設計時と実行時とで違うこと、じゃないでしょうか。 ID がわからなければ、getElementById() などが使えないのです。 そこで、その ID の取得方法についてのメモ。 * JavaScript 内でオブジェクト群をループして取得する方法もあると思うのですが、私が使う方法は、ASP.NET コントロールの、ClientID プロパティを利用する方法です。 例えば、JavaScript 内で次の様に書きます。 [code lang=’javascript’] var element = document.getElementById(“< %= [ASP.NETのコントロールID].ClientID %>“); [/code] こうすると、el
JavaScriptのDOM Core基礎 - 三等兵
Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/
通常のリンクをリファラを送らないリンクに変える【JavaScript】 - Programming Magic
※このdataスキームを使ってURLを消す方法は、Opera9.50ではうまく動いていましたが、Opera9.64ではリファラを消すことができなくなっていました。そのため、以下の方法ではOperaのリファラを消せないことがあります。 リファラを消す方法は「リファラ実験 - referrer test」にいくつか書いてあるが、これらの方法ではOperaのブラウザでリファラを消すことができない。 私はできないものだと諦めていたが、最近、「Operaでリファラ消し :: てくてく糸巻き」という記事を見つけた。 これはdataスキームを利用した方法で、実際に試してみたところOperaでもリファラを消すことができた。 そこで、通常のリンクをリファラを送らないリンクに変えるJavaScriptを書いてみた。 (Windows XP上のIE6、IE7、Firefox2、Opera9、Safari
REFERRERを消して外部ページに移動する｜JavaScriptプログラムメモ｜プログラムメモ
外部ページに移動するときに referrer をサーバに送りたくない時があります。 そんなときは http://blog.ptlabo.net/index.php?id=06100106 のやり方で行けます。 Safari2 , Firefox2 , Opera9 で有効な方法 <a href="data:text/html;charset=utf-8,%3Chtml%3E%0D%0A%3Cscript%20%3E%0D%0Alocation.replace(%22http%3A%2F%2Fwww.teria.com%2F~koseki%2Fmemo%2Freferrer%2Fview.php%22)%3B%0D%0A%3C%2Fscript%3E%0D%0A%3C%2Fhtml%3E%0D%0A">リファラ消し</a> IE6,7 で有効な方法 <a href="javascript:
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
*[javascript]10秒後に自動遷移 + カウントダウン表示 - エキゾチックJAVA〜ん
移転したサイトの旧URLにアクセスした時などによく見られる、 10秒後に自動遷移するページを javascript + JSP で作成しました。 遷移するまでの時間・遷移先URLをMETAタグ内で指定し、 カウントダウン表示をjavascriptで実装しています。 <%@ page language="java" pageEncoding = "Windows-31J" contentType="text/html; charset=Windows-31J" %> <% // 遷移先URL String url = "http://www.yahoo.co.jp"; // カウントダウン秒数指定(単位：秒) // 自動遷移までの秒数を変更したい場合は、この数値を変更してください。 int timer = 10; %> <html> <head> <meta http-equiv="Cont
![*[javascript]10秒後に自動遷移 + カウントダウン表示 - エキゾチックJAVA〜ん](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f79bcb0b76e2b079b078e223ecb654600c54964/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127138262187%2F17680117127138264289%2F1558084227)
ようこそJavaScriptの世界へ
JavaScriptで本格的なプログラミングの世界に触れてみよう。連載を通じて実用的なアプリケーションを作れるようになるはず！？（編集部） JavaScriptってよく聞くけど何だろう？ JavaScriptは、Webブラウザ上で動かすことのできる簡単なプログラム言語です。HTMLだけでは動くWebページはできませんが、JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。 プログラム言語と聞くと、なんだか難しそうに感じてしまうかもしれませんが、心配はいりません。 本講座は、HTMLは分かるけどプログラムを書いたことがないという人や、デザインは得意だけどプログラムは全然分からない！ 文科系で数学は苦手！ という人が理解できるような入門講座として、JavaScriptの基本から進めていきます。 用意するものはメモ帳などのテキストエディタとWebブラウザだ
jQuery Star Rating Super Interface!
jQuery Star Rating Plugin Here is my quick and dirty re-creation of a star rating plugin. This is a fully degradable plugin that creates the Star Rating interface based on a simple form structure. I would love to hear your suggestions on how this could be made better. Feel free to contact me wil[dot]stuckey[at]gmail[dot]com, thanks! Update: 11-11-06 I recently added support for keyboard navigat
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://sanride.com/blog/webdesign/jquerydroppy.php
http://solidstate.jp/UserAssistance/inputForm/script_40.html
[ASP.NET]エラーメッセージ表示用関数 | 間違いだらけのプログラミング![[ASP.NET]エラーメッセージ表示用関数 | 間違いだらけのプログラミング](https://cdn-ak-scissors.b.st-hatena.com/image/square/2302e44c95c7e474fefb218540004f95dc47a4bb/height=288;version=1;width=512/https%3A%2F%2Fimaging.jugem.jp%2Ftemplate%2Fimg%2Fjugem_og-image.png)
