GitHub - es-analysis/plato: JavaScript source code visualization, static analysis, and complexity toolYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
どのフレームワークが最適か。多彩なJavaScriptフレームワークで実現したTodoアプリ·TodoMVC MOONGIFT
TodoMVCはTodoアプリを多様なJavaScriptフレームワークで実現、比較できるソフトウェア。 TodoMVCはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。今はJavaScriptが隆盛とあって、Webサイト開発において大抵利用される。そんな中、どのJavaScriptフレームワークを使うべきか適切に検討しているだろうか。慣れだけ考えてjQueryに落ち着いてしまったりしていないだろうか。 色々なフレームワークが試せる もちろん慣れはとても大事な要素ではある。だが全ての開発が一つのJavaScriptフレームワークでまかなえる訳ではない。もっと様々なフレームワークを検討すべきだ。そんな時の目安になり得る、とても面白いプロジェクトがTodoMVCだ。 TodoMVCはTodoアプリで、Web上でタスクを入力して登録し、チェックボックスを付けて消化
クラスもどきを作るライブラリを作ってみた - hogehoge @teramako
newを封印して、JavaScriptでオブジェクト指向する(1) - 泥のように newを封印して、JavaScriptでオブジェクト指向する(2) - 泥のように newを封印するべき4つの理由 - 泥のように あたりを読んで、たまにはライブラリ的なものを作ってみようと思い立って作ってみた。上記記事よりJavaScript的なクラスを作成できると思う。 コード https://gist.github.com/972456 jsdoc-tookitの練習としてコメントも入れているのもあって、最初は数十行で済ませるつもりが100行オーバーしてしまった。 一応、Firefox4.0とGoogleChromeで動作は確認したが、ECMAScript 5th 入りまくり、かつ、__proto__を使っているので一般Webではまだ使えないかも。(ダメじゃん) 特徴 特徴というほどでもないけど in
ブラウザ上でコードを強調表示できるJavaScriptライブラリ | Web活メモ帳
多彩な言語を操作可能なライブラリ 「CodeMirror」はコードを編集するためのインターフェイスを作成するJavaScriptライブラリです。 自動インデントやカラーリングはエディタの非常に重要な要素ですが、それらをWEB上で再現してくれます。 対応言語はJavaScript,HTML,CSS,PHP,Python,Ruby,SQLなど非常に多くの言語がサポートされています。 Google Earch APIがインタラクティブに開発可能 その他のサンプルで驚いたのが、KLMがインタラクティブに開発できる点です。 Google Earchのサンプルコードが豊富にあり、簡単に作れそうです。 動作も軽快なので、ちょっとした開発に使えるかもしれませんね。
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
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
SURGAVIP : Link Slot Gacor PG Soft Maxwin Slot Online
SURGAVIP # Link Slot Pragmatic Gacor Malam Ini Modal Kecil Janji Maxwin Sekarang ! Selamat datang di SURGAVIP situs slot terpercaya dari server PG Soft ternama, banyak jenis permainan slot gacor dan mudah menang maxwin disini bersama surgavip. main dengan modal receh pulang dengan uang berlimpah. SURGAVIP dikenal sebagai situs terpercaya dengan koleksi lengkap game dari pg oft, provider yang udah
Flickrで使われているあのクールなドロップダウンメニューを実装してみよう:phpspot開発日誌
woork: Flickr like horizontal menu This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu: Flickrで使われているあのクールなドロップダウンメニューを実装してみよう！ 次のようなクールなドロップダウンメニューを実装してみましょう。 紹介元で、HTMLと画像のサンプルが配布されています。 実装自体は次のように関数が定義されていて、 <script language="javascript"> function showMenu(id_menu){ var my_menu = document.getElementById(id_menu); if(my_menu.style.
for 文を setTimeout に変換する - IT戦記
for 文で 100 項目とか 1000 項目とかあるテストケースを処理するとブラウザが固まる。 こんなダイアログが表示されます。 ということで for 文を setTimeout や setInterval に変換する事で定期的にブラウザに処理を戻すことができる。 // ここでは console.log のところでログを取ってますが // 通常は処理が入ります。 for (var i = 0; i < 3; i ++) { console.log('a' + i); } /* * 結果 * a0 * a1 * a2 */ これをまず while 文に変換 var i = 0; while (true) { if (!(i < 3)) break; console.log('a' + i); i ++; } /* * 結果 * a0 * a1 * a2 */ で、 setTimeout に
新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
Webプログラマーが知っておくべき5つの正規表現 - ケーズメモ
思いは言葉に。 はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
Time-Savers: Code Beautifier And Formatter | Developer's Toolbox | Smashing Magazine
Well-documented and readable source code is essential for every collaborative project. Logically structured, well organized and nicely formatted, the code can speed up the bug hunting and help to keep the code clean, minimal and still functional. These aspects are particularly important if the code is being developed by a group of developers: in this context a common scheme for source code present
AddDojoEditor – Django
Add Dojo Editor This document describes how to add the Dojo Rich Text Editor (Editor2) to the Django Admin-Interface. Warnings According to #1099, the `admin.js` option will be going away in favor of overriding admin templates, so this approach will have to be modified somewhat when that happens. Unfortunately, multiple Editors on one site is currently not working with Editor2. Install Dojo Downl
[jQuery]を使いマウスオーバーした時に画像をフェードさせる (ウェブのあれこれ格納庫)
ウェブのあれこれ格納庫 » Javascript » [jQuery]を使いマウスオーバーした時に画像をフェードさせる [jQuery]を使いマウスオーバーした時に画像をフェードさせる Javascript ライブラリといえば【Prototype】ばかり使ってたけどたまには･･･ということで【ｊQuery】を使ってみた。 使ってみたと言っても今回はエフェクト機能を使って画像にフェード効果をつけるだけのシンプルなものだけど、これがまた結構簡単にサクっと完了。･･･んで、これだけじゃさすがに物足りないと思ったからついでに【Thickbox】も追加。 う～ん、少しは画像ギャラリーらしくなったかな(-∀-;?? サンプル：http://web.hirot.jp/sample/jquery/fade/ そんなワケで今回は【ｊQuery】を使ったフェード効果の覚書。 まずはじめに注意書きだけど、
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
» 25 Code Snippets for Web Designers (Part4)