マンガで分かる JavaScriptプログラミング講座 - マンガPG
「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 マンガで分かる JavaScriptプログラミング講座
JSONらしき文字列をオブジェクトに変換するJavaScript
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / var data = '{a:123,b:"hogehoge"}';こういう文字列があるとき、以下のような謎の黒魔術を唱えるとオブジェクトになる。 var obj = (new Function("return " + data))();は？と思われるこの1行を実行すると、functionが作られ、その中でreturnに続けてdataの中身が書かれてることになるのでオブジェクトが返ってくるという。自分は、eval(data)だと思ってたんだけど、evalはスコープを作らないのと、jsのminifierらでうまくいかなかったりするし、evalこそ真の黒魔術やでーということなので、こんな方法が使わ
GoogleのJavaScriptコーディングスタイルチェッカー「Closure Linter」
GoogleではJavaScriptは特定のコーディングスタイルで統一されるようにClosure Linterという専用のスクリプトを使用しているそうです。 Google JavaScript Style Guide(Google JavaScript Style Guide 和訳)という規則に従ってjsのコードは書かれていて、その規則に沿っているかを確認するgjslintとその規則に合うように修正するfixjsstyleからなるスクリプトです。 インストール方法 How to Use Closure Linter – Closure Linter – Google Code pythonで書かれているのでeasy_installを使ってインストールします。 まずはPythonをインストールしてなかったらインストールして、次にeasy_installコマンドを使うためにsetuptools
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
[jQuery]フォームの入力欄にデフォルトで文字列を入れておいてフォーカスしたら消す | バシャログ。
テキストフィールドの入力欄に「キーワードを入力してください」とかデフォルトで入れておいて、フォーカスした時に消す、というインターフェースを簡単に実装する jQuery のプラグインをご紹介します。 jquery.fieldtab.js 導入はとても簡単です。 まずは上記のサイトから「jquery.fieldtag.js」をダウンロード。 次に HTML の head 内に以下のコードを。#hoge のところは適用したいテキストフィールドの id を入れます。 <script type="text/javascript" src="jquery.fieldtag.js"></script> <script type="text/javascript"> /* <![CDATA[ */ $(function(){ $("#hoge").fieldtag(); }); /* ]]> */ </s
![[jQuery]フォームの入力欄にデフォルトで文字列を入れておいてフォーカスしたら消す | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a7c7828e73c1691039a9aa0dce7f4c767e36c92/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_javascript.png)
jQuery UI.Layout Plug-in
OVERVIEW This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI Layout plug-in can create any UI look you want - from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc. Combined it with other jQuery UI widgets to create a sophisticated application. There are no limitations
DHTMLX JS Library | JavaScript/HTML5 UI Framework | JavaScript UI Library
Boost Development with JavaScript UI Libraries Easy-to-use and feature-rich JavaScript components that perfectly fit your solutions in any domain and of any complexity.
HugeDomains.com
Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
DWR - Easy Ajax for JAVA
Direct Web Remoting DWR is a Java library that enables Java on the server and JavaScript in a browser to interact and call each other as simply as possible. DWR is Easy Ajax for Java DWR will generate the JavaScript to allow web browsers to securely call into Java code almost as if it was running locally. It can marshal virtually any data including collections, POJOs, XML and binary data like imag
Ext JS 4 実践開発ガイド 【アウトライン公開】
ども、小堤です。 最近、Ext JS 4 の解析でヘロヘロです。 そもそも、こんなでかいものを一人で解析してること自体ｒｙ 順調に（？）執筆を続け、なんとかドラフト版は、６０％位は終わったんですが、やっとこさ、大体のアウトラインが固まってきたので公開します。 章でいうと１３章まで大体書き終わっています。（ページ数で２００ページちょい） このあと、出版社いって打ち合わせ。 A4ベースで作ってるので、仮で流し込める四六判で早く見てみたいものです。 なんだか、ずーーーっと執筆してると、飽きてくるだけなくて、何かいているかわからなくなったり、本当にいるのか？ｗとか色々考えるんですが（笑） そろそろ力尽きそうなので、Perfect Dayでもなんでもいいんでｗ 僕にやる気出させてください（他力なんとかｗ 本書のターゲットは、次の人たちです。 Ext JS 3を使ってきた人 Ext JS 初心者だが、
EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は： ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が
JavaScriptツールチップライブラリ24個:phpspot開発日誌
24 Tooltipp-Scripts | Dr. Web Weblog Tooltipps, also Mini-PopUps, beharrscht jeder halbwegs moderne Browser. JavaScriptツールチップライブラリ24個。 カーソルを合わせた際などにヒントとしてポップアップしてサイトの使い勝手を向上させることの出来るツールチップライブラリが多数紹介されています。 Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus jTip – A jQuery Tool Tip AJAX-enabled Help-Balloons Tooltipps mit CSS und Javascript qTip BoxOver SuperNotes DHTML
Canvas tutorial - MDC
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
canvas : 画像の合成方法いろいろ - WebOS Goodies
使い方がわかったところで、実際に試してみましょう。以下のサンプルでは、合成モードを変更して効果の違いを確かめられます。ついでに描画する図形（パス or ビットマップ画像）、透明度、描画色なども変更できますので、それぞれを組み合わせてどのような効果が得られるかも確認できるようにしておきました。 ※ペンギンの画像は Image * After で公開されていたものを Flickr に保存して利用しています。 ディスティネーション画像の下半分は半透明で描画しています。ただし Opera では画像に対する半透明指定は機能しません。また、透明部分が確かめやすいように背景画像を設定していますが、この背景は CSS の background-image プロパティーによるものであるため、 globalCompositeOperation の影響を受けずに描画されます。ソースは以下のようになっています（簡
有限会社ミスティーネット JavaScript講座
<div class="sampleMenu01" onmouseover="popupMenu(this, 1,360,380);rollOver(this,'sampleMenu02');" onmouseout="displayMode('none');rollOver(this,'sampleMenu01');" >検索エンジン</div> サンプルのピンク色のメニューを表示しているソースです。 メニュー項目ごとに、このソースを追加していきます。 onmouseover の動作 「popupMenu」関数でサブメニュー(ポップアップメニュー)の表示を行います。 また、「rollOver」関数でメニューの色を薄いピンク色に変更しています。 色を変更することで、どのメニュー項目をポイントしているかがわかりやすくなります。 onmouseout の動作 「displayMode」関数でサ
IEの「オブジェクトを指定してください ライン1 文字1」エラーについて（javascript,ajax）ohanasiya_blog - Blog
onMousemoveやonClickなどに javascript関数を割り当てている場合、 Javascriptで構文エラーやタイプミスがないにもかかわらず、 InternetExplorerで「オブジェクトを指定してください」という エラーが出る場合があります。 Javascriptでは、変数も関数も全部「オブジェクト」なので エラーの意味としては「関数を指定してください」、つまり 「指定された関数が未定義ですor見つかりません」という 意味です。 この主な原因は jsファイルが読み込まれる順番に問題があるか jsファイルが実行されるタイミングに問題があることが ほとんどです。 jsファイルの実行順は以下のような感じのようです。 ・<script>タグで埋め込まれたJavascriptは、 HTMLの読み込みが終わる前から上から順番に読み込み・実行。 関数の定義があったら読み込ま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo! UI Library
http://e0166nt.com/blog-entry-694.html
CSSプルダウンメニュー１ 〜CSSテクニック〜
JavaScriptのイロハ：特集 - builder by ZDNet Japan