• 訪問者第一 – Web デザインのヒント

    ユーザビリティデザインはWebデザインにおいて最も重要かつ難しい作業です。この本の著者は、業界での長年の経験に基づいて、ユーザー心理を分析し、ユーザーの使用パターン、スキャン用のデザイン、ナビゲーションのデザイン、ホームページのレイアウト、ユーザビリティテストなどについて多くの独自の見解を提唱し、多数の情報を提供しています。シンプルで使いやすいツール、一連のユーザビリティデザインの推奨事項。この本は短く簡潔で、言葉はリラックスしていてユーモアがあり、多数のカラフルなスクリーンショット、興味深い漫画のイラスト、大量の情報を含む図表が散りばめられており、退屈なデザイン原則を親しみやすくしています。本書は、Web デザインや Web 開発に携わる技術者、特に訪問者を維持する方法に悩む Web サイトや Web ページのデザイナーに適しています。 <br /> 一部の Web サイトは非常に新鮮に見えます; <br /> 一部の Web サイトが乱雑に見える; <br /> 一部の Web サイトでは情報を簡単に見つけることができます; <br /> ウェブサイトによっては、まるで迷路にいるような気分にさせるものもあります... <br /> Web サイトのユーザビリティにこれほど大きな差があるのはなぜですか? <br /> ユーザーはどのような心理でWebサイトを訪れているのでしょうか? <br /> 訪問者を惹きつける Web サイトをデザインするにはどのような原則に従う必要がありますか? <br /> 世界中の Web デザイナー必読のこの古典が答えを与えてくれます。 <br /> これは、Web デザインのテクニックではなく、Web デザインの原則についての本です。本書の著者は、豊富な実務経験を持つWebデザインの専門家です。彼はユーモアのある言葉を使って、Web デザインにおける重要だが見落とされがちな問題を明らかにします。わずか数時間で、この本で教えられているデザイン原則に基づいて Web サイト デザインの核心を見つけ、Web サイトを真新しいものに見せることができます。​

    Webページ制作29861772018-01-11
  • ZK中国語開発マニュアル

    「ZK 中国語開発マニュアル」HD PDF 版、ZK はコンポーネントベースのイベント駆動型 AJAX ユーザー インターフェイス フレームワークであり、舞台裏のテクノロジです。 ZK を使用すると、XUL および XHTML を使用して Web アプリケーションを強化し、長年使用してきたデスクトップ アプリケーションと同じように、ユーザー アクティビティによって発生するイベントを処理するように Web アプリケーションを操作できます。​

    Webページ制作29864272018-01-11
  • w3school-html-dom

    HTML DOM は、HTML ドキュメントにアクセスして操作するための標準メソッドを定義します。 <br /> HTML DOM は、HTML ドキュメントを要素、属性、テキストを含むツリー構造 (ノード ツリー) として表現します。 <br /> HTML DOM の学習を始めましょう! <br /> HTML DOM の例 <br /> 100の事例から学ぶ!エディターを使用して HTML ドキュメントを編集し、[TIY] ボタンをクリックして結果を確認できます。​

    Webページ制作29866472018-01-11
  • EXT 基本の簡潔なチュートリアル

    EXT は PDF 形式の比較的基本的な簡潔なチュートリアルであり、これまでの簡潔なチュートリアルとは内容が異なります。このチュートリアルも初心者向けであり、EXT を学習するための準備となります。内容には、主に EXT フレームワーク、EXT 使用パネル、EXT ウィンドウとダイアログ ボックス、レイヤーとレイアウト、テーブル コントロール、データの基礎と核となる導入が含まれます保管など

    Webページ制作29862372018-01-11
  • AJAX 開発概要

    本書はその続編の内容をすべて収録したもので、AJAX プログラミングの専門家 eamoi が執筆した AJAX 開発の簡潔なチュートリアルです。主に以下の内容を説明しました。 1. AJAX 定義 <br /> 2. 現状と解決すべき課題 <br /> 3. AJAX を使用する理由 <br /> 4. AJAX を使用しているのは誰ですか <br /> 5. AJAX を使用して設計を改善する <br /> 例 1: データ検証 <br /> 例 2: オンデマンドでのデータの取得 - カスケード メニュー <br /> 例 3: 外部データの読み取り <br /> 6. AJAX の欠陥 <br /> 7. AJAX 開発 <br /> 7.1. AJAX に適用されるテクノロジー <br /> A. XMLHttpRequest オブジェクト <br /> B. JavaScript <br /> C. ドム <br /> D. XML <br /> 7.2. AJAX 開発フレームワーク <br /> A. オブジェクトを初期化し、XMLHttpRequest リクエストを発行します <br /> B. 応答処理関数の指定 <br /> C. HTTP リクエストを行う <br /> D. サーバーから返された情報を処理する <br /> E. 予備的な開発フレームワーク <br /> 7.3. 簡単な例 <br /> A. データの検証 <br /> B. カスケード メニュー <br /> 7.4. ドキュメントオブジェクトモデル (DOM) <br /> 7.4.1. DOM から見た HTML ドキュメント: ツリー <br /> 7.4.2. HTML ドキュメントのノード <br /> 7.4.3. DOM を使用して HTML ドキュメントを操作する.. <br /> 7.5. XML ドキュメントの処理 <br /> 7.5.1. 返された XML の処理 <br /> 7.5.2. 適切な XML 生成方法を選択する <br /> 7.5.3. XML と通常のテキストのどちらを使用するかを比較検討する方法

    Webページ制作29861592018-01-11
  • Ajax の基礎 4 日間で Ajax を学ぶ

    Ajax プログラミングの専門家であるこのチュートリアルの著者は、本書を使用して、HTML、JavaScript™ テクノロジ、DHTML、および DOM がどのように連携して機能するかを、概要から詳細な説明まで、効率的な Web 開発を実現するために示します。また、XMLHttpRequest オブジェクトなど、Ajax の核となる概念をわかりやすく説明しています。​

    Webページ制作29861902018-01-11
  • Ajaxの詳しい解説

    パート 1: Ajax の概要<br /> HTML、JavaScript™ テクノロジ、DHTML、および DOM で構成される Ajax は、不格好な Web インターフェイスを対話型の Ajax アプリケーションに変換する優れた方法です。このシリーズの著者である Ajax 専門家は、一般的な概要から詳細な説明まで、これらのテクノロジがどのように連携して効率的な Web 開発を実現するかを示します。また、XMLHttpRequest オブジェクトなど、Ajax の核となる概念をわかりやすく説明しています。 <br /> 5 年前、XML を知らなかったら、あなたは誰も真剣に受け止めてくれない醜いアヒルの子でした​​。 18 か月前、Ruby は注目の的となり、Ruby を知らないプログラマーはベンチに座らざるを得ませんでした。現在、最新のテクノロジーの流行についていきたいなら、目的地は Ajax です。 <br /> ドキュメント、チュートリアル、フォーラム、ブログ、Wiki、ニュースなど、Ajax プログラミング モデルに関する情報を入手するには、ワンストップ センターである Ajax テクニカル リソース センターにアクセスしてください。新しい情報はここで見つけることができます。 <br /> ただし、Ajax は単なる流行ではなく、まったく新しい言語を学習するほど難しくない、Web サイトを構築するための強力な方法です。 <br /> <br /> <br />

    Webページ制作29863462018-01-11
  • AJAX 設計パターン

    この小冊子は公式機関による権威ある書籍ではありませんが、初心者向けの実践的なチュートリアルであり、公式の混合言語はさておき、AJAX を使用して高度にインタラクティブな Web サイトを設計および開発する方法を口語で紹介します。この本の著者は Dojo のツールキットを使用して Ajax アプリケーションを実装しており、jQuery とプロトタイプは非常に優れており使いやすいと考えているため、あまり使用しません。ただし、Dojo は、各フレームワークの機能に関係なく、よりカプセル化された関数を提供します。共通の欠点: 詳細なドキュメントが不足しており、理解するためにデバッグや関連記事を読むのに多くの時間を費やす必要があります。​

    Webページ制作29861542018-01-11
  • A4J-ajax4jsf

    A4J-ajax4jsf では、この本でいくつかのメソッド、機能などが紹介されています。この分野を勉強、研究している友人は参考にしてください。​

    Webページ制作29860752018-01-11
  • 「AJAX 初心者向けファースト トラック」

    AJAX の本を書くことを考えると少し罪悪感を感じます。 AJAX とは一体何ですか?まずグーグルで調べなければなりません。そこで私は、AJAX の誕生のきっかけとなった「Web アプリケーションへの新しいアプローチ」という記事を発見しました。この記事では、AJAX は比較的説明の難しい略語、Asynchronous JavaScript XML です。非同期 JavaScript と XML とは何ですか?下見をした結果、AJAX という名前がこれほど人気が​​あるのは、ひとえに世界的に有名なオランダのチームのおかげであると私は考えています②。 Jesse James Garrett の貢献の素晴らしい点は、誰もが長い間使用してきたいくつかの古いテクノロジーを人気があり、人気があり、再び新鮮なものにするために、このような略語を思いつくためにあらゆる手段を講じたことです。 <br /> AJAX は素晴らしい技術で、AJAX を導入すると、Web ページを美しくすることができます。この本は、AJAX の概念やコードなどを独自に分析した、AJAX を学びたい人にとって非常に良い本です。

    Webページ制作29863332018-01-11
  • 「Ajax クラシックケース開発コレクション」

    本書は、AJaX に基づくプロジェクト開発のための参考書であり、Web 開発者、AjaX テクノロジのアプリケーションを理解したい愛好家、および Ajax の使用経験がある初級および中級の開発者に適しています。 <br /> この本は、Ajax テクノロジーの典型的なアプリケーションを要約しており、基本的に AjaX テクノロジーのアプリケーションの典型的なシナリオをカバーしています。この本には合計 45 の例があり、データの動的ロード、ユーザー エクスペリエンスの向上、電子商取引アプリケーション、サーバーサイド コンピューティング、Web アプリケーション、自動およびスケジュールされたサービス、サーバー管理、サードパーティ サービスへのアクセスという 9 章に分かれています。そして包括的なプロジェクト。本書では、代表的な事例を厳選して詳しく解説しており、これを読めばすぐにAjaX技術を習得し、実際のプロジェクトに応用することができます。

    Webページ制作29863282018-01-11
  • 定期的なガイドライン

    リーリー

    Webページ制作29910642018-01-10
  • dwr フレームワークを使用して Ajax を実装する

    <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> フレームワークの紹介: DWR (ダイレクト Web リモーティング) </div> <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> これは、Web ページと Java クラス間の対話を改善するために使用されるリモート サーバー側の Ajax オープン ソース フレームワークであり、開発者が AJAX テクノロジを含む Web サイトを開発するのに役立ちます。これにより、ブラウザ内のコードで、WEB サーバー上で動作する JAVA 関数をブラウザ内にあるかのように使用できるようになります。 </div> <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> <br /> </div> <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> このデモで実装される基本機能: </div> <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> jsp インターフェイスのボタンをクリックし、DWR を通じてサーバー側の Java コードを呼び出し、コンソールの jsp 入力ボックスの値を出力します。 </div>

    Webページ制作29907932018-01-10
  • 正規表現を使用すると、半分の労力で 2 倍の結果が得られます

    <p class="reader-word-layer reader-word-s1-10"> EditPlus の強力な機能を解読します。正規表現を使用すると、半分の労力で 2 倍の結果が得られます。editplus を使いたい友達は、ダウンロードして見てください。 <br /> 正規表現アプリケーションサンプルディレクトリ <br /> 【1】正規表現の応用 - 指定内容を行末まで置換 <br /> 【2】正規表現の応用 - 数値置換 <br /> 【3】正規表現の適用 - 各行末の指定文字を削除 <br /> 【4】正規表現の応用 - 複数行を半山括弧で置換 <br /> 【5】正規表現アプリケーション - 空行削除 <br /> 【6】ソフトウェアに関するヒント - キーロギングに関する注意事項 <br /> 【7】ソフトウェアのヒント - ドキュメントタグを閉じる便利な方法 <br /> 【8】ソフトウェアのヒント - EditPlus でテキスト ファイルを保存するときにサフィックス プロンプトを削除するにはどうすればよいですか? <br /> 【9】ソフトウェアのヒント - 文法ファイルが見つからないというプロンプトの解決策 <br /> 【10】ソフトウェアのヒント - 韓国語などの他のテキストをサポートするために editplus を設定する <br /> 【11】ソフトウェアスキル - FTPアップロード設定 <br /> 【12】ソフトウェアに関するヒント — バックアップファイル機能を無効にするにはどうすればよいですか? <br /> 【13】ソフトウェアスキル - 文法ファイルの追加、オートコンプリートファイル、ライブラリファイルの編集 <br /> 【14】ツール統合 – コンパイラ統合例 (Java、Borland C、Visual C、Inno Setup、nsis、C#) <br /> 【15】ツール統合 - Editplus で PHP プログラムをデバッグしましょう <br /> 【16】ツール統合 - PHPデバッグ環境の構築(2) <br /> 【17】EDITPLUSをWINPEに統合する <br /> 【18】UTF-8マークあり/UTF-8マークなしのファイルをサポート </p>

    Webページ制作29907342018-01-10
  • 正規表現 正規表現

    <p> 正規表現。正規表現、正規表現、正規表現、正規表現、正規表現とも呼ばれます (英語: Regular Expression、コードでは regex、regexp、または RE と略されることがよくあります)。 </p> <p> 正規表現は、単一の文字列を使用して、特定の構文ルールに一致する一連の文字列を記述および照合します。多くのテキスト エディタでは、特定のパターンに一致するテキストを取得および置換するために正規表現がよく使用されます。 </p> <p> 1. 文字クラス </p> <p> 1. 文字クラス: 含まれる任意の文字と一致します。 </p> <p> 例: /[abc]/ は、文字「a」、「b」、「c」のいずれかに一致します。 </p> <p> 2. 否定文字クラス: 「^」文字を使用して否定文字クラスを定義します。これは、角括弧に含まれていないすべての文字と一致します。負の文字クラスを定義する場合は、左括弧内の最初の文字として「^」記号を入れます。 </p> <p> 例:/[^abc]/ は、「a」、「b」、「c」を除くすべての文字に一致します。 </p> <p> 3. \s: スペース、タブ、その他の Unicode 空白文字と一致します。 </p> <p> . : 改行およびその他の Unicode 行終端記号を除く任意の文字。 </p>

    Webページ制作29908672018-01-10
  • Pythonの通常のreモジュールの詳しい説明

    <p style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FFFFFF;"> <span style="font-family:&quot;">re.match の関数プロトタイプは次のとおりです: re.match(pattern, string, flags)</span> </p> <p style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FFFFFF;"> <span style="font-family:&quot;">最初のパラメータは正規表現で、ここでは「(\w )\s」です。一致が成功した場合は Match が返され、そうでない場合は None が返されます。 </span> </p> <p style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FFFFFF;">2 番目のパラメータは、一致する文字列を表します;<span style="font-family:&quot;"> </span> </p> <p style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FFFFFF;">3 番目のパラメータは Peugeot ビットで、大文字と小文字を区別するかどうか、複数行の一致など、正規表現の一致方法を制御するために使用されます。 <span style="font-family:&quot;"> </span>

    Webページ制作29911102018-01-10
  • Laravelフレームワーク技術分析

    aravel フレームワークの本質も優れたコンポーネントの集合体で構成されており、laravel フレームワークを理解するには、laravel フレームワークで使用されるさまざまなコンポーネントを理解する必要があります。 <br /> php のさまざまなコンポーネント ライブラリの中で、最も重要な 2 つは Packagist PEAR<br /> です。 その中で、Packagist は Composer と連携しており、Composer を使用して、packagist にコンポーネントをインストールし、自動ロードを完了することができます。 <br /> Composer を使用してコンポーネントをローカルにダウンロードすると、composer.json と Composer.lock という 2 つのファイルが生成されます。composer.lock ファイルには、プロジェクトのすべての PHP コンポーネントとコンポーネントの特定のバージョン番号がリストされます。これにより、バージョンを指定し、プロジェクトで特定のバージョンの PHP コンポーネントを使用することのみを許可します。この利点は、Packagist で利用可能な最新バージョンに関係なく、composer がこのファイルにリストされている特定のバージョンをダウンロードすることです。チーム メンバーが自分と同じ PHP バージョンを使用できるように、composer.lock ファイルをバージョン管理に置く必要があります。ローカル開発とサーバーは同じ PHP コンポーネント バージョンを使用するため、コンポーネント バージョンの違いによって発生するバグを最小限に抑えることができます。 <br /> <br /> Composer の自動読み込みは、実際には autoload.php という名前のファイルであり、ベンダー ディレクトリに保存されます。Composer が各 PHP コンポーネントをダウンロードするとき、各コンポーネントの Composer.json ファイルをチェックして、コンポーネントの読み込み方法を決定します。この情報を取得した後、 , Composer は、このコンポーネントに対してローカルに着物 PSR 標準オートローダーを作成します。このようにして、プロジェクト内の任意の PHP コンポーネントをインスタンス化できます。これらのコンポーネントは自動的にロードされる必要があります。 <br /> <br />

    Webページ制作29911692018-01-10
  • H5 および C3 決定版ガイド 2

    <p style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> HTML5 は HTML4 に続く強力な勢力です。多くの API をカプセル化します。単純な関数を実装するために数行の JavaScript を記述する必要はなくなりましたが、単一のタグで問題を解決できます。非常に強力なセマンティック タグがあります。レイアウトが簡潔になります。分かりやすく保守しやすい 最も重要なのは互換性が非常に強力であることです 互換性の問題を解決するために生まれたようです 構文は違いますが HTML4 の記述方法とも互換性があります ではないでしょうかとても強力ですか? <br /> 1. 新しい構造要素<br /> 1) セクション<br /> 章、ヘッダー、フッター、ページの他の部分など、ページ内のコンテンツ ブロックを表します。前の div<br /> を置き換えることができます。 2) 記事<br /> ブログの記事など、コンテキストに関係のないページ上の独立したコンテンツを表します。 <br /> 3) 余談 <br /> article要素の内容に加えて、article要素の内容に関連する補助情報を表します。 <br /> 4) ヘッダー<br /> 5)フッター<br /> 6)hグループ<br /> ページ全体のタイトルまたはページ内のコンテンツ ブロックを結合するために使用されます<br /> 7) 図<br /> ストリーム コンテンツの独立した部分を表します。通常は、<br /> を使用して、ドキュメントのメイン ストリーム コンテンツ内の独立した単位を表します。 figcaption図要素にタイトルを追加します<br /> 8)ナビ<br /> </p>

    Webページ制作29910012018-01-10
  • H5 クロスプラットフォーム ゲーム開発 1

    <p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span></span>Chrome<span> と </span><span style="font-family:Calibri;">Safari</span><span> の急速な発展と </span><span style="font-family:Calibri;">IE Flash</span><span># の衰退に伴い#, </span><span style="font-family:Calibri;">HTML5</span><span> は終わりを迎え、次の時代、モバイル インターネットに入りました。 </span><span style="font-family:Calibri;">HTML5</span><span> のクロスプラットフォームの利点は、モバイル インターネット時代にさらに強調されます。 </span><span style="font-family:Calibri;">HTML5</span><span> は、</span><span style="font-family:Calibri;">PC</span><span>、</span><span style="font-family:Calibri;">Mac</span><span>、## をすべて受け取る唯一のものです。 </span>#iPhone<span style="font-family:Calibri;"></span>、<span></span>iPad<span style="font-family:Calibri;"></span>、<span></span>Android<span style="font-family:Calibri;"></span>、<span></span>Windows Phone<span style="font-family:Calibri;"></span> ## などの主流プラットフォーム用のクロスプラットフォーム言語。 <span></span>Java<span style="font-family:Calibri;"></span> と <span></span>Flash<span style="font-family:Calibri;"></span> はどちらもこのポジションを夢見ていましたが、その夢は <span></span>iOS<span style="font-family:Calibri;"></span> で終わりました。 # 。この時点で、<span></span>HTML5<span style="font-family:Calibri;"></span> に基づくクロスプラットフォームのモバイル アプリケーションの開発が研究され始めました。当時、多くの人は、ネイティブ アプリケーションは、<span></span>C/S<span style="font-family:Calibri;"></span> 構造から <span></span>B/S<span style="font-family:Calibri;"> 構造への移行と同じように、単なる移行にすぎないと信じていました。 ### 構造。 </span><span>Objective-C</span><span style="font-family:Calibri;"> と </span><span>Java</span><span style="font-family:Calibri;"> を学ぶのは非常に難しいです。Web 開発の知識があるので、</span><span>HTML5 を試してみてはいかがでしょうか</span><span style="font-family:Calibri;">。 </span><span></span></span> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;">W3C<span> 現時点では、</span><span style="font-family:Calibri;">HTML5</span># の <span></span> を拡張するために <span style="font-family:Calibri;"></span>Device API<span></span> ワーキング グループが設立されました。 ## カメラ<span style="font-family:Calibri;"></span>、<span></span>GPS<span style="font-family:Calibri;"></span> などの携帯電話特有の <span></span>#API<span style="font-family:Calibri;"></span> ただし、問題はそれは、モバイル インターネットの初期のバージョンがあまりにも早すぎたということです。携帯電話<span></span>OS<span style="font-family:Calibri;"></span> はハードウェア<span></span>API<span style="font-family:Calibri;"></span>、ジャイロスコープ、距離センサー、気圧<span></span></span>。 <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;">携帯電話のメジャー バージョン アップデートは毎年行われます。 <span>W3C</span> は、何百ものメンバーユニットが共同で意思決定を行う組織として、標準草案の提案から合意に達するまで非常に複雑なプロセスを持っており、モバイル インターネットの初期段階での急速な反復に追いつくことができません。 。 <span></span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"> </span> </p> <p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;">PhoneGap<span style="font-family:宋体;line-height:21px;font-size:10.5pt;"> の登場により、開発者に道が開かれました。多くの人は、<span></span>PhoneGap<span style="font-family:Calibri;"></span> がブラウザの欠点を補うために <span></span>API<span style="font-family:Calibri;"></span> を拡張し続けることを期待しています。 <span></span>Adobe<span style="font-family:Calibri;"></span> <span></span>PhoneGap<span style="font-family:Calibri;"></span> を見ると、現状を活性化する希望が見えたようですが、<span></span>Adobe## では<span style="font-family:Calibri;"></span><span>#PhoneGap</span><span style="font-family:Calibri;"> を買収した後、これは十分に商業的に実行可能ではないことがわかりました。また、オープンソースのせいで </span><span>Adobe</span><span style="font-family:Calibri;"> はそれを行うことができません</span><span>Flash</span><span style="font-family:Calibri;"> はこの方法で商業的利益を獲得したため、</span><span>PhoneGap</span><span style="font-family:Calibri;"> を </span><span>Apache</span># に寄付しました。 ## に名前を変更し、 <span style="font-family:Calibri;"></span>Cordova<span></span> に名前を変更しました。 <span style="font-family:Calibri;"></span><span></span> </span><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>さまざまな理由により、</span>Cordova<span> の位置付けは最終的にブラウザの機能強化にはならず、ハイブリッド開発に移行しました。当時の背景から、ネイティブはかけがえのないものであり、「native</span><span style="font-family:Calibri;"> HTML5</span><span>」というハイブリッドモードの方が合理的であると考えられていました。したがって、</span><span style="font-family:Calibri;">Cordova</span><span> の使用モデルは、「ネイティブ エンジニア </span><span style="font-family:Calibri;"> HTML5</span><span> エンジニア」が協力して </span><span style="font-family:Calibri;">App を完成させるというものです。 </span> <span>。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span> </p> <p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>この時点で </span>Facebook<span> は </span><span style="font-family:Calibri;">W3C</span><span> に参加し、</span><span style="font-family:Calibri;">モバイル ウェブ</span>## の確立を主導しました。 #ワーキンググループ。 <span></span>Facebook<span style="font-family:Calibri;"></span> は <span></span>Web<span style="font-family:Calibri;"></span> サークル内にあり、携帯電話にはそれ自身を持っていません<span></span>OS<span style="font-family:Calibri;"> </span> の領域では、彼は Apple と <span></span>Google<span style="font-family:Calibri;"></span> によって管理されているネイティブ アプリのエコシステムが好きではありません。 <span></span>モバイル Web<span style="font-family:Calibri;"></span>このワーキング グループの重要な目標は、<span></span>HTML5<span style="font-family:Calibri;"></span> によって開発された Web アプリケーションでネイティブ アプリケーションのエクスペリエンスを実現することです。しかしそれが裏目に出て、頑張らなくても大丈夫、頑張ってもダメという結果になりました。 <span></span>2012<span style="font-family:Calibri;"></span>、<span></span>Facebook<span style="font-family:Calibri;"></span> が <span></span>HTML5<span style="font-family:Calibri;"></span> を放棄したというニュースが世界に溢れました <span></span>IT<span style="font-family:Calibri;"></span>メディア、<span></span>HTML5<span style="font-family:Calibri;"></span> は即座に途方に暮れました。 <span></span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"> </span><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;">Facebook<span>なぜ </span><span style="font-family:Calibri;">HTML5 を放棄したのですか?</span><span>核心は、</span><span style="font-family:Calibri;">HTML5</span><span> に基づいては実際には作成できなかったことです。優れたモバイル</span><span style="font-family:Calibri;">アプリ</span>#。 <span></span>Twritter<span style="font-family:Calibri;"></span> と他の競合他社のネイティブ <span></span>App<span style="font-family:Calibri;"></span>、<span></span>Facebook<span style="font-family:Calibri;"></span> の ## を比較します。 <span>#HTML5</span><span style="font-family:Calibri;"> バージョンではユーザーを満足させることができません。たとえば、</span><span>Push</span><span style="font-family:Calibri;"> 関数に関しては、</span><span>HTML5</span><span style="font-family:Calibri;"> プッシュ エクスペリエンスとネイティブ プッシュ エクスペリエンスの間には依然として大きなギャップがあります。単独 </span><span>HTML5</span><span style="font-family:Calibri;"> アプリページ切り替え時の真っ白な画面、プルダウン更新など問題が多い </span><span>#/</span><span style="font-family:Calibri;"> サイドスライドメニューは滑らかではないなど。ネイティブ エンジニアがシェイク、QR コード、音声入力、モーメントへの共有などの機能を簡単に実装しているのを見て、</span><span>HTML5</span><span style="font-family:Calibri;"> エンジニアは自分たちが間違ったチームに所属していると感じました。 </span><span></span></span> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"> </span> </p><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;">たとえ <span style="font-family:宋体;line-height:21px;font-size:10.5pt;">Facebook<span> がコントロールされることを好まないとしても、ユーザーに見捨てられる危険を冒すことはできません。そして、</span><span>Facebook</span><span style="font-family:Calibri;"> は重要なポイント、つまりモバイル ブラウザのコアを習得していません。ブラウザーが対応できなければ、数多くの標準草案が無駄になってしまいます。 </span><span></span></span> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>携帯電話のブラウザのパフォーマンスはどのくらいですか?</span>?<span>まず見てください</span><span style="font-family:Calibri;">Google</span><span>,</span><span style="font-family:Calibri;">Chrome</span> <span>パフォーマンスは高いですが、</span><span style="font-family:Calibri;">Android</span><span> のブラウザは </span><span style="font-family:Calibri;">Chrome</span><span> ではなく </span><span style="font-family:Calibri;">WebKit です</span><span>くだらない修正</span><span style="font-family:Calibri;">Android</span><span>ブラウザ</span><span style="font-family:Calibri;">;</span><span>Apple をもう一度見てください、</span><span style="font-family:Calibri;"> 他のブラウザ エンジンiOS</span><span> の </span><span style="font-family:Calibri;">App Store</span><span> および </span><span style="font-family:Calibri;">Safari</span><span> エンジンを使用する他のアプリケーションに掲載することはできません。は許可されていません Apple 独自の </span><span style="font-family:Calibri;">JavaScript</span><span> アクセラレーション エンジン </span><span style="font-family:Calibri;">Nitro</span><span> を呼び出すことができません。その結果、Apple と </span><span style="font-family:Calibri;">Google</span><span> はモバイル</span><span style="font-family:Calibri;">App</span> に <span></span>HTML5<span style="font-family:Calibri;"></span> を積極的に実装していないだけではありません。 <span>要求仕様により、</span><span style="font-family:Calibri;">HTML5</span><span> にさまざまな制限が課されます。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span> </p> <p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>当時のハードウェア機能の不足であったのか、携帯電話 </span>OS<span> メーカーの意図的な制限であったのか、その結果は次のとおりです。モバイル インターネットの初期には、世界は次のようになります。 </span><span style="font-family:Calibri;">iOS</span><span> と </span>#Android<span style="font-family:Calibri;"></span> のネイティブ アプリケーション エコシステムが多数を占め、まず第一に、その領域が安定した後、業界は次のステージ。 <span></span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"> </span><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;">Facebook<span> や </span><span style="font-family:Calibri;">PhoneGap</span><span> に関係なく、初期の段階ではモバイル インターネットのシェアを獲得することはできませんが、粘り強く続ければチャンスは得られます。頻繁に現れます。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;">そして今年は</span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;">HTML5</span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span> ゲームが最前線に立っています。スポットライト? それはお客様自身の動作条件によって異なります。のび太ゲーム、H5 ゲームインターフェイス。 </span><span> </span>

    Webページ制作29912282018-01-10
  • H5 ゲーム開発

    ###クライアント###### <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">1. ゲームエンジンについて</span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">2015 年 3 月に h5 ゲームの作成準備を開始したとき、最初に直面した問題はエンジンの選択でした。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">当時市場には、egret、layabox、cocos2d-js の 3 つの主要な 2D エンジンがありました。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">一方で、私は 1 年以上 cocos2d-x(c) を使用してモバイル ゲーム クライアントを作成していたので、当然 cocos2d-js を選択しました。一方で、当時市場にあった他の 2 つのエンジンでは成功したプロジェクトがあまりなかったためです。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">cocos エンジンが更新されるたびに、できるだけ早くゲーム内でテストします。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">Android スマートフォンでのゲームのパフォーマンスが大幅に向上したことが判明した場合は、エンジンのバージョンとともにアップグレードします。巨人の肩の上に立つと、半分の労力で2倍の結果を得ることができます。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">2015 年 3 月の v3.5 から、2015 年 9 月の v3.8、2015 年 11 月の v3.9 を経て、2016 年 7 月の最新の v3.12 まで。ゲームエンジンのアップデートは計3回実施しました! </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">PS: js-tests の OpenGl テストは、v3.12 までは実際の Android デバイスでの実行効果を確認できませんでした。これには涙があふれました。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> </span> <br />2. データ暗号化と通信プロトコルについて<br /><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">強力なネットワークゲームなのでWebSocketしか使えません。元のモバイル ゲームのクライアントとサーバーは tcpsocket であったため、送信されるコンテンツは sha1 で暗号化されたカスタム形式のバイナリ データでした。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">つまり、このプロジェクトの最初の困難は、js を使用して JSON 文字列のバイナリ エンコードとデコード、および sha1 暗号化と復号化を実装する方法です。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">TODO: 実際、すべてのアップリンクとダウンリンクを暗号化、エンコード、デコードする必要はありません。これにより、クライアントとサーバーの CPU に過剰な負荷がかかります。一部の重要なイベント (ログイン、チャージ、金貨の引き落としなど) を保護するだけで済みます。 </span>

    Webページ制作29910332018-01-10