WEB2.0の片手ルール

WEB2.0の片手ルール
<br />前回のCSSに関する記事は、多くの人にあまり理解されませんでした。そのため、CSSに関する記事をどのように書くべきか長い間考えてきましたが、まだ満足のいく答えは出ていません。新年を迎え、これまでの日々を振り返ってみると、会社でいろいろなことに忙しく、1か月近く技術的な記事を書いていませんでした。また、長い間、グループ内のことにも注意を払っていませんでした(何人かの人をブロックしました)。この 2 日間グループに戻ってみると、質が低下していることがわかりました。チャットする人が増え、さまざまなことを話す人が増えています。 ...そろそろ、ウェブサイト再構築スタッフの士気を高め、全員に明確な目標を設定するために何かを書く時期が来たようです。
話を元に戻して、WEB2.0について。誰もがこの用語をよく知っているはずです。近年、中国のインターネットは大騒ぎになっている。それを賞賛する人がいる一方で、誇大宣伝だと考える人もいる。しかし、これらの人々はWEB2.0を知っているのでしょうか?そうです、私のターゲットは、さまざまなインターネット企業のCEOだけでなく、コメントを書いて有名になりたいブロガーたちもです。あるいは、私がそのような人間だと思うなら、WEB2.0 について私たちが知っていることを見てみましょう。
WEB2.0 はテクノロジー指向ではない概念です。
WEB2.0 は、一連の Web サイトによって表される総称です。
WEB2.0 はユーザーをコンテンツのソースとして使用します。
WEB2.0 は、2004 年 3 月に O'Reilly Media Inc. のオンライン出版および研究担当副社長である Dale Dougherty 氏によって考案されました。
ここでお話ししたいのは、これを提案した人々や企業についてです。 Dale Dougherty 氏は、API を最初に考案した人物の 1 人です。このような技術者が、技術に基づかないコンセプトを思いつくということは、これが信じられない詐欺であると判断するのに十分です。 EMU が次のように言っていたのを覚えています。「技術的な影響力を持つ技術者は、自分の仕事が技術的な影響力を失うと、その影響力も失います。影響力がなければ、自分の仕事に自信が持てなくなり、仕事が効果的でなくなります。」
一方、一連のウェブサイトはまとめて表現されます。では、それらのモデルと構造に基づいたウェブサイトは、WEB2.0 時代のウェブサイトと呼ばれるのでしょうか?だから「死を求めるWEB2.0」がこんなにも存在するのだ。一つの終点記述から多方向に展開して、いわゆる終点に到達することは不可能だからです。
3 点目は、いわゆるコンテンツが王様であることが多く、さらに、ユーザーがコンテンツのソースとして活用されていることです。では、私たちのユーザーはどこから来ているのでしょうか?テンセントやタオバオなど、大規模なユーザー層を持つ国内企業以外は、WEB2.0に参入できないということでしょうか?
ティム・オライリー氏がまとめたスピーチ記事「WEB2.0とは何か」(正式翻訳)を見ても分かる通り、伝えた後に中国人が注目したポイントは抜け穴だらけだ。ウェブページ業界の人なら誰でも知っている書籍「ウェブサイト再構築」と同じように、中国でも DIV CSS になりました。しかし、この本を注意深く読んだかどうかはわかりませんが、Jeffrey Zeldman による文章があります - 「つまり、div タグを構造要素として使用することには決まった標準や理由はありませんが、実際にはこれはテーブルのより高度な乱用です。」 元のテキストは、「テンプレートについて少しでも知っていれば、テーブルまたは <div> タグを使用できることがわかります。ネストされたテンプレートでも同じです。つまり、テーブルを抜いて <div> タグに置き換えたい場合でも、ネストされたテンプレートを使用でき、それでも機能します。テンプレートまたはネストされたテンプレートまたはライブラリ アイテムで <div> タグを使用できないというルールや技術的な理由はありません。」です (インターネットからのソース)。したがって、私たちの成長を本当に妨げているのは、他人から「借りる」本ではなく、魯迅が述べたように、見えざる手につままれるアヒルなのです。
しかし、この記事は多くの人がするように、ただ問題を指摘するだけで解決には至りません。つまり、WEB2.0の片手原則を皆さんに知ってもらいたいのです。ティム・オライリー氏のスピーチの後半とデール・ドハティ氏の意図によれば、中間で言及された技術の統合は、歴史上の出現順に次の 5 つのポイントにまとめることができます (RSS と XML が XHML に統合されるなど)。
    API XHTML CSS AJAX SEO

上記の 5 つの技術的なポイントを、指の順序に従って説明します。

皆さん、片方の手を挙げて、物理の授業で習った「右手の法則」と「左手の法則」と同じように、私と一緒に実験してみましょう。(もちろん、皆さんが普通の人間であることが前提です) いずれかの指を手のひらに近づけて曲げ、他の 4 本の指が手の甲と一直線になり、快適であるかどうかを確認します。奇妙なことに気づいたことがありますか。1 本の指を曲げると、親指 [API] だけが指定されたアクションを完了できます。
これが何を意味するか見てみましょう:
個々のテクノロジを組み合わせて実装する場合、API のみでタスクを実行できます。しかし、API だけを構築するのであれば、インターネット上には私たちのユーザーしかいないはずだと私たちは考えています。なぜなら、これらのユーザーは、独自の「インターフェース」をオープンソース化し続けて (ここでは技術的な API については触れないことにします)、私たちが望むデータや情報を継続的に出力し続けるからです。同時に、私たちの WEB2.0 は、この点だけを頼りに生き残ることができ、VC が資金を投入しているのをよく目にします。 WEB2.0の時代、製品が生まれること自体が困難であるのに、生き残ることはさらに困難であり、さらに、これらの技術をいかに活用して生活を維持し、収益を増やし、支出を減らすかを知らずに、果てしない持久戦のサバイバルステージで奮闘しているのであれば、それは自らの死を求めているに等しい。
一つずつ例を挙げてみましょう。例えば、テールフィンガー[SEO]は一般的なスパムサイトです。静的ページを作成するための技術的なスキルはありません。モバイルから禁止された後、多くのスパムサイトのウェブマスターはサーバープロバイダーに転向せざるを得ませんでした。次は薬指です[AJAX]。ここではファンフーを例に挙げたいと思います。私はかつて、ファンフーが変身しなければ2年以上は持ちこたえられないだろうとグループの誰かと賭けをしたことがあります。楽観視できない理由は、サーバー操作が多すぎるため、ページとデータを静的にすることは不可能であり、ページを吐き出すサーバーのトラフィック消費とパフォーマンス消費が多すぎるためです。中指[CSS]といえば、過去のWEB1.0の対応形式は何でしたか?ビジネスの新しい端末プラットフォームを開発するには、新しい開発チームを採用する必要がありましたが、WEB2.0の時代には、開発チームと優れたページ再構築人員を使用するだけで、ページ内のCSS接続のメディア属性を「スクリーン」、「ハンドヘルド」、「テレビ」などにリンクしてさまざまなパフォーマンスを発揮し、コスト削減と新しい収益源の開拓を実現できます。
このことから、WEB2.0 で本当に無敵になるためには、5 本の指をすべて曲げる、つまり 5 つのテクノロジーをすべて同時に把握する必要があることがわかります。 SEO と AJAX はそれ自体が相反する技術であるのに、WEB2.0 の技術分野でどのように共存できるのかと疑問に思う人も多いかもしれません。私たちの手を見てみましょう。薬指[AJAX]と小指[SEO]は近くでつながっています。当社の製品フォームでは、この状態は「ポータル側」と「クライアント側」にのみ表示されます。ユーザーが最も多くアクセスするクライアント側(サイト全体)にAJAXを実装し、テンプレートを静的化し、データを動的にプルする必要があります。同時に、検索エンジンにインデックスされないAJAXの機能を使用して、ユーザーの未公開、暗号化、ピアツーピアの情報とコンテンツを保護することもできます。一方、ポータル側のページファイルを静的化する必要があります。これにより、ユーザーが公開したい情報が検索エンジンにインデックスされやすくなり、Webサイトとユーザーの人気が高まり、情報が統合されます。 (ここでは、多くのいわゆるWEB2.0のウェブサイトで行われているようなユーザー自身ではなく、情報そのものについて語っています。もちろん、ここには技術的な詳細やテクニックもいくつかあります。)一方で、ページ構造を表現するために完全なXHMTL(セマンティックページファイルやRSSを含む)を使用し、マルチプラットフォーム端末向けの低コストな拡張として多方向CSSを使用しています。最後に、マルチサポートプラグインと標準化されたAPI(ここでは技術的なAPIを指します)を使用して、自分のものではないインターネット領域を侵食します。たとえば、Fanfouのプラグイン(11のブログサービスプロバイダー)とJiwaiの入力チャネル(9種類)とAPIは、私の意見では非常に成功しています。それに比べて、他のビッグブラザーは現在、「移動ツール」としての地位を失ったblogcn、入力チャネルとしての地位を失ったTaotaoなど、「古い資本で生きている」ように見えます...。
私はこのルールをほぼ1年間守ってきました。私はいつも、3を見て、2をして、1を言うという方法に従ってきましたが、この3を見て、3をしてからほぼ1年が経ちました。心の中にまだもっと高い3が見えていないので、今それを言っただけです。しかし、私は「あきらめる覚悟」を信じています。あきらめれば、何かが得られるのです。私がこれらのことを理解する前に、3 なしでそのような段階を経験していたのと同じように。しかし、現状では彼を退団させることが本当に必要なのです。また、ここで挙げた5つの技術はすべて、当社のウェブサイト再構築担当者(ページ再構築やページ制作ではなく、ウェブサイト再構築を指す)の責任範囲内であるため、中国のWEB2.0で良い仕事をする責任と義務があることがわかります。私たちはまだ技術的なレベルに留まっていますが、実際の WEB2.0 には把握すべき他の側面が確かにあります。ただし、このルールの実装の詳細とテクニックの一部は、商業上の機密保持の原則により公開できません。ご容赦ください。

<<:  GoogleとFacebookがDockerを使わない理由

>>:  CSSを使用して画像フレームアニメーションと曲線の動きを実装する

推薦する

すべてのホストがmysqlにアクセスできるようにする方法

1. MySQLデータベースのユーザーテーブルのレコードのHostフィールド値を%に変更します。奇妙...

同じページを動的にロードするための Vue ルーティングリスニングの例

目次シナリオ分析発達要約するシナリオ分析システムでは、1 つのモジュールに 3 つのサブモジュールが...

jQuery エディタ プラグイン tinyMCE の使い方

簡略化されたファイル サイズを変更し、サンプルをダウンロードします。ファイルをローカル コンピュータ...

MySQL で binlog を使用する際のフォーマットの選択方法

目次1. binlogの3つのモード1.ステートメントレベルモード2. 行レベルモード3. 混合モー...

Linux環境で環境変数を設定する方法

JDKダウンロードアドレス: http://www.oracle.com/technetwork/j...

CSSボックスモデルの紹介を読めば、混乱することはなくなるでしょう

Web デザインでよく耳にするプロパティ名: content、padding、border、marg...

MySQL 実験: explain を使用してインデックスの傾向を分析する

概要インデックス作成は、MySQL で習得しなければならないスキルであり、MySQL クエリの効率を...

JavaScript の async と await のシンプルで詳細な学習

目次1. はじめに2. 詳しい説明2.1、非同期2.1.1. 関数はPromise以外のオブジェクト...

Vue3.0のさまざまなリスニング方法の包括的な概要

目次リスナー1.ウォッチエフェクト2.見る1.1 聴くための最初の方法1.2 聞く2つ目の方法1.3...

Workbench を介して MySQL データベースにリモートでアクセスする方法の詳細な説明

序文Workbench が 1 台のコンピューターにインストールされており、別の Ubuntu サー...

Windows での Tomcat サーバーのインストールに関するチュートリアル

1 ダウンロードして準備するまず、公式ウェブサイトからTomcatをダウンロードする必要があります。...

Linux で mysql-8.0.20 をインストールするための詳細なチュートリアル

** Linuxにmysql-8.0.20をインストールする**環境の紹介オペレーティングシステム:...

Vue の共通 A​​PI と高度な API の概要

目次次のチェックミックスイン$強制更新設定、削除フィルター指令その他の単純な共通プロパティとメソッド...

WeChatアプレットにナンバープレート入力機能を実装

目次序文背景大きな推測パターンを見つける構造とスタイルコンポーネントの実装パラメータキーボードの種類...

数字当てゲームを実装するための純粋なJavaScript

100 以内の自然数をランダムに選択し、プレイヤーに 10 ラウンド以内にその数を推測させる数字推...