この IxEdit JavaScript 開発ツールを見たときの興奮を表現する言葉は本当にありません。以下に例を示します。あなたは 2 ～ 3 日間、水を飲まずに砂漠をハイキングしました。倒れそうになり、もう死ぬのではないかと思ったとき、突然、木の下に緑のパビリオンがあり、カーペットの上に美しい裸の女の子が横たわっているのが見えます。裸の女の子は腕に水の入ったボトルを抱えています。 。そして彼女は、道端の美容室にいる女の子のように、あなたに魅惑的に手を振りたいと思っています。
この素晴らしい感覚を体験していただくために、私が録画したばかりのこのビデオをご覧になることをお勧めします。このビデオでは、IxEdit とは何か、何ができるのか、そして簡単なチュートリアルについて簡単に説明します。
はい、ビデオでわかるように、IxEdit は絶対確実な JavaScript 開発ツール (実際には JavaScript コード ライブラリ) です。 JavaScript の基本をマスターする必要はありません。IxEdit を使用すると、一般的に使用される素晴らしいページ ダイナミクスやインタラクティブな効果を簡単に作成できます。
考えてみてください。このツールを会社のアーティストや Web デザイナー (通常、彼らは優れたデザイン能力と静的ページを作成する能力は持っていますが、JavaScript スキルは貧弱です) に 2 時間かけて紹介するとしたら、その使用方法を教えてください。一度それをマスターすれば、簡単な JavaScript コードに煩わされる必要はもうありません。一般企業のアートデザイナーやWebデザイナーが美少女であることを考えると、JavaScriptエフェクトの作成をマスターするととても嬉しくて興奮するでしょう。このとき、「このツール、実は高度な使い方があるのです。私は仕事で忙しいので教えられないかもしれないので、やってみましょう！12時に寮に来てください」と言うことができます。 （注：これを言うときは、パニックにならずに非常に落ち着いて、獣のように礼儀正しく行動する必要があります。そうしないと、ベッドがどんなに大きくても役に立ちません）は！）
この観点から見ると、IxEdit は本当に神のようなツールです。 JavaScript バカでも JavaScript マスターでも、仕事やナンパに使えます。アーチファクト！まさに人工物ですね！
さて、実際に IxEdit を試してみましょう。そうは言っても、IxEdit の公式 Web サイトhttp://www.ixedit.com/ はあまり充実していないようなので、これは本当に少し面倒です。説明書と例はありますが、第一に、それらはすべて英語であり、第二に、中国語の習慣とあまり一致しておらず、比較的完全な例のパッケージがないため、ここでは中国語の習慣に沿って段階的に説明していきます。最後に、圧縮パッケージの完全な例を示します。バッグの中にはすべてが入っています。これにより、現地での調査が容易になります。さあ、始めましょう！
JavaScript 開発ツールである IxEdit を使用するには、まずいくつかの準備をする必要があります。これらが何に使用されるのかについては後ほど説明します。
さて、多様性を再現するための前提条件について話しましょう。 [カットページ]
IxEdit は JavaScript 開発ツールと言われていますが、実際には jQuery および jQuery UI をベースにした単なる JavaScript スクリプト ライブラリです。したがって、jQuery と jQuery UI が必要です。しかし、IxEdit はローカル データベースの使用も必要とする非常に優れた JavaScript ライブラリなので、これには非常に素晴らしいサウンドの Google Gears が必要です。
中国語に翻訳しているときは自分でも笑ってしまいましたが、さまざまな段階で何度も努力したにもかかわらず、Google Gears 公式インストール パッケージを Google からダウンロードして正常にインストールすることができませんでした (ダウンロードはオンライン インストール パッケージであり、インターネット接続が必要です)インストールには必要です））。祖国の壁の中で育つことはとても安全なことだと、私は強く感じました。
したがって、Google Gears をインストールする道は断たれています。しかし、それは問題ではありません。Google Gears に従うことはできませんが、カーブを越えて国を救うことはできます。Google Gears は Google によって作成されたものではないでしょうか。それならGoogleのブラウザChomeには必ずこれが搭載されるはずだ。幸運なことに、それは本当なので、Chome ブラウザを使用すると、自動的に Google Gears がインストールされます。また、Apple の Safari ブラウザにもこれが付属しています。これで、Google Gears の厄介な問題は解決されました。
友人の中には、「作成したウェブページにも Google Gears が必要ですか?」と尋ねる人もいるかもしれません。実際、開発環境に必要なのは Google Gears だけであり、開発された Web ページには Google Gears は必要ありません。これは、VS2008 を使用して開発した Web サイトと同様ですが、ユーザーが作成した Web サイトを閲覧する場合、VS2008 をインストールする必要はありません。
IxEdit jsライブラリファイル、これについては何も言うことはないようです、それがなければPを作成するだけです。
「開発環境を導入する」というと非常に専門的な用語のように見えますが、実際には圧縮されたパッケージをダウンロードして解凍することを意味します。なぜそんなカッコいい言葉を使うのかというと、社内の美術系小娘たちに自分がカッコよくてハンサムで十分すごいということをアピールして、プロの現場で彼らの傲慢な意識を克服できるからです。
それでは、「開発環境をデプロイ」できるこの素晴らしい圧縮パッケージをダウンロードしてみましょう。
これを解凍すると、素晴らしいローカル開発環境がデプロイされます。もちろん、小さなアーティストの前でマウスを右クリックして「... に抽出」を選択するだけでは十分ではないと感じる場合は、見た目は豪華だが役に立たない Dos コマンドを途中に挿入することもできます。通常の状況では、小さなアーティストが暗いウィンドウを見て理解できないコマンドを入力する必要があり、その後ウィンドウが劇的に変化するとき、彼らは常にそれをハッカーと関連付け、その結果、あなたに神秘性と賞賛の感覚を生み出します。 Dos に慣れていない場合は、ここがわかりやすいものです。効果は非常に優れており、暗いウィンドウが大幅に変わります。つまり、 dir /w囧rz~
EditPlus を使用して、圧縮パッケージ内のサンプル ファイルを開きます (私は個人的に EditPlus の熱心なファンなので、これを使用すると、任意のエディターを使用してこのファイルを開くことができます)。次に、いくつかの例と暗いポップアップ レイヤーが表示されます。このポップアップ レイヤーは IxEdit 全体の核心です。これにより、マウスを数回クリックするだけでタスクを完了できます。サンプル ファイル (私は個人的に EditPlus の熱心なファンなので、これを使用すると、どのエディタでもこのファイルを開くことができます)。次に、いくつかの例と暗いポップアップ レイヤーが表示されます。このポップアップ レイヤーは IxEdit 全体の核心です。これにより、マウスを数回クリックするだけでタスクを完了できます。
IxEdit のメイン インターフェイスは、ページ内の暗いポップアップ レイヤーです。言語バージョンに関しては、一般的に説明する必要があります。IxEditは、ブラウザーの言語バージョンに基づいて使用する言語を決定します。公式のデフォルトは英語と日本語です。ところで、日本語が提供されていることは少し不満でした。ので、その間にメインインターフェイスのローカライズを行いました。ただし、この段階では、メインインターフェイスの簡単な中国語化のみを行っており、一部のヘルプコンテンツはまだ中国語化されていません。また、私の英語レベルは非常に低いですが、翻訳は非常に優れています。この素晴らしいソフトウェアのローカライズにご協力いただける場合は、Blog Park IxEdit グループにアクセスしてください。中国語版も少しずつ改善して頑張っていきましょう！
あるツールの使い方は、長い説明＋スクリーンショットほど直接的ではないので、動画の形で解説することにしました。オンラインビデオを視聴できない場合は、記事の下部にあるビデオファイルをダウンロードしてローカルにダウンロードして視聴できます。
IxEdit を使用すると、次のような DOM を簡単に操作できます。
このビデオでは、いくつかの一般的な DOM 操作アプリケーションについて説明します。
IxEdit を使用すると、次のような非常に豪華なアニメーション効果を簡単に実現できます。
このビデオでは、一般的に使用されるアニメーション効果の適用について説明します。
IxEdit を使用すると、次のような特殊効果を簡単に実現できます。
このビデオでは、一般的に使用されるいくつかの特殊効果の適用について説明します。
その他はまだ非常に単純な効果なので、説明するのに時間を無駄にするつもりはありません。少し調べれば誰でも理解できるでしょう。
実際、IxEdit には詳細モードがあります (ixedit.advancedMode=true; を使用します)。詳細モードをオンにすると、専門家にはあまり使用されないいくつかの機能が開きます。以下のビデオでは、IxEdit の詳細モードをオンにする方法を示します。
長時間作業した後、その結果が最終ページに適用される場合、このステップはカバーされます。デプロイ後は、Google Gears、chome ブラウザ、IxEdit js ライブラリ ファイル、その他の面倒なものは必要ありません。 IxEdit で生成されたコードの使用方法については、以下のビデオチュートリアルをご覧ください。
IxEdit は Google Gears を使用しているため、設定と作業を保存して、次回開いて作業を続けることができます。 「保存」と「開く」機能のようなものです。デフォルトでは自動的に保存されます。 「名前を付けて保存」する必要がある場合は、左上隅にある IxEdit メニューをクリックし、「設定のエクスポート/インポート」コマンドを選択してこれを実行できます。
IxEdit は確かに優れており、JavaScript を知らない人でも一般的な JavaScript 効果を簡単に実装できます。 jQueryやjQuery UIと連携することで、簡単に華やかなエフェクトを実現できます。
ただし、IxEdit は現時点ではまだベータ版であるため、改善の余地がまだ多くあります。楽しみにしましょう！
IxEdit の中国語版に参加したい友達は、ブログ パークのIxEdit グループに来てください。 IxEdit の公式英語版と日本語版だけでなく、中国語版も用意しましょう。
元のアドレス: http://www.cnblogs.com/JustinYoung/archive/2009/11/18/ixedit.html
IxEdit_pack_cn.rar