Nintendo Switch 2: Everything we know about the coming release

Overview Webサイトを作っているとよく出てくるUIの名称を、ざっくばらんにまとめました。 人や会社ごとで固有の呼び方があると思いますが、私の場合こんな感じです。 コミュニケーション円滑にな〜れ ※2016/11/28 はてブコメントなど参照させていただき、少し更新しました。 ポップアップ表示系 ▼ アラート JSのalertかブラウザのデフォルト機能で出るやつ。ダイアログとも。 ▼ モーダル・モーダルウィンドウ 閲覧中のページにカバーを重ねて表示させるやつ。 modalは「このページはいま入力モードだぜ」といった意味合いでmodeを形容詞化したことば。 ▼ ツールチップ・ポップアップ表示 マウスオーバーすると吹き出しとかで表示されるUI。 補足説明などで使用されることが多い。 ▼ ポップアップウィンドウ 閲覧中のウィンドウとは別に、勝手に立ち上がるウィンドウ。 スパイウェアなどの

Photoshopには写真を補正するだけではなく、デザインに必要とされるさまざまな便利な機能があります。しかし、機能の使い方だけを覚えてもなかなか実践に活用することはできません。 なので、ここでは「デザインの現場では、どの機能をどのように使っているのか？」がイメージできる、Photoshopの実践的な使い方が学べる日本語解説付き動画をまとめました。 見ているだけでもスキルアップにつながるので、実践に役立ててください。 「特訓Photoshopプロのテクニック教えます！」というすごいタイトルのフォトショップの本について：スリームデザイン著 部分的に色を変えたいときの【色の置き換え】の使い方 画像や素材の一部分だけ色を変えたいときには、Photoshopの【色の置き換え】がとても便利！ この動画では、同系色をいっぺんに変える方法だけではなく、一部分だけ色を変える方法と、一部分を残してモノクロに

｢よくぞ、出してくれた！」なんて言われる広告を。 nex8は最適なユーザーへの広告配信を行い、集客改善と費用対効果の最大化を実現します。 資料請求 / お問い合わせはこちら nex8は2019年12月3日をもちまして広告配信を終了させていただくことになりました。 終了に関するスケジュール等詳細につきましては、こちらをご確認ください。

Webフォント「Google Fonts」に、先月「日本語の9書体」が試験的に追加されましたので、早速使ってみました。 ［参照］Google Fonts + 日本語 早期アクセス • Google Fonts + Japanese Early Access https://googlefonts.github.io/japanese/ フォント一覧 M+ 1p （weight：7種類、多くの漢字も収録） Rounded M+ 1c （weight：7種類、多くの漢字も収録） はんなり明朝 （weight：1種類、ひらがな・カタカナのみ） こころ明朝 （weight：1種類、ひらがな・カタカナのみ） さわらび明朝 （weight：1種類、多くの漢字も収録） さわらびゴシック （weight：1種類、多くの漢字も収録） ニクキュウ （weight：1種類、カタカナのみ） ニコモジ （weigh

前回の記事では、EclipseにNode.js用プラグイン「Nodeclipse」を導入し、Expressのプロジェクト作成と実行ができる環境を構築しました。 しかし、本格的な開発を行うためには、まだ設定が不十分です。 今回はNode.js + ExpressでWebアプリを効率良く開発するために必要な、Eclipseの設定をまとめました。 ※現在Node.jsの学習中のため、当記事の内容は今後追加・変更する可能性があります。 環境 Express 4の導入 express-generatorのインストール Nodeclipseの設定 サーバー起動方法 Eclipseの環境設定 一般 [エディター]→[テキスト・エディター] [キー] [コンテンツ・タイプ] [外観] [外観]→[色とフォント] JavaScript [エディター]→[コンテンツ・アシスト] [コード・スタイル]→[フォー

チームでiOSアプリの開発をしていると、ビルドのコストが肥大化しがちです。ピクシブでは、ビルドとテストをMac mini上に構築したJenkinsで行っているのですが、ビルドキューが詰まり、開発速度が上がりにくくなっていました。 これを改善するため、最近、iOSチームのビルドサーバーを、Mac mini 1台から3台に増やし、マスター・スレーブ環境でビルドできるようにしました。今回、そのための設定について、エンジニアの @anchan から紹介します！ ビルドサーバーの環境設定は、GitHubに公開しています！ モチベーション Xcodeは1台のマシンでビルドを並列化できません。チームメンバーとアプリの数が増えるにつれ、それに比例してJenkinsのビルドキューが詰まるようになりました。 Mac mini 1台では厳しくなってきたので、Mac mini 3台でJenkinsのマスター・スレ

Pokémon GOにどのようなGCPプロダクトが使われていて、リリース後にGoogle CloudのCustomer Reliability Engineerがどのようなことを実施したか説明したプレゼンテーションです。 酒とゲームとインフラとGCP 第4回　〜いい夫婦の日は家庭を鑑みながら酒を飲めるぞ〜 <https: /> で発表した資料です。 Read less

どうも、まさとらん（@0310lan）です。 みなさんは、「ゲーム開発」にご興味あるでしょうか？ 最近人気の「Unity」みたいな統合開発環境があれば、かなり本格的なゲーム作りが個人でも可能になってきましたが、実はこのような統合型の開発環境をブラウザ上で実現するサービスがいくつか存在します。 そこで今回は、用途別に厳選したオススメのサービスをご紹介しようと思いますので、ご興味ある方はぜひトライしてみてください！ ■本気で作り込める「2Dゲーム」開発環境！ 【 WiMi5 】 ゲームに使う「ステージ」作りをグラフィカルに設定し、キャラのアニメーションやメインのゲームロジック、最終的な書き出しまですべてカバーする統合開発環境が「WiMi5」です。 シューティング、RPG、パズル、アクション…など、基本的に2Dゲームならどんなゲームでも制作可能で、すでに多くのユーザーが多彩なゲームを公開していま

先週 (2016/11/16) の「Microsoft Connect();」イベントでアナウンスのあった通り、 Mac 用の Visual Studio がついに（Preview版で）リリースされましたね！ Visual Studio for Mac！！ インストールはこちらから(無料)： visualstudio.com/vs/visual-studio-mac/ それを実際に触ってみましょう！ (このツールの目玉はバックエンド(サーバサイド)のプロジェクトまで一緒に作ってくれることだけど、 取り敢えず入門記事として、最初はクライアントだけのものを作ります！) VS for Mac でスマホアプリのテンプレートを「新規作成」 まずVisual Studio for Macを開きます。 VS for Mac が起動し、スタートページが開きます。 「New Project(プロジェクトの新

モバイルアプリサービス部の五十嵐です。 Dockerは軽量でポータビリティに優れ、環境を汚さないので開発環境には無くてはならない存在ですよね！今回はまだDockerを使っていない人向けに、私が自分が辿ってきた経験を元に、『こういうシーンでDockerを使うと便利』というのをステップ・バイ・ステップで説明していきます。 対象読者 Dockerはなんとなく知っていて興味はあるけど、使い所や導入するメリットが分からないという人を対象にしています。 環境 Docker for Mac（Docker 1.12.3） Dockerについて Dockerは複数のコンポーネントからなるプラットフォームですが、本記事では主にDocker EngineのことをDockerと呼びます。 Dockerはコンテナと呼ばれる仮想化技術を用いています。従来の仮想化技術と異なる点は、ホストのカーネルをコンテナと共有し、ホ

Webアニメーションの実装方法として海外でいまもっとも話題なのが、anime.jsでしょう。日本の「アニメ」が語源の注目のDOMアニメーションライブラリーの使い方を詳しく。 もし速くて軽いアニメーションのライブラリーを探しているなら、Julian Garnierが考案したanime.jsを検討してみてはどうでしょうか。 この記事は、SVG画像を含む動的なDOMアニメーションに関する解説です。記事では、canvas-WebGLやSVGに特化したアニメーションライブラリーに触れるつもりはありません。ただし、WebページのHTML要素（理想的にはSVG画像も）のアニメーションに適していれば、別の機会に紹介するかもしれません。 記事の目的はライブラリーを分析してコードを掘り下げることではありません。主にCSSを使う人が、DOMのアニメーションのためにJavaScriptでなにができるかを追及する、

最近は当ブログもスマートフォンで閲覧するユーザーさんが多くて、「あぁ時代はモバイルファーストなんだなぁ」と感じている今日このごろ。 確かに私も、ウェブサイトの閲覧はスマートフォンを利用している時間の方が多いように思います。 さてそうなると、「パソコンなら簡単な作業もスマートフォンだとちょっと手間で面倒」ということも多々あるわけで。その一つに「コピー＆ペースト」が挙げられます。 スマホの場合、コピーする範囲をいちいち指でなぞって、それからコピーするボタンを押す。手間が多いです。しかも範囲選択がなかなかシビアで、イライラを感じたことは誰にでもあるでしょう。 そのコピペの手間を減らしてあげれば、記事のシェアなどがもっと簡単になって便利かなと思い、当ブログに「記事のタイトルとURLをコピーするだけボタン」を設置しました。

大統領選挙がらみの報道に埋もれてしまった感はあるが、先日発表されたNVIDIAの決算リポートは同社の目覚ましい成果を報告していた。 NVIDIAが発表した第3四半期の売上高は、前年同期比54％増の20億ドル（約2,276億円）。全ての事業セグメントで売上を伸ばし、創業者兼CEOのジェンスン・ファンは、「飛躍を遂げた四半期となった。全ての製品ラインが好調で、記録的な売上高と利益を計上できた。新製品のPascal GPUはゲーム、VR、自動運転カー、データセンターのAI分野で大きな成功を収めた」と述べた。 NIVIDIAのGPUは、任天堂の新ゲーム機「ニンテンドースイッチ」にも採用され、マイクロソフトのSurface Studioにも搭載された。アマゾンウェブサービス、マイクロソフト、IBMでも採用され、アリババはデータセンターでサーバーの人工知能の処理を高めるPascal GPUを採用した

2016年11月3日（木・祝）に開催された「PHPカンファレンス2016（#phpcon2016）」内で、レバテックは来場者に好きなPHPフレームワークを選んでもらう「PHPフレームワーク対決」を実施しました！ 結果はすでにTwitter（@levtech_inc）で発表しましたが、大きな反響いただいたのでこの記事では結果と併せて投票者の声をまとめました。各フレームワークの好きなところ・嫌いなところなどPHPerのリアルな声が寄せられていますので、今後のフレームワーク選びの参考にしてみてください！ ◆調査概要 調査方法：アンケート調査 調査対象：2016年11月3日（木・祝）に開催された「PHPカンファレンス2016」の来場者295人 PHP案件を提案してもらう 第1位 CakePHP 72票 CakePHPの好きなところ ・一番簡単に導入できるところ。コーディングが割と簡潔。 ・日本語の

ASUS ZenWatch 3 (WI503Q) | ZenWatch | ASUS Global ASCII.jp：ASUSがより時計らしく進化した「ZenWatch 3」を発表 (1/2)｜IFA 2016レポート ZenWatch3をゲットしました。色はガンメタリック。購入元はアメリカの通販サイトのB&Hから。送料込みで265.99ドルでした。月曜日に注文して金曜日に届きました。税関でのトラブルが無ければ木 曜日には届いていたはず。 invoice（送り状）が入ってなかったため、税関で止まっていたようです。Fedexに連絡して、購入確認のメールと、サイトからダウンロードできるPDFのinvoiceを転送したら、ステータスが配送になりました。サンクスギビング前だからって、しっかりしろB&H。 ちなみに、Amazon.comからも購入可能です。また、Android WearはiPhone

紅茶をおいしく入れるためには、お湯の温度や時間をうまく調整する必要があるわけですが、慣れない人や忙しくて時間のない人には難しいものです。そんな作業をボタンひとつでお任せして自動で紅茶を入れることができ、Wi-Fiでスマートフォンと接続して細かな調整も可能な紅茶メーカーが「Qi Aerista」です。 Qi Aerista - Smart Brewer for Every Type of Tea by Rick Ha — Kickstarter https://www.kickstarter.com/projects/rickha/qi-aerista-the-ultimate-wi-fi-enabled-smart-tea-ma Qi Aeristaは、コントロールを行う土台部分と紅茶ポットが分かれる構造。1度に最大でカップ3杯の紅茶を入れることができます。 自動で紅茶を入れることが可能な