MOONGIFT: » Ajaxを使ったWebベースのコンソール「Web Console」:オープンソースを毎日紹介
外部においたWebサーバをメンテナンスしようと思ったら、SSHを使って行うのが一般的だ。だが、ターミナルも使えないPCやPDAなどからではどうやって操作を行えば良いだろう。 ログイン設定画面 危険は承知の上で、このような方法もある。Webベースでコンソールを利用するのだ。 今回紹介するオープンソース・ソフトウェアはWeb Console、Webベースのコンソールだ。 Web Consoleは予めログイン設定を行っておくことで、任意に利用されることを防いでいる。Ajaxを使って、ほぼ通常のコンソール操作は可能だ。findなど、画面に出力が返ってくるものは、全ての出力が終わるまで待たされ、一気に表示される。 ログイン直後の画面 sudoが使えそうな感じもするが、利用できない。suは無理とのこと。実行履歴に対応し、Ctrl+aやCtrl+eで移動、Ctrl+kで切り取ることだってできる（貼付けは
難読化されたJavaScriptを見やすく·JsDecoder MOONGIFT
JavaScriptが多用されるになっているが、そのために肥大化する傾向にある。特に共通ライブラリ系は相当重たくなっており、ブラウザへの負担が大きくなっている。そのためにサイズを減らすべく使われているのが難読化処理だ。 見づらい… 変数名を短い単語に置き換え、余計な改行やコメント、空白を省いていく。開発は通常のソースで行い、配布は難読化処理を行ったものを利用する。だが、利用者側は問題が起きた時に情報が得づらくなってしまう。そこでこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはJsDecoder、難読化の逆処理を行うソフトウェアだ。 JsDecoderは難読化処理されたJavaScriptを逆に見やすくするソフトウェアだ。;で区切り、適切なインデントを行い、さらにハイライト処理を行ってくれる。もちろん、変数名が変わる訳ではないが、これでも随分見やすくなるだろう。 見やすい！
MOONGIFT: » クールなプレゼンをしよう「S6」:オープンソースを毎日紹介
HTMLで作るプレゼンの利点は何だろう。一番お勧めなのは、普段使い慣れているテキストエディタで書ける点だ。また、シンプルな作りになるのも良い。各種プレゼンソフトウェアは、こったことができるためにビジュアルの作り込みばかり力が入って、肝心の中身が大したものではなくなることがある。 S6によるプレゼン例（via S6 と XPath の紹介） とは言え、ただ文字列を並べるだけでは格好が悪い。そこで専用ツールの登場だ。 今回紹介するオープンソース・ソフトウェアはS6、JavaScriptの達人amachang製のHTMLプレゼンソフトウェアだ。 S6はプレゼン用HTMLファイルに各種イフェクトを可能にするソフトウェアで、矢印キーでのプレゼンスライド切り替え、一覧表示機能がある。各スライドごとにアクションを定義し、多彩なイフェクトをかけられる。 スライド一覧機能 例えば大きな文字がズームアウトしな
Ajax を加速する「 jQuery 」を知ってますか？ : LINE Corporation ディレクターブログ
こんにちは。「本が好き！」などを担当している根岸です。 【01】改めて、Ajax って、なんだろう？ 最近は、Ajax を使用したサイトが増えてきました。 Ajax とはブラウザ内(リロードレス)でサーバー側との非同期通信(同期可)を行い、その結果、インタラクティブ性の高いユーザーインターフェースを構築する仕組みを指します。 2005年に登場した、 Google Maps や、 Google Suggest から一気に広まりました。 Ajaxとは、そもそも「 Asynchronous JavaScript + XML 」の略です。直訳すると「非同期な JavaScript と XML」となりますが、「なんじゃそりゃ？」で すよね。 昔ながらのWebサイトは、 (A)ウェブブラウザがページのリクエストをする (B)ウェブサーバーがリクエストされたページを HTML 形式で返す という通信を、
MOONGIFT: » 要チェック！Ajax向けIDE「WaveMaker Visual Ajax Studio」:オープンソースを毎日紹介
Prototype.jsやscript.aculo.us、jQueryなどのJavaScriptライブラリがあるお陰で、AjaxやJavaScriptを駆使したWebアプリケーションが容易に作成できるようになっている。が、まだまだGUIアプリケーション並みとはいかないのが現状だ。 サンプルアプリケーションを開いているところ それを打破できるかも知れないソフトウェアを紹介しよう。Webアプリケーション開発者皆さんにおすすめだ。 今回紹介するオープンソース・ソフトウェアはWaveMaker Visual Ajax Studio、Ajax開発向けIDE（統合開発環境）だ。 WaveMaker Visual Ajax StudioはJavaベースのソフトウェアで、Tomcatを使っている。起動後、localhost:8094でサービスが立ち上がる。ブラウザベースで動作するが、これはまさにIDEのW
MOONGIFT: » JavaScriptベースのスーパーマリオ「The Javascript Mario Experiment」:オープンソースを毎日紹介
スーパーマリオは日本よりも海外の方が愛好家が多いのかも知れない。あれほど単純で、ごくわずかな容量に収まった魅力的なゲームはないだろう。各種ゲームでマリオというキャラクターは動いているが、スーパーマリオブラザーズほどの傑作はそうそうお目にかかれない。 画面は乱れてしまっているが、確かにマリオだ そんなスーパーマリオを何と、ブラウザ上で動作させてしまうのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはThe Javascript Mario Experiment、JavaScriptで作られたスーパーマリオだ。 キャラクターが乱れるのはFirefoxのせいだろうか。筆者環境ではIE6が残念ながらないので、はっきりとは言えないが、IE7やSafariでもやはりキャラクターが乱れてしまった。ただ、動作はする。 右下にいるのが恐らくクリボー 十字キーのみの操作でジャンプ、移動が可能
MOONGIFT: » 必見！GUIアプリケーションもこれでWeb化？「Jsc」:オープンソースを毎日紹介
※ 画像は公式サイトデモより このソフトウェアはすごい。やりたいことも、できていることも分かるのだが、どうやっているのかがさっぱり分からない。GUIアプリケーションとWebアプリケーションでは越えられない壁が存在すると思っていた。いくらAjaxやJavaScriptを駆使しても、GUIアプリケーションの操作性にはかなわない。 ギャラリーアプリケーション だが、それさえも軽々と乗り越えてしまいそうなアプリケーションが登場した。 今回紹介するオープンソース・ソフトウェアはJsc、C#やVisual BasicのコードをJavaScriptにするソフトウェアだ。Sourceforge.net上でのライセンスはPublic Domainとなっているが、ダウンロードできるパッケージに含まれるlicense.txtには個人利用に限るフリーウェアとなっているので注意されたい。 実際、そのようなことができ
404 Blog Not Found:Ajax - Ricollab郵便番号検索+Google Map
2008年04月02日06:00 カテゴリLightweight Languages Ajax - Ricollab郵便番号検索+Google Map 早速混ぜてみた。 ricollab Web Tech Blog ? Blog Archive ? ricollab実験サービス第一弾を開始します! 本日より、ricollabの語源の一つである「リコーラボ」としての活動の第一弾、郵便番号検索サービスを開始します。 ricollab 郵便番号検索 Google マップ API の概念 - Google マップ API - Google Code 〒 半角数字7けた 住所 郵便番号を7桁入力すると、対応する住所が住所欄に入ります。そのままでよければsubmit、そうでなければ微調整(たとえば番地も入力)してsubmitすると、地図が切り替わります。 Google Map APIも、jsapi と
あるＳＥのつぶやき: 06.Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | 特殊 | その他 | | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js Ajaxの開発が向上するAjaxライブラリ。 prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF 英語ながら、Prototype 1.5のAPIのサンプルと解説が166ページにもなる大作。 マウスホイールのイベント用拡張コード Prototype.js D
ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript*ホームページを作る人のネタ帳
これは面白すごい。 なかなかさわり心地の良い動き。 しかも無料でダウンロードまでできるし、使えるし、なんともありがたい一品に、思わず勢いで記事にしてしまいました。 まずは以下のサンプルを触ってみると感動しますよ！（たぶん） サンプルデモは以下に 動的なhtmlショーケース 対応しているブラウザの幅も広いです。 # nternet Explorer 6, 7 # Firefox 1.5 + # Opera 9.1 + # Netscape 8.1 + # Safari 3 変更できる内容として # 右、左のサイドメニューの有り無し # 横幅800px、1000px、100% # フォントサイズ 等が変更できます。 もしもダウンロードするなら、以下のサイトに説明（英語）とダウンロードボタンがありますので是非。 Liquid Javascript Grid Layout
AjaxMail：Ajaxを活用したフリーPHPメールフォーム
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
数値のみを入力可能にする - JavaScript
サンプルと機能 → Sample 1：数値のみを入力可能にする テキスト領域やテキストエリアを、数値のみを入力可能にします。 入力時に制御しているので、全角文字は入力できてしまいます。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：数値のみを入力可能にする <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // 数値のみを入力可能にする function numOnly() { m = String.fromCharCode(event.keyCode); if("0123456789\b\r".indexOf(m, 0
SCOllaBo.com
Canada’s Top Online Casinos for 2025: Expert Picks and Rankings If you’re searching for trusted gaming experiences tailored to Canadian players, we’ve highlighted platforms that consistently set industry benchmarks. Safety is paramount—every site featured here is fully licensed, secure, and transparent about their operations. Players can expect prompt payout speeds, top-rated customer support, and
オブジェクトがnullやundefindでないか評価する。 - うなの日記
ifで評価すれば一発で判定できます。 if ( !target ) { ... } // 以下のようにはしなくてもいい。 // if ( target == null || target == undefined ) { ... } 値ごとのifでの評価結果は次の表の通り。空文字列や0はfalse扱いなので注意。 値 ifで評価した結果 Object true undefined false null false 0 false 1 true -1 true ""(空文字列) false "a" true 配列 true ハッシュ true 確認してみます。 var stdout = document.getElementById("stdout"); // オブジェクト / null, undefind は false stdout.innerHTML += "null is " + (
第2回 JavaScriptの関数をマスターしよう
第2回 JavaScriptの関数をマスターしよう：連載：Ajax時代のJavaScriptプログラミング再入門（3/4 ページ） 関数の引数として関数を引き渡す － 高階関数 － 以上、JavaScriptの関数がオブジェクトであり、変数にも自由に代入できることが理解できた。では、関数の引数として関数を引き渡すこともできるのではないか ―― そのとおり。 JavaScriptでは、文字列や数値を引数としてセットするのとまったく同じ要領で、ある関数をそのほかの関数の引数としてセットすることが可能だ。そして、このような関数のことを「高階（こうかい）関数」と呼ぶ。 ■高階関数の基本的な例 高階関数を利用した具体的な例をリスト12に示す。 以下のコードで定義するarrayReduce関数は、引数に与えられた配列（ary）の内容を、指定されたユーザー定義関数funcの規則に従って順番に処理し、最終
JavaScript講座 : 連想配列（ハッシュ）
JavaScriptでは連想配列（ハッシュ）を扱うことができます。名前の通り配列なので通常の配列と同様にnew Array()または[]で用意し値を代入します。通常の配列では添字に数値を指定しますが、ここに文字列を指定すると連想配列（ハッシュ）となります。以下のサンプルでは連想配列（ハッシュ）のキーを長野県、その値を塩尻市としています。値の変わりに添字に文字列を指定すれば連想配列（ハッシュ）のキーに対応した内容を参照することができます。以下のサンプルでは画面には塩尻市と表示されます。（サンプル01を実行する） a = new Array(); a["長野県"] = "塩尻市"; document.write(a["長野県"]); 連想配列（ハッシュ）は配列なので、ほぼ無制限にキーを指定し値を設定／参照する事ができます。以下のサンプルでは2つのキー、値を設定しています。（サンプル02を実行す
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
JavaScript講座 : 配列を生成する
JavaScriptでは多くの言語同様に配列を利用することができます。C言語等では配列には個数を指定したり、代入できるデータ等に制限がありますが、JavaScriptの場合には何の制限もありません。個数も特に指定しなくても動的に割り当てられます。また、どんな型のデータでも代入することができます。実際にはデータだけでなくオブジェクトでも関数でも、ほぼ制限なく代入することができます。 こんなに自由なのは単なる配列ではなく配列オブジェクトだからです。つまり単なる入れ物ではないということです。特にJavaScriptでは配列の機能を追加したり変更することができるため、かなり強力なものになります。もちろん連想配列も扱うことができます。連想配列はハッシュとも呼ばれます。今では連想配列よりもハッシュの方が一般的な名称でしょう。 ここでは配列の生成について説明していきます。JavaScriptで配列を生成
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
!!! URL changed !!! http://suac.net/**** --> http://nagasm.org/**** http://1106.suac.net/**** --> http://nagasm.org/1106/**** http://nagasm.suac.net/**** --> http://nagasm.org/ASL/**** Please renew your bookmarks (_o_)
JavaScript