タグ

JavaScriptとjavascriptに関するfumokmmのブックマーク (150)

  • jsdo.it

    Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a

    fumokmm
    fumokmm 2010/10/29
    ほほぅ。ちと見てみようか。
  • コア・JavaScript ( JavaScript. The Core. ) - oogattaの勉強日記

    この文章は、 Dmitry A. Soshnikov さんの、 ECMAScript に関する優れた記事 "JavaScript. The Core." を許可を得て翻訳したものです。世の中に、 JavaScript のブラウザ API や、実装系に関する記事は多々あれど、 ECMAScript の仕様に則って、ここまで詳しく説明してくれている記事は殆ど無いと思います。今回は翻訳できておりませんが、文中で参照されている Dmitry さんの ES3 シリーズも、読み応えのある( ECMAScript3 の仕様の副読としても読める)素晴らしい内容ですので、是非チャレンジしてみてください!(ご要望があれば訳します翻訳許可を頂いたので、この記事内で参照されている章から逐次翻訳を進めます!)。 ちなみに Dmitry さんは、計算機科学や数学にも明るい方でらっしゃいます。が、私は違います。極力

    コア・JavaScript ( JavaScript. The Core. ) - oogattaの勉強日記
    fumokmm
    fumokmm 2010/10/06
    あとで読む。
  • 【Javascript】DOM関数にinsertAfter()ってないの? at softelメモ

    ないけど、なくても困らない。 insertBeforeでできる。 parentElement.insertBefore(newElement, targetElement.nextSibling) targetElement の後ろに newElement を入れたかったらこれで済む。 targetElement がparentElementの最後の子要素(lastChild)だったとしても、 targetElement.nextSibling は null となり、 parentElement.insertBefore(newElement, null) は末尾に追加なので、万事OK。 安易に insertAfter() を作らなかったことを評価したい。

    【Javascript】DOM関数にinsertAfter()ってないの? at softelメモ
    fumokmm
    fumokmm 2010/09/05
    なるほど。でもエイリアス的な意味で付けてくれててもよかったような気も。
  • news - javascript - just do jsdo.it! : 404 Blog Not Found

    2010年07月02日05:30 カテゴリLightweight LanguagesNews news - javascript - just do jsdo.it! 今更ながら試してみたけど… これはすごい。 一言でいうと、Webアプリケーションをその場で作れるWebアプリケーション。 例えば、こんなの。 Simple JS Runner - jsdo.it - share JavaScript, HTML5 and CSS 全てサイト内で書けました。 単にその場で書けるだけではなくって、こうして作品をblogに張り込むことも出来るし、人のコードをforkすることもできるし、至れり尽くせり。認証がOpenIDやOAuthで、アカウントをわざわざ作成しなくてもいいところも素晴らしい。ここまで敷居を下げられたら、 Just do it.するしかない。 詳しくはこちら。 help - jsdo

    news - javascript - just do jsdo.it! : 404 Blog Not Found
    fumokmm
    fumokmm 2010/07/05
    なんだかすごそう。時間があったら試してみたい。
  • JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ~ 百式管理人のライフハックブログ

    We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

    JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ~ 百式管理人のライフハックブログ
  • グーグルがJavaScript版“PDFビューア”を前面にプッシュ - @IT

    2009/10/08 Google DocsやGmail向けとしてグーグルが実装した「Google Docs Viewer」は、PDFPowerPoint、TIFFに対応するJavaScript版の文書ビューアだ。もともとGoogle DocsやGmailといったサービス上にある文書ファイルや添付ファイルを対象とするビューアだったが、外部のオンライン文書に対してもURLをダイレクトに指定することで利用できる(例えば総務省の資料をDocs Viewerで開く例をクリックしてみてほしい)。Docs Viewerではサーバ側が実体ファイルを読み込み、それをレンダリング。その結果を1ページ1画像としてクライアントに順次読み込ませるという動作をする。 Docs Viwerはグーグルの外部にあるファイルでも利用でき、HTMLページに埋め込む機能もある。このことに、一部のユーザーは気付いていたが、これ

    fumokmm
    fumokmm 2009/10/09
    なんかすごい。なんでもJSでできちゃうんだね。
  • JavaScriptコーディングに関するテクニックやパフォーマンス等のリファレンス集:phpspot開発日誌

    最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Problems With JavaScript’s getElementById Method in Internet Explorer 7 | Impressive Webs IE7のgetElementByIdで起こる問題を避けるためのTIPS集。 How to add a CSS Link programmatically using JavaScript <link>タグをJavaScriptによって動的に作成してCSSを動的に設定するコード例 JavaScript CSS Selector Benchmarks CSSセレクタでDOMにアクセスする際の各フレームワークでの速度ベンチマーク比較 6 Ways To Wor

  • JavaScriptで覚えておくとよいデータ構造 - 配列・オブジェクト - いろいろ解析日記

    JavaScriptで必要なデータ構造の覚書です。 目次 配列 配列を生成する。 配列にデータを追加する。 配列にデータを格納する。 配列からデータを取得する。 配列中のすべてのデータに同じ処理をする。 オブジェクト オブジェクトを生成する。 オブジェクトにデータを格納する。 オブジェクトからデータを取得する。 オブジェクト中のすべてのデータに同じ処理をする。 関連記事 配列 配列は複数件のデータを扱うためのデータ構造です。 ■配列を生成する。 配列の生成は以下のように行います。 var 配列の名前 = []; var 配列の名前 = [ データ, データ, … ]; 配列の生成では、配列の名前を指定します。 もし、生成時にデータを格納する場合に、[]内にデータを指定します。 なお、JavaScriptでは配列の生成時にサイズを指定しません。 例えば、空の配列array1を生成するには、以

    JavaScriptで覚えておくとよいデータ構造 - 配列・オブジェクト - いろいろ解析日記
    fumokmm
    fumokmm 2009/08/01
    データ構造など
  • JavaScriptのオブジェクトについて考察してみた - あと味

    JavaScriptを勉強しているとオブジェクトとはなんぞや?ということがわからなくなってきます。選択肢が増えれば増えるほど。 JavaScriptには、同じように見えて、実は同じではないデータがあります。それらのオブジェクトについて、区別して説明が付けられるように、自分なりに考察してみました。勉強中のアウトプットなので、ここで書いた内容は事実とは大きく外れているものかもしれません。とにかく不明瞭な部分を自分なりに理由づけしたかっただけです。 サンプルコードを試される場合は、FirefoxのFireBugにあるコンソールに貼りつけて実行するか、Safariの開発ツールにあるコンソールに貼りつけて実行してください。それがわからない方は console.log の部分を alert に置き換えて確認してください。 話がややこしくなるので、今回はプロパティしか扱っていません。 名称の定義について

    JavaScriptのオブジェクトについて考察してみた - あと味
  • javascript - にはクラスはない : 404 Blog Not Found

    2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi

    javascript - にはクラスはない : 404 Blog Not Found
    fumokmm
    fumokmm 2009/06/15
    細かな説明
  • JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記

    タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー

    JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
    fumokmm
    fumokmm 2009/06/01
    Tips
  • はてなブログ | 無料ブログを作成しよう

    夏休み2025 前編 ロンドン・パリ 8月の最初の週から10日間、ヨーロッパに行って来ました!とっても楽しい時間で、一生の思い出になったと思っております。8月思いっきり遊んだぞの記録です! ロンドン 2025/8/4~8/7 パリ 2025/8/7〜8/10 旅のメモ 前編 空港の外貨両替 まこと悪しきビジネス クレジット…

    はてなブログ | 無料ブログを作成しよう
    fumokmm
    fumokmm 2009/05/23
    unsafeWindow
  • いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0

    が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ

    いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
    fumokmm
    fumokmm 2009/05/09
    早くお目にかかりたい技術ばかり。
  • jQuery プラグインを2個作りました。 « Blog › www.psychedesire.org

    自分でよく使うWEBサイトデザインをテンプレート化している最中に、 親要素の中の子要素を、親要素の縦の真ん中に持ってきたり、要素の高さを揃えたりするjQueryプラグインを作ってみようかしら? と思い、作ってみました。 検索すれば、いっぱい出てくるので、そっちを使ったほうがいいです。 jQueryプラグインをjQueryの文法で作っているあたりが、もうダメダメですね。 というわけで、 親要素の中の子要素を、親要素の縦の真ん中に持ってくるプラグイン、 【domAnnaChor】(ドマンナカーと読んで欲しい)です。 サイトのヘッダーとかで、 <div class=”header”> <h1>サイトタイトルだよ</h1> </div> みたいにすることが多いと思います。 このh1を、.headerの縦のど真ん中に持っていきたくて、色々やった思い出がある人も居るのではと思い

  • JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」:phpspot開発日誌

    Opensource - AJAX - Jqtransform - jQuery form plugin JavaScriptHTMLフォームの劇的ビフォアアフター「Jqtransform」。 jqTransformを使えば、味気ないフォームも以下のとおり、1行で綺麗に整形することが可能です。 ↓↓↓↓↓↓↓↓ 必要なライブラリを読み込んだら、1行で整形 $('form').jqTransform({imgPath:'/img/'}); ↓↓↓↓↓↓↓↓

    fumokmm
    fumokmm 2009/04/24
    フォームの見栄えを簡単にチェンジ。
  • HTMLだけでは実現できないドロップダウンチェックリストの作成JavaScript:phpspot開発日誌

    jQuery Dropdown Check List HTMLだけでは実現できないドロップダウンチェックリストの作成JavaScript。 複数選択式の選択リストは普通に作成することが出来ますが、チェックボックスを使ったわかりやすいUIの実現は難しいですね。 「jQuery Dropdown Check List」ならjQueryプラグインなので、非常に簡単に実現できます。 $("#s6").dropdownchecklist(); のように、1行で初期化できるところも素晴らしいですね。 一昔前にやっていれば、どうやってやってるんだろうと検討もつかなかったと思いますが、進化したものです。 関連エントリ JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」

    fumokmm
    fumokmm 2009/04/23
    地味だけどすごいな。そろそろjQueryもちゃんとやっとくかな?
  • JavaScriptでできること・できないこと

    さまざまなプログラミング言語がありますが、プログラミングそのものに触れてみたいと思うならJavaScriptをお勧めします。Webブラウザとメモ帳があれば、格的なプログラミングに挑戦できるのです(編集部) プログラミングを学びたいと思ったら 皆さんは、JavaScriptというと何を思い浮かべるでしょうか。 Webで動的なユーザーインターフェイスを実現するための技術でしょうか。それとも、オブジェクト指向のスクリプティング言語でしょうか。JavaScriptというキーワードを聞いたことがある程度という方もいるでしょう。 JavaScriptは現在多くのWebブラウザに搭載され、さまざまな場面でWebの中核技術を支えているスクリプティング言語です。 連載は、プログラミングを初めて学ぶ人を対象にしたJavaScriptの入門記事です。特に次のような方のために分かりやすく解説を行っていきます。

    JavaScriptでできること・できないこと
    fumokmm
    fumokmm 2009/04/22
    JavaScript系の記事。
  • 長文を分割&横スクロールで見やすくする·bookreader.js MOONGIFT

    Webの発達で日語であっても横に読まれることが当たり前になりつつある。コンピュータ上では縦に際限なく伸びていくので、縦書きは読みづらいのだろう。だが横向きに書かれていても長文であると見がたくなるのは変わらない。 長文をブラウザ上で読むならこれ 特に小説やコラムなど長文を載せているサイトの場合はそうだ。コンピュータは元々書籍に比べると長文を読むのに適していない上に、レイアウトも読みづらいのでは大変だ。そこで試したいのがbookreader.jsだ。 今回紹介するオープンソース・ソフトウェアはbookreader.js、長文を読みやすくするJavaScriptライブラリだ。 bookreader.jsは専用のJavaScriptCSSファイルによって縦に続く長文を一定の長さで区切り、続きを右側に表示してくれるスクリプトが。スクロールは矢印キーか画面に表示される矢印のボタンで行う。 次期バー

    長文を分割&横スクロールで見やすくする·bookreader.js MOONGIFT
    fumokmm
    fumokmm 2009/04/18
    わりとよさそうなアイデアなんだけど。検索性に乏しい気がした。
  • JavaScript集(フレーム スクロールバー操作) -Bash Homepage-

    フレームでスクロールバーの制御の仕方です。 フレーム画面で、横に2つ画面があった場合片方の画面のスクロールバーを上下させると、もう片方のスクロールバーも同期を取って動くようにする方法です。 Javascriptの書き方は以下のようになります。 <HTML> <HEAD> <script language="JavaScript1.2"> <!-- window.onload=init ie=false nn=false if(document.all){ie=true} if(navigator.appName=="Netscape"||navigator.userAgent.indexOf("Opera")!=-1){nn=true} function init(){ if(ie){ frames[0].document.body.onscroll=scrollie frames[1

    fumokmm
    fumokmm 2009/04/07
    フレームの横スクロール・縦スクロールの同期。
  • 2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌

    Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト