ウェブ

Swift 3でSpriteKitゲームを構築する方法（パート3）

[SpriteKit]（https://developer.apple.com/spritekit/）ゲームを作成するのに何が必要か疑問に思ったことはありませんか？ボタンは本来よりも大きなタスクのように見えますか？ゲームで設定を保持する方法を考えたことはありますか？ SpriteKitの導入以来、iOSでのゲーム作成はかつてないほど容易になりました。この3部構成のシリーズの第3部では、RainCatゲームを終了し、SpriteKitの紹介を完了します。 [前のレッスン]（https://www.smashingmagazine.com/2016/12/how-to-build-a-spritekit-game-in-swift-3-part-2/）を見逃した場合は、 [GitHubで]コードを取得することで追いつくことができます（https://github.com/thirteen23/RainCat/releases/tag/smashing-magazine-lesson-two）。このチュートリアルにはXcode8とSwift3が必要であることに注意してください。

筆文字：練習後にのみ良くなる（パート2）

この記事では、アルマ・ホフマンが学習者としての彼女の旅を共有し、ヒント、実践的なアドバイス、ハウツービデオ、景品を共有することで、あなたが始めるのを助けます。ちょっとしたネタバレ注意：練習は進歩します。

詐欺師ではない：フロントエンドの倦怠感との戦い

この記事では、DavidBernerが倦怠感を回避する方法についてアドバイスを共有しています。燃え尽き症候群になると、自分のやっていることへの情熱と、そもそもなぜそれを始めたのかを取り戻すのは非常に困難です。

AdobeXDでリピートグリッドを探索する

あなたがビジュアルデザイナーなら、おそらくあなたはあなたの時間の大部分を複数の視覚要素に小さな調整をすることに費やしています。クライアントは、各要素の間にさらに数ピクセルのパディングが必要であると判断したか、すべてのアバターの角を丸くする必要があると判断した可能性があります。いずれにせよ、あなたはあなた自身があなたのデザインで何度も何度も同じ調整をしていることに気付くかもしれません…そして何度も何度も。 _Adobe Experience Design CC_（ベータ版）では、デザイナーのワークフローのこの面倒な側面に対処するために、グリッドの繰り返し機能を導入しました。この記事では、この時間節約機能の真の力を明らかにするために深く掘り下げます。リピートグリッドを作成して調整し、コンテンツを追加して、AdobeXDのシンプルで強力なプロトタイプモードに接続します。フォローしたい場合は、_AdobeXD_を無料でダウンロードしてテストできます。

楽観的なユーザーインターフェイスの真の嘘

3つのユーザーインターフェイス（UI）がパブに行きます。最初のものは飲み物を注文し、次にさらにいくつか注文します。数時間後、請求書を要求し、パブを酔っぱらったままにします。 2番目のUIは、飲み物を注文し、前払いし、別の飲み物を注文し、支払いを行うなど、数時間でパブを酔っぱらったままにします。 3番目のUIは、入った直後にすでに酔っているパブを終了します—パブがどのように機能するかを知っており、時間を無駄にしないほど効率的です。この3つ目について聞いたことがありますか？これは「楽観的なUI」と呼ばれます。

Web開発リーディングリスト＃158：フォームのユーザビリティ、Vue.js、および重要なCSSの展開

最近、私は**開発者としての私たちが私たちの世界でどのような目的を持っているのか**を考えています。ここでは答えを提供することはできませんが、代わりにあなたにもそれについて考えるように勧めたいと思います。これについて意見はありますか？私たちは他の人の要求を喜ばせているだけですか？それとも、私たちが間違っていると思う場合、私たちに解決策を要求する人々にアドバイスする責任がありますか？やりがいのある質問です。答えはここの人によって異なります。ご意見をお聞かせいただければ幸いです。我慢してください、今週のリストは大きいものです。あまりにも多くの優れたリソースがポップアップし、技術と設計の概念、新しいJavaScriptメソッドを使用してよりスマートなアプリケーションを作成する方法、CSSグリッドレイアウトから学んだ教訓とあなたの幸せを大事にするためのヒントを共有しています。

世界最高のオープンデバイスラボはどこにありますか？

すべての開発者は、Webサイトが最新のiPhoneで見た目と目的を果たしているからといって、すべてのモバイルデバイスで機能するわけではないことを知っています。この記事では、**多くのオープンデバイスラボ**のいくつかに焦点を当てます。これは、サポートと注目に値するコミュニティによる素晴らしい、役立つイニシアチブです。オープンデバイスラボ（ODL）は、当社の技術的展望を散らかす無数のオペレーティングシステム、ブラウザ、およびデバイスへの対応です。開発者は、さまざまなソフトウェアやハードウェアでWebシステム、Webサイト、アプリをテストするための（通常は）空き領域を提供します。この前提は、[OpenDeviceLab.com]（https://www.OpenDeviceLab.com）イニシアチブの中核を形成します。これは、人々が仕事に適したODLを見つけ、これらのテストセンターのサポートをさらに強化するためのコミュニティ運動です。。

劇的なベクトルイラストを作成する方法

Smashing Magazineの月刊コレクションのデスクトップの壁紙を1年以上描いていますが、毎回とても楽しくてやりがいのあるミッションです。この記事では、**プロセスのすべての段階にどのように取り組むか**を共有し、AdobeIllustratorでベクターイラストを作成するための一般的な手法を提供します。うまくいけば、これらのテクニックがお役に立てば幸いです。特定の図面を参照しながら— [今年の5月の壁紙コレクション]（https://www.smashingmagazine.com/2016/04/desktop-wallpaper-calendars-）で紹介された「UnderstandYourself」デスクトップ壁紙のイラストmay-2016 /＃understand-yourself-05-2016）—イラストレーターおよびデザイナーとしての私の経験からの重要なポイントも強調します。

箱から出して：デザインのインスピレーション（2016年11月）

秋が満開になり始めた今、中にとどまって熱いカカオを飲む理由は本当にありません。いいえ、外に出て、自然が提供するすべての**暖かい色**、特に今ではほとんどどこにでも見られる**鮮やかな黄金色の葉**を吸収する時が来ました。ぼんやりとした朝の季節であり、美しい温かみのあるカラーパレットです。今月のコレクションでは、この季節感を表現したイラストや写真を集めました。上に示したイラストは、冬が来る前にあなたの日々を過ごす素晴らしい方法を示しています。

ボトムナビゲーションデザインのゴールデンルール

デザインは見た目だけではありません。すべてのデザイナーが知っておくべきことです。デザインは、ユーザーが製品にどのように関与するかについても説明します。それがサイトであろうとアプリであろうと、それは会話のようなものです。ナビゲーションは会話です。ユーザーが自分の道を見つけることができなくても、サイトやアプリがどれほど優れているかは関係ありません。この投稿では、モバイルアプリの優れたナビゲーションの原則をよりよく理解し、2つの一般的なパターンを使用してどのように行われるかを示します。近年最も成功しているインタラクションナビゲーションの設計を検討すると、明確な勝者は、ファンダメンタルズを_完璧に_実行する人です。箱の外で考えることは通常良い考えですが、あなたが破ることができないいくつかのルールがあります。