ウェブ

Babylon.jsを使用したシェーダーの構築

GPUの生のパワーを解き放ちたい場合、シェーダーは重要な概念です。 _Babylon.js_のおかげで、彼らがどのように機能するかを理解し、簡単な方法で彼らの内なる力を試すことさえできます。実験する前に、内部でどのように機能するかを確認する必要があります。ハードウェアアクセラレーションによる3Dを扱う場合は、メインCPUとGPUの2つのCPUを扱う必要があります。 GPUは一種の非常に特殊なCPUです。

デスクトップの壁紙カレンダー：2016年11月

時々、最高のインスピレーションは私たちの目の前にあります。そのことを念頭に置いて、私たちは8年前に[特別な創造性の使命]（https://www.smashingmagazine.com/tag/wallpapers/）に着手しました。毎月**刺激的でユニークなデスクトップの壁紙**を提供することです。通常の群衆よりも少し特徴的で、あなたのアイデアを刺激するはずの壁紙。

Web開発リーディングリスト＃156：ブラウザニュース、Webpack 2、およびHPKPから学んだ教訓

一人で部屋に座っている人ですか？外から見るとそう見えるかもしれませんが、人間の脳はこれらの点ではるかに興味深いものです。私たちは自分の中に人間関係の地図を持っています、そしてそれは人が実際に孤独を感じるかどうかはこの地図に依存します。「[ストレスと社会的自己：人間関係が免疫システムに与える影響]（https://www.brainpickings.org/2015/10/07/esther-sternberg-stress-relationships/）」を読んだだけで、それから多くを学ぶことができます。実際、私は今、ソーシャルメディアを別の視点から見るかもしれません。私たちは_社会的_な存在です。私はあなたと良いコンテンツを共有するのが大好きなので、これ以上苦労することなく、今週のWeb開発者向けの読書リストを紹介します。

より良いモバイル分析を見つける

モバイルアプリケーションを作成するとき、開発者はモデルとユーザーがアプリケーションを使用する方法を想像します。開発者が直面する問題の1つは、ユーザーが常に開発者が想定した方法でアプリを使用するとは限らないことです。ユーザーはアプリをどのように操作しますか？彼らはアプリで何をしますか？彼らは開発者が彼らにしたいことをしますか？モバイル分析は、これらの質問に答えるのに役立ちます。分析により、開発者は実際にアプリで何が起こっているかを理解し、ユーザーが実際にアプリをどのように使用しているかを確認した後、アプリを調整および改善する機会を提供できます。簡単に言えば、分析はユーザーの行動の研究です。

インタラクティブなWebベースのクイズゲーム「ToppleTrump」の構築（ケーススタディ）

使いやすく、見栄えがよく、プレイするのが本当に楽しいオンラインクイズを作成することは1つのことです。ドナルド・トランプの二極化した大統領選挙運動に基づくことは別です。 _Parallax_のディレクター兼開発者であるAndyFitchの発案による、_Topple Trump！_は、数々の賞を受賞しています。しかし、ゲームを生き生きとさせたのは、実際のチームの努力でした。ここでは、それがどのように起こったかを正確に垣間見ることができ、開発プロセス、設計上の考慮事項、およびその過程で学んだいくつかの貴重な教訓に触れます。

デスクトップの壁紙カレンダー：2016年10月

新しい月は新しい壁紙を意味します！この旅は[8年間]（https://www.smashingmagazine.com/tag/wallpapers/）続いており、世界中の新しいアーティストやデザイナーがそれぞれの芸術的スキルに挑戦して、新鮮なインスピレーションを提供しています。デスクトップ上。そして、まあ、今回も違いはありませんでした。

SGSの7レベルナビゲーションシステムの再設計：ケーススタディ

SGS（旧称_Societe Generale de Surveillance_）は、グローバルなサービス組織であり、14の業界にわたる検査、検証、テスト、および認証サービスのプロバイダーです。 SGSのWebサイト（および60のローカライズされたWebサイト）は、主に組織のコアサービスを宣伝するだけでなく、多数の有用なサービス、補足コンテンツ、およびツールへのアクセスを提供します。私たちの目標は、[sgs.com]（https://www.sgs.com/）をデスクトップのみからレスポンシブに変換することでした。これは、特にレガシーナビゲーションシステムの周りに固有の一連の課題を提示しました。これは、領域で最大7レベル（2つの部分に分割）であり、約12,000の**個々のナビゲーション可能なアイテム**で構成されていました。

プログレッシブウェブアプリの構成要素

アプリの構築に着手したほとんどの企業の一般的な知恵は、ネイティブのAndroidまたはiOSアプリ、およびサポートWebサイトを構築することです。それにはいくつかの正当な理由がありますが、Webアプリの主な利点について十分な人々が知っているわけではありません。

モーションカーブを使用したCSSアニメーションのアップグレード

UIアニメーションがあり、次に_good_UIアニメーションがあります。良いアニメーションはあなたを「すごい！」にさせます—それは滑らかで美しく、そして何よりも自然で、ブロック状ではなく、硬く、ロボット的です。 Dribbbleまたは[UpLabs]（https://www.uplabs.com）を頻繁に使用する場合は、私が何について話しているかがわかります。非常に多くの素晴らしいデザイナーがそのような美しいアニメーションを作成しているので、開発者は当然、自分のプロジェクトでそれらを再現したいと思うでしょう。現在、CSSは、 `ease-in`などの[` transition-timing-function`]（https://developer.mozilla.org/en/docs/Web/CSS/transition-timing-function）のプリセットをいくつか提供しています。、 `ease-out`と` ease-in-out`は、ある程度の滑らかさとリアリズムを追加しますが、非常に一般的ですよね。 Web上のすべてのアニメーションが同じ3つのタイミング機能に従っているとしたら、どれほど退屈でしょうか。

多様なテスト-ReactNativeアプリの自動化フレームワーク

今日のモバイルアプリの基準は高く設定されています。まず、アプリはアプリ市場が期待する品質基準を満たしている必要があります。第二に、モバイルアプリのユーザーは非常に要求が厳しいです。たくさんの選択肢がダウンロードできるので、ユーザーはバグのあるアプリを容認しません。モバイルアプリは人々の生活の非常に重要な部分になっているため、ユーザーはアプリに対する愛情や憎しみを共有することを恥ずかしがらず、そのフィードバックは数百万人のユーザーの前に数秒で届きます。