Clever Geek Handbook

Web開発者のためのいくつかの興味深く有用なこと＃24

こんにちは、ハブラフチアン。 最近、私はHabrと共有したいいくつかの興味深い有用なツール/ライブラリ/イベントを見ました。



Webhook



画像



Webhookは、サイトを作成するためのプラットフォームです。 これはまさに「CMSビルダー」であるため、静的ジェネレーターと混同しないようにすることが重要です。 このプロジェクトは、今年5月14日にKickstarterキャンペーンを正常に完了し、必要な2倍の金額を引き上げることができました。 そしてつい最近、製品の最初のバージョンがリリースされました。 Webhookは、リアルタイムのNodeJS、Grunt、 Firebaseを使用して構築され、Windows、Linux、およびMacで実行されます。 



# Install Webhook through npm npm install grunt-cli wh # Create your first site wh create my_awesome_site # Load the local runserver cd my_awesome_site wh serve # Make your website live wh deploy




TypeScript





TypeScriptは、JavaScriptの基本機能を拡張するように設計されたプログラミング言語です。 TypeScriptはGitHubの企業の公式アカウントの最初のパブリックリポジトリでもあるため、Microsoftのプロジェクトはイベント全体であるという事実に注目したいと思います。



「JavaScriptで始まり、JavaScriptで終わる」： 

 class Point { x: number; y: number; constructor(x: number, y: number) { this.x = x; this.y = y; } getDist() { return Math.sqrt(this.x * this.x + this.y * this.y); } } var p = new Point(3,4); var dist = p.getDst(); alert("Hypotenuse is: " + dist);




パイは見なければならない



Pythonでの講義と会議からの最高のビデオのライブリスト。 コレクションの公開時にリポジトリのコンテンツを複製します。



2009





2010





2011





2012





2013





2014





KeystoneJS-Node.js上のCMS







仮想ドーム



本当に大きなWebアプリケーションの場合、開発者がDOMツリーのすべての変更を追跡することは非常に困難であり、不可能です。 同時に、DOMの各更新はプロジェクトのパフォーマンスに大きく影響する可能性があり、すべてがゆっくりと遅れて発生します。 ところで、ユーザーskutinからHabrに関する素晴らしい記事「Webページのレンダリング：フロントエンド開発者が知っておくべきこと」があります。 仮想DOMは、プロジェクト内のDOMの宣言的表現を提供するモジュールのコレクションです。 つまり、すべての状態変更を仮想ツリーに書き込み、その後でのみDOMを更新することが可能になります。 一般に、このプロジェクトは別の記事に値します。最初に「Reactのdiffアルゴリズム」の概念を説明し、次に「仮想DOMと差分アルゴリズム」の概念を示し、次に実装と作業の原則を説明しました。



カスタム要素とコンポーネントキッチン





Webコンポーネントは、ゆっくりではありますが確実に、私たちの生活に入ってきています。 この仕様は西洋で書かれていることが多く、大企業が熱心に推進しています。 これは、Web標準の開発における新しいステップであり、開発者に新たな機会をもたらし、セマンティクスの考え方を変えるものであると私自身で言います。 それが、さまざまなWebコンポーネントの2つの補充されたコレクション、 Custom ElementsとComponent Kitchenを共有したい理由です。



オフラインと選択





以前のセレクションでは、素晴らしい会社HubSpotのプロジェクトをすでに共有しました。 しかし、彼は、オンライン/オフラインユーザーモードを判断し、対応するメッセージをさまざまなトピックで画面に表示する最も簡単な方法であるオフラインへのリンクをまだ提供していないことに驚き、サードパーティライブラリを使用せずに単純なカスタム選択を作成するために選択しました。



西洋の考え、またはそれがアブレに翻訳する価値があるもの：







Habrの発言と表示：







最後に：



  • マクロのニュース-おそらくgit向けの最高のGUIクライアントであるTower 2がリリースされました


  • rome.js-おそらくサードパーティのライブラリに依存しない最初の通常のデータピッカー。

    UPD： rinnaattのコメントで示唆されているように、素晴らしい独立したピカデーがまだあります
  • Headstartは、 フロントエンドのフレームワークおよびビルダーです。
  • VIDE.js-ビデオ背景の作成を容易にするjQueryプラグイン。
  • PrettyEmbed.js -YouTubeの挿入物の見栄えを良くします（ひどい説明、 デモページを見て、すぐにすべてを理解します）。
  • google-api-nodejs-client
  • Justified.js- 「Justified Image Galleryを作成するjQueryプラグイン」。
  • learning-angular -Angularの学習に必要なすべてのコードフラグメントのセット。
  • go-underscore -Goで最も人気のある関数のセット。
  • grunt-svgstoreは、.svgスプライトを作成するための素晴らしいプラグインです。
  • DomFlags -Chrome拡張機能を使用すると、DOMを操作するときにショートカットを作成できます。
  • Rainbowstream-端末のtwitterクライアント
  • 誰か - 少し奇妙に言えば、Ruby on Railsの教会のソーシャルネットワークです。
  • Smashing Magazineは、プロジェクト管理のスタートアップ向けの電子書籍「 Making it right 」 を推奨しました。 表紙の苦痛になじみの象徴...



    画像




前のコレクション（問題23）



タイプミスをおforびします。 あなたが問題に気づいた場合-個人的に書いてください。



ご清聴ありがとうございました。


More articles:


All Articles