StuQ インタビュー: CSS マジックがフロントエンドの生活について語る_html/css_WEB-ITnose

StuQ との独占インタビュー: CSS Magic がフロントエンドの生活について語る

この記事は、「StuQ」WeChat 公開アカウントから委託されて公開され、 @CSS Magic が書きました。

マジック兄弟、まずは自己紹介をお願いします！

皆さん、こんにちは。StuQ からインタビューを受けることができて光栄です。私の名前は「CSS Magic」、親しい友人からは「Brother Magic」と呼ばれています。私は現在、Baixin.com のモバイル Web サイトのフロントエンド アーキテクトとして働いています。

「フロントエンド アーキテクト」という肩書は、「フロントエンドにはアーキテクチャが必要だ」とか「自慢が上手だから虎の皮にしよう」などと揶揄されることが多いようです。 。以前は、この種の疑問に直面するといつも当惑していましたが、時間が経つにつれて、私は落ち着いてきました。結局のところ、本格的で長期にわたる大規模なプロジェクトには、誰かがアーキテクチャを設計する必要があるのです。

Baixing.com のフロントエンド アーキテクチャの目標は非常に明確です。ビジネス規模が拡大し、チームが成長するにつれて、Web サイト全体の複雑さも急速に増大します。ビジネス エンジニアが効率的かつ高品質になるようにする 開発タスクを完了することは、フロントエンド アーキテクトの責任であり、課題です。

簡単にまとめると、Baixin.com での私の毎日の仕事は次のとおりです。

新しいテクノロジーと新しいツールを研究し、それらをタイムリーにチームに適用します。
コード仕様を作成し、ツールを使用して実装を確実にします。
基本的なクラス ライブラリとビジネス開発の間のギャップを埋め、ツール ライブラリと UI フレームワークを提供し、ビジネス開発効率を向上させるドキュメントを作成します。
ビジネス エンジニアの開発エクスペリエンスを向上させるために、ビルド プロセスと開発環境を最適化します。
定期的な技術交流会と不定期の技術共有を開催します...

(

編集者: やるべきことがたくさんあります!)

実際には、これには、何年にもわたるコードのリファクタリングや、ビジネス開発への時折の関与は含まれていません。仕方ない、会社の若い人たちはみんな優秀だから、おっさんの私が気を抜くわけにはいかない、そうしないとあっという間に追い抜かれてしまう。

フロントエンドロードで経験したターニングポイントは何ですか?

実は私にとって「フロントエンド」自体が大きな転機となっています。故郷から上海に来たとき、私はすでにかなりの年齢であり、インターネット業界での経験はありませんでした。彼は情熱だけを持って伝統的な業界を離れ、インターネットのトレンドに加わることを決意しました。

当初はインタラクションデザインやインターネットプロダクトのデザインに携わりたいと考えていましたが、探してみてもそのようなポジションを設ける必要があると考えている会社は見つかりませんでした（考えてみれば今更ですが）卒業生は簡単にプロダクトマネージャーの仕事に就くことができます）仕事の機会、私も言葉を失い、窒息しています）。当時の状況の中で、どのようにしてこの業界に入り、まず生き残ったのですか？

Webページ制作の経験があるので、Webページ制作にも非常に興味があり、デザインにも関わるので、まずこの業界に入るブレークポイントとして「フロントエンド開発」を選びました。思いがけず、フロントエンドに入るとそこは海のように深く、どんどん大きな穴に落ちていきました。

一般的に言えば、私がフロントエンド分野で働いてきたここ数年間はかなり順調でした。これにおける「ターニングポイント」について話したいのであれば、確かにターニングポイントがあります。2 年前に Baixing.com に入社し、私のキャリアがようやく正しい軌道に乗ったと感じています。私はこの優秀な友人のグループ、リラックスした環境、そして物事を行うためのシンプルで直接的な方法が好きです。ここにはさらなる発展の余地があり、それが私のフロントエンドスキルを新たなレベルに引き上げてくれました。

テクノロジーの発展の過程で、あなたに最も深い影響を与えた人や本は何ですか?

私は一冊の本のおかげでインターネット業界への転職を決意しました。そんな時、本屋で『Don't Make Me Think』という本を見つけて、表紙がとても特徴的だったので手に取って読みました。この本は技術書ではなく、インターネットのプロダクトデザインについて書かれたものです。私はそこに立って、本の半分を一気に読んだのですが、衝撃を受けました。

「地球の反対側に、私とデザインコンセプトが一致するアメリカ人がいるということですか? 私はこれをするために生まれてきたようです!」私の太もも。

技術的な道に進み始めてから、私も多くの優れた技術書を読みましたが、明らかにこの本ほど私に大きな影響を与えたものはありませんでした。開発のために上海に来てからのここ数年、挫折に遭遇すると、時折この本を取り出して初心を見つめ、闘志を再燃させていました。

(

編集者: あなたに大きな影響を与えた人々について話しましょうか?)

わかりました。技術分野では、最初に優れた作品（オープンソースプロジェクト、書籍、技術共有やブログ記事など）に衝撃を受けたり、共鳴したりして、徐々に知っていくことが多いです。彼らの後ろにいる人たち。

これらの優れた作品の背後にある英雄には、「jQuery の父」である John Resig、Mocha / Stylus / Jade / Koa などの多くのスター プロジェクトの作者である TJ、Gobble / Rollup の作者である Rich Harris が含まれます。 / ブーブレなど。彼らは賢くて賢明で、彼らのビジョンと開拓者精神は私にインスピレーションを与え続けています。

ボトルネックに遭遇したことがありますか?どうやって突破したのですか？

私が長年にわたってフロントエンド プロセスでボトルネックに遭遇したことがあったとすれば、それは主にフロントエンド分野自体の急速な発展が原因でした。近年、フロントエンド分野では新しい技術、新しいツール、新しい実践方法が登場しており、気をつけないと時代遅れに感じてしまいます。このような状況に直面すると、誰もが持つエネルギーには限界があり、ボトルネックに遭遇したときに圧迫感を感じることは避けられません。

私自身の対処法は、核心をつかんで、習得が難しい技術的な方向、当分必要ではない方向、または自分がやりたいことにとってほとんど価値のない方向はあきらめることです。現時点で。たとえば、途中で、リッチ メディア用の Flash、グラフィックスとゲーム用の Canvas と WebGL、シングル ページ アプリケーション用の MV*、言語用の FP などをやめました。

もちろん、これらの「放棄」は戦略的なものであり、永続的なものではありません。結局のところ、エネルギーには限りがあり、すべてをカバーすることは不可能です。しかし、ある方向が攻略すべき要衝となると、私は迷わず新たな穴に飛び込むことになる。

技術的な側面に加えて、私は「人」、つまりコードを書く人々のグループにもエネルギーの一部を集中させます。個人のヒーローの時代は永遠に終わり、一人でどれだけ強くても成功することはありません。したがって、多くの場合、周囲のパートナーが急速に成長できるよう支援し、完全な階層と補完的なスキルを備えたフロントエンド開発チームを構築することがより現実的です。場合によっては、これが「ボトルネックを突破する」ための解決策になることもあります。チームの友人が新しいテクノロジーを克服するたびに、私は自分を慰めることができます。方法がわからなくても問題ありません。助けてくれる友達！

フロントエンドの初心者にどのような経験を共有したいですか?

わかりました、この質問は私が答えるのに非常に適しています。その一方で、私自身も勉強中であるため、長年にわたってブログを書くときは常に初級および中級の開発者を主な読者としてターゲットにしてきたため、最近「CSS Magic」WeChat 公式アカウントを書き始めました。フロントエンド初心者グループに注目してください。

語られる経験はたくさんありますが、最も重要なことは「体系的に学び、しっかりとした基礎を築くこと」だと思います。フロントエンド分野は日々変化し、新しい技術が次々と登場しますが、本当の基本は決して古くなりません。

昨年の夏に CSS Conf に参加した学生は、私が初めて上海に来たとき、フロントエンドの仕事を見つけるために、市販されている CSS の本をすべて購入し、あっという間にむさぼり読んだことをまだ覚えているかもしれません。そしてCSSの基礎知識を体系的に習得しました。実際、市場で評判の良い HTML 本や JS 本をざっと読んでみました。

(編集者: 聴衆の学生たちが畏敬の念を抱いていたのを覚えています。そのときのあなたの状態はどんな感じでしたか?)

この本を読んだ後は、こう思うかもしれません。次から次へと本を読む 本を読むのはとても大変でしたが、その時はとても幸せでした。というのは、それ以前にもWebページ制作の知識を興味本位で学んだことはあったのですが、当時は暗い迷路を手探りしているような状態で、教えてくれる人もいなかったので、基本的には他人のコードを真似するという学習方法でした。または、オンラインで他の人が投稿したさまざまなヒントを収集します。見つかったコードの断片をつなぎ合わせると通常は機能しますが、その理由はわかりません。私にとってそれらのコードの断片は宇宙人の呪文のようなものです。

当時書店で見つけられた関連書籍は、「今すぐ学んで今すぐ応募する」や「今すぐ学んで今すぐ応募する」など、中国人の「短期、迅速」の精神に応えるファストフードの本でした。 「クイックコードチェック300例」。私は物事の本質を理解するのが好きな人間です。これらの終わりのないいわゆるテクニックは明らかに私の好奇心を満足させることができず、失望して去ります。

数年後、チューリングに代表される科学技術書籍会社が海外の古典的なチュートリアルや参考書を紹介し始めました。 「Mastering CSS」や「Advanced Programming with JavaScript」のような本が私の手に届いたとき、私がどれほど有頂天になったか想像していただけると思います。

狂ったように知識を追求する過程で、私はここ数年オンラインで苦労して集めた珍しい黒魔術が、実際には本でより包括的かつ体系的に説明されていることに気づきました。 HTML、CSS、JSの基礎知識をしっかりと身につけた私は、まるで魔法のようで覚えられなかった異星人の呪文がすでに血中に組み込まれて本能化していることに気づき、驚きました。

(編集者: 例を挙げてもらえますか?)

わかりました。 CSS レイアウトが主流になった後も、決定要因となるデータを表示するにはテーブルを使用する必要があります。テーブルは本質的に柔軟で包括的な性質を持っているため、そのレイアウト動作を予測するのは困難です。テーブルに設定した列幅は、セルの内容によって簡単に拡張できます。

しかし、「CSS Definitive Guide」をすべて読むと、CSS2 の時代から...

...

.. .

完全な記事は「CSS Magic」WeChat 公開アカウントに含まれています。コードをスキャンして今すぐ購読してください:

© Creativeコモンズ BY-NC-ND 4.0 | 購読したいです | 寄付したいです