IDEA * IDEAドットインストール代表のライフハックブログ
1分で作るシンプルなショッピングシステム·simpleCart MOONGIFT
日本ではYahoo!オークションが個人間決済における物販シェアを大きく握っている。とは言え、業者の出品が数多いので、本当の意味で個人間決済を押し進めるのは難しそうだ。もっと簡単に個人間の取引ができないものだろうか。 JavaScriptを使ったシンプルなカートシステム そこで注目するのはPaypalだ。海外のサービスであるがために、海外との取引で問題が発生すると厄介だが、日本人相手に行うだけならまだ安心かも知れない。そんなPaypalを使ったECシステムを簡単に構築するのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはsimpleCart、JavaScriptとPaypalを組み合わせたショッピングシステムだ。 simpleCartのサンプルとして、並べられた商品をクリックするとその場でショッピングカートに追加できるJavaScriptが紹介されている。さらにチェックアウ
MooToolsをベースにしたグラフィカルなUIを実現するJavaScriptライブラリ·Jx MOONGIFT
※ 画像は公式サイトデモより Webアプリケーション化が進めば進むほど、JavaScriptに期待されるのがリッチインタフェースの実現だ。もともとWebブラウザ自体がリッチなインタフェースだが、ローカルアプリケーション並みのコンポーネントや操作性を求められるようになっている。 四角のレイアウト そのようなインタフェースを実現するライブラリは数多く登場してきている。その一つとしてJxを紹介しよう。 JxはMooToolsをベースとしたJavaScriptライブラリで、リッチなユーザインタフェースを実現する。Google Code上でホスティングされているオープンソース・ソフトウェアで、ライセンスはMITとなっている。 Jxの公式サイトには様々なサンプルが登録されている。レイアウトに関するもの、スライドやドラッグができるダイアログやパネル、テーブル表示、ツリー、ツールバー、メニュー、タブなど様
これは面白い！奥行きを感じさせる動作をするjQueryプラグイン·jParallax MOONGIFT
な、なんじゃこりゃぁと思わざるを得ないようなJavaScriptの登場だ。JavaScriptはNetscapeがあった時代からあるもので、ずっと昔から存在している。単なるサイトの装飾扱いだった時代を経て、Ajax、prototype.js、YUI、Ext-JSなどここ数年で一気に進化を遂げている。 複数の画像によって、まるで中に入り込んだかのように動かすことができる その留まる所を知らない進化の最新系を見られるのがこのjParallaxというjQueryプラグインだ。JavaScriptなのでもちろんソースコードは公開されているが、ライセンスは特に明記されていなかったのでご注意いただきたい。 jParallaxは言わば複数の画像をレイヤーを重ねるがごとく表示して、マウスの動きにあわせて上下左右にちょっとずつずらして表示を切り替える。それによってまるで遠近感をもって動いているかのような印象
John Resig - JavaScript iPhone Apps
I’ve been watching, with interest, developers create new applications for the iPhone. Owning one myself – and being knowledgeable in JavaScript – I’ve been wondering what options there were for creating downloadable JavaScript applications or the iPhone. In doing some research I found a number of solutions, some simpler than others, some requiring more knowledge of Objective-C than others. Before
Ejacsのjs-consoleの履歴を保存する - 考える人、コードを書く人
EmacsでJavaScriptが実行できるEjacsのjs-consoleに感動しつつ、js-console上でシェルやgdbのように履歴を保存できないのが不満だったので、ちょこっと作ってみた。なんてことはない。ただのスタックだ。履歴を遡るだけなら1個でいいのだが、履歴を遡っている途中で逆方向に戻りたくなった場合、もう1つスタックが必要だったので、2段構えになっている。 --- js-console.el.old 2008-11-19 00:03:53.000000000 +0900 +++ js-console.el 2008-11-18 23:58:01.000000000 +0900 @@ -44,6 +44,58 @@ (defvar js-console-last-parsed-input nil) (make-variable-buffer-local 'js-console
Ejacs - 考える人、コードを書く人
http://code.google.com/p/ejacs/ EmacsLispで書かれたJavaScriptインタプリタ。そういえば、去年にこっちでそんなことをやっているという記事を見た記憶が。 READMEを読むと、 Ejacs is a reasonably complete interpreter for the Ecma-262 specification written entirely in Emacs-Lisp. It runs on GNU Emacs version 22 and higher. ECMA完全準拠らしいですよ。さらに読んでいくと、 Ejacs provides a minimal interactive console for evaluating JavaScript expressions and statements on the fly. Th
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
Aardvark Firefox Extension
The Aardvark bookmarklet is a tool for web developers/designers as well as casual users. To quickly see it in action on this page, run the demo. Using Aardvark Once you have installed Aardvark as a bookmarklet (it takes about ten seconds!), you may start it at any time by selecting it from the bookmarks menu or toolbar. Aardvark will run until you press the “Q” key to quit, or leave the page or re
WEBデザイナ/開発者が覚えておくと便利なブックマークレット集:phpspot開発日誌
15 Must-Have Bookmarklets For Web Designers And Developers WEBデザイナ/開発者が覚えておくと便利なブックマークレット集。 起動すると、その場で画像などの要素をドラッグ＆ドロップでデザインできたりする便利なブックマークレット集です。 ReCSS - Reloads The CSS 起動すると、サイトのＣＳＳが再読込みされ、リロードすることなく見栄えの更新ができる Edit Any Website - ブックマークレット XRAY - See Details Of Any Web Element 起動するとJavaScript製のＤＯＭインスペクタが起動します。 MRI 起動してエレメントをクリックすると、クリックしたエレメントのセレクタが取得可能。 Design - Grid-Rule-Unit-Crosshair 起動すると、4
Home
The constant hunt for more efficient and useful ways to use these 3d printers keeps turning up interesting results...
JSON/XMLデータを簡単に編集する·JSON Editor MOONGIFT
Ajaxを使う上でよく使われるのがJSONやXML形式だ。最近では特に冗長性がなく、JavaScriptでそのまま使える分、JSONが好まれる傾向にある。しかしコンピュータ上は読みやすくとも、人向けのフォーマットとは言えそうにない。 例えばデバッグの際にJSONフォーマットをチェックする必要があった場合、その解析は非常に面倒だ。そこで使ってみたいのがJSON Editorだ。 JSON EditorはAdobe AIR製のフリーウェアで、JSONやXMLの内容をパースして表示、編集できるソフトウェアだ。 JSON Editorを使うと、出力されたJSONをそのまま貼付けてReadボタンを押せばテーブル形式に並べ替えて表示してくれる。これで階層がどれくらい深いのか、希望した通りにデータが並んでいるのかといった情報が簡単に分かるようになる。 多彩なショートカットキーがある 逆にデータを作成して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
github-bookmarklet/make_bookmarklet.pl at master · dougal/github-bookmarklet