Ajaxから始まった一つの時代の終わり
最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。 さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。 RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA（PESPA）と呼ばれることもあるそうです。PESPAについては、次の記事が話題になりましたね。 このPESPAであるRemixを実運用する中で、フレームワークの手触りが近年触ってきたものと大きく違っている点があっ
AJAX File Browser - Ajaxでファイル操作を行うWebベースのファイルマネージャ MOONGIFT
クラウドの発展によってWebサーバ上にファイルを保存しておくのも珍しくなくなっています。そうなると次に欲しくなるのがWebベースで使えるファイルマネージャです。ローカルではExplorer、Finderなどが当たり前なので、Webベースでも同じくらいのファイル管理ソフトウェアが欲しくなるでしょう。 今回紹介するのはWindowsサーバ向けのAJAX File Browserです。Explorerライク、名前の通りAjaxを使ったスムーズな操作が可能なファイルマネージャです。 AJAX File Browserの使い方 この埋め込まれたファイル管理がAJAX File Browserです。 ファイルをダブルクリックすると、関連づいているソフトウェアでファイルを開けます。ただしJavaプラグインを使っていますので有効にする必要があります。 KeynoteファイルやExcelファイルなどが登録さ
uupaa.js と jQuery を機能を中心にざっくりと比較 - latest log
Classの継承についてサンプルを追記しました。 jQuery の特徴的な構文を uupaa.js で表現する方法を追記しました。 デバッグ支援機能について追記しました。 特徴 uupaa.js jQuery 初版 version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリの目標 WebOSのフロントエンド 不明 本来の用途 WebOS / WebApp DOMの操作とサイトの装飾 使われ方 導入実績なし 小〜中規模サイト / ポータルサイト等 想定されるコアユーザ層 エンジニア デザイナー / コーダー / エンジニア 名前空間 uu (1つ) jQuery と $ (2つ) ライブラリによる識別子プリフィクスの予約 uu また
【レポート】JavaScriptのモジュール化を考える - RequireJSとJuicer | エンタープライズ | マイコミジャーナル
The Mozilla Foundation is a non-profit organization that promotes openness, innovation and participation on the Internet. Mozilla WebdevにおいてRequireJS and Juicerという興味深い記事が掲載されている。大規模化および複雑化するJavaScriptコードに対処する方法としてモジュールシステムの導入が効果的であるとし、その実装としてRequireJSとJuicerの組み合わせがなかなか良いということを紹介する内容になっている。モジュール化を進めるとパフォーマンスの面で欠点もでてくるが、そのあたりのバランスがよく参考になる。 RequireJS and JuicerではJavaScriptのモジュール化ではCommonJSが代表的であるとしたう
あなたのWebを入力しやすくするjQueryプラグイン10選
あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス／ラジオボタン、ドロップダウンリスト、テキストボックス／テキストエリア、フォームのカテゴリ別に分類して紹介します。
煎茶登場、jQTouchとExt JSベースの次世代Webアプリ開発 | エンタープライズ | マイコミジャーナル
Ext JS is now Sencha 14日(米国時間)、JavaScript Ajaxアプリケーションフレームワークとして一定の支持を得る可能性を持ったプロジェクトが発表された。「Sencha」と名づけられたこのプロジェクトは、デスクトップPCからiPhone / iOS向けのWebアプリケーション開発まで広くカバーすることになる。 Senchaは、これまでExt JSとして開発されてきたJavaScript Ajaxフレームワークに、最近高い関心を呼んでいるjQTouchとSVGライブラリであるRaphaelの双方を統合したもの。開発チームに同プロダクトの開発者と取り込んでおり、今後の本格展開を狙う。 Senchaという名前は日本語の煎茶からきている。次世代ソフトウェア開発の雰囲気を喚起する名前であること、スペルも覚えやすく発音も覚えやすいというのが理由としてあげられている。これま
HTML5とjQueryでブラウザーがペイントツールに！ (1/3)
HTML5 Canvasで作った「シンプルペイント」。色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5 CanvasとJavaScriptを使って、Webブラウザー上で動くお絵かきツール「シンプルペイント」を制作する企画。前回の記事では、コアとなる描画機能を作成し、PNGファイルへ保存する方法を解説しました。今回は、このシンプルペイントをベースに、ブラシの色やサイズ（太さ）を変更できるように拡張しましょう。 ブラシの色選択機能を付けるには 前回作成したシンプルペイントは単色（赤色）の描画しかできませんでした。このままだとお絵かきツールとしては不十分なので、ブラシの描画色を選択できるようにしましょう。今回は8色（黒、青、赤、紫、緑、水色、黄、白）のカラーパレットを用意し、マウスで選択した色
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
ざっくり覚えて始められる jQueryセレクタ入門
【おさらい】「jQuery」って何だっけ？ jQueryとは、John Resig氏を中心として開発されている、オープンソースのJavaScriptライブラリです。DOM操作を中心としたプログラミングに向いており、エンジニアはもちろんのことマークアップエンジニアやデザイナの間で広く普及しています。 jQueryについての詳細は、下記記事をご参照ください。 jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8
%26utm_content%3Dlivedoor)
jQueryカレンダーコンポーネント8つ | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library 人気のあるAjax JavaScriptフレームワークのひとつにjQueryがある。簡単で扱いやすく高速に動作し、サイズも小さい。MozillaのJavaScriptエバンジェリストが開発していることもあり、FirefoxエクステンションJetpackでもデフォルトで利用できるようになるなど、さらに露出の機会を増やしている。 jQueryはコアとなる機能を提供し、拡張機能やUI、コンポーネントはプラグインとして提供されている。どれだけプラグインを把握しているかが、jQueryを使ってアプリケーションを開発する際のひとつのポイントとなる。8 Useful jQuery Calendar, Date Picker and Time Formatting Plugins that You Sh
ここが大変だよJavaScriptフレームワーク入門
そもそも「フレームワーク」って何だ？ Webサイト制作に限らずソフトウェア開発の現場では、日々「フレームワーク」という単語をよく耳にします。最近では「ビジネスフレームワーク」「フレームワーク思考」など、Webサイト制作／ソフトウェア開発の枠内にだけ留まらない多様なフレームワークが存在しています。 では、この「フレームワーク」とは具体的にどのようなものを指しているのでしょうか。 「フレームワーク」の一般的な概念 フレームワークを一般的な用語で置き換えてると、「枠組み」「骨組み」となります。つまり、全体（最終的に出来上がるもの）における大枠を成しているものであるといえます。 ここでいう「大枠」とは、全体を構成する各の部品に共通して決められているルールであったり、その部品を作るための手順・作法のことを指しています。また、「何かを作る際の第一歩となる“とっかかり”を提供してくれるものである」という
【レビュー】申し分なし! Web版ドローツール『Cacoo』の使い心地 - リアルタイムコラボにもおすすめ! | ネット | マイコミジャーナル
Webサイトのデザイン、社内のネットワーク図、オフィスのレイアウト図、UMLなどドローツールに対する需要は高い。いくつかのローカルアプリケーションが存在するが、もっとも有名な Microsoft Visio は高価であり、利用頻度によってはコストメリットが出ない場合もある。またオープンソース・ソフトウェアやフリーウェアにもいくつか存在するが、オブジェクトが足りなかったり使い勝手の面でいまひとつなものも少なくない。 さらに最近では一人ですべてのドローを作成するのではなく、複数人で図の共有や編集を行なう需要が出てきている。その場合、ローカルアプリケーション型は、コスト的にも共同編集の面でも選択するのは難しい。そこで注目を集めているのがオンラインのドローアプリケーションだ。 今回は『Cacoo』というWebアプリを紹介したい。ヌーラボによる日本語向けのドローアプリケーションだ。 「Cacco」の
Google、Gmailを作っているJavaScriptライブラリを公開 | エンタープライズ | マイコミジャーナル
The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient. Gmail、Google DocsなどGoogleが提供しているWebアプリケーションのクライアントサイドのほとんどはJavaScriptで開発されている。これはGoogleのサービスを支える門外不出のコードのように思えるが、5日(米国時間)、これらGoogleのWebアプリケーションを支えているソースコードがClosure Toolsの名称で公開された。公開されたツールは次のとおり。 Closure Compiler JavaScriptをよりコンパクトで高性能なコードへ変換するコンパイラ。使われていないコードの削除やミニファイを実施する。文法、変数参照、
【ハウツー】MS製Ajaxライブラリが2つ同時リリース! 強化点と性能を早速チェック (1) Ajax Libraryの新構文 | エンタープライズ | マイコミジャーナル
Microsoft Ajax Library (Preview 6)と Microsoft Ajax Minifier 10月15日(米国時間)、Microsoft本社のDeveloper Platform部門Corporate Vice Presidentを務めるScott Guthrie氏は、自身のブログ「ScottGu's Blog」においてASP.NETチームが最新のMicrosoft Ajax Library (Preview 6)をリリースしたとアナウンスした。 Microsoft Ajax LibraryはMicrosoft Source License for ASP.NET Pre-Release Componentsのもとで公開されている、JavaScriptベースのクライアントサイド・フレームワーク。クロスブラウザで動作し、.NET Frameworkライクな型を踏襲
JavaScript圧縮ツール比較: Microsoft vs Yahoo! | エンタープライズ | マイコミジャーナル
Ajaxian AjaxianにおいてMicrosoft Ajax Minifier VS YUI Compressorのタイトルのもと、Microsoft Ajax MinifierとYUI Compressorのミニファイ結果の簡単な比較が掲載された。どちらもJavaScriptソースコードをソースコードの記述レベルで最小化するためのツール。これまでミニファイアとしてはYUI Compressorが高い性能を持っているとして活用されてきた。 Microsoft Ajax MinifierはMicrosoft Ajax Library (Preview 6)の公開とともに導入されたJavaScriptミニファイア。jQueryのミニファイ処理でYUI Compressorよりも高い圧縮を実現するなど興味深い特徴が紹介されている。Microsoft Ajax Minifier VS YUI
どこよりも早い「Yahoo! UI Library 3」(YUI 3)入門 (1/5)
最新のライブラリーやJavaScriptの新しい活用法を紹介する「JavaScriptラボ」。今回は、9月末にリリースされたばかりの「YUI 3（Yahoo! UI Library Version 3）」を取り上げます。 Yahoo! UI Libraryとは？ 「Yahoo! UI Library」（以降、YUI）はその名の通り、ユーザーインターフェース周りを得意とする米ヤフー製のAjaxライブラリーです。YUIは、Ajaxが普及し始めた2005年に登場し、面倒なUI周りを簡単に処理できることから次第に普及していきました。実は、以前取り上げたAjaxフレームワーク「Ext JS」も、もともとはYUIの機能拡張(Extension)として生まれたものです。 YUIはタブパネルやスライダー、ドラッグ＆ドロップ、アニメーション機能など、他のライブラリーやフレームワークを凌ぐ充実したUI部品と豊
【レポート】jQueryテストスイート「QUnit」がスタンドアロン化! 使い方を早速チェック (1) QUnitとは? | エンタープライズ | マイコミジャーナル
jQueryでユニットテストをおこなう - QUnitとは 高機能・軽量のJavaScriptフレームワークで、デベロッパにも人気の高いjQuery。そのjQueryをベースとしたテストスイートに「QUnit」がある。 QUnitはJohn Resig氏とJorn Zaefferer氏が中心となって開発をおこなっているユニットテスティングフレームワーク。デベロッパはQUnitを使うことで、jQueryを使ったJavaScriptコードを書くように、簡単にテストを記述できるようになる。同ライブラリはjQueryと同じく、The MIT LicenseとGNU GENERAL PUBLIC LICENSE Version 2のもとで公開されている。 去る9月29日(米国時間)、開発者であるJohn Resig氏はTwitter上で次の3点をアナウンスした。 QUnitはjQueryに依存した実
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「JSONとJSONP」 ～マンガでプログラミング用語解説
Yahoo! UI Library3（YUI3）の動きを受け持つモジュール
Yahoo! UI Library 3（YUI3）の基本
