iOS 7 Design Resources
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
GoogleのSEOに関する公式見解や学びが深まる資料10選を紹介
SEO対策をしていて最も歯痒いことと言えば、「正解がない」ということではないでしょうか。なぜなら、Googleは具体的な情報を公開しない上、公開したとしても曖昧な情報が多いからです。 以前に比べると公式での発表は多くなりましたが、それでも内容によっては推測の域を超えないような情報も多いです。 この記事では、これまでにGoogleが公式発表した、Web担当者必見のSEO関連資料や見解をまとめました。 目次 Googleが実現したいSEOとは？ Google検索サービス Google が掲げる 10 の事実 Search Console ヘルプ 検索エンジン最適化スターターガイド 検索エンジン最適化（SEO）クイック チェックシート ウェブマスター向けガイドライン Google developers スマートフォン向けウェブサイトの構築 Google検索エンジンに関する特許（日本語訳記事） ウ
開発組織のマネジメント
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
Cocos2d-xマルチプレイヤーアクションゲーム事始め | GREE Engineering
こんにちは、ガレージスタジオでネイティブシフト推進を行っている久富木隆一(@ryukbk)です。 本エントリは「GREE Advent Calendar 2014」16日目の記事です。今年も忙しい師走となりましたが、皆様いかがお過ごしでしょうか。Advent Calendarなるものが世間で流行っているようですが、宗教的信条の無い者としてはどうなのと思いつつも、お祭りは何だかんだで放っておけない性分でございます。 今回は、オンラインマルチプレイヤーゲーム、中でもアクションゲームの作り方について考えてみます。その過程で マルチプレイヤーアクションゲームが克服すべき課題と、発展の歴史 Cocos2d-x 3.3、Cocos Studio 2による、C++11を用いた開発 について触れた上で、Cocos2d-x & node.jsによるオンラインマルチプレイヤーアクションゲームのサンプルコード
UXの視点からオウンドメディアの価値を向上するアプローチ例 ―― 基礎編 | ユーザーにとっての「価値」を提供できていますか？ UX入門
オウンドメディアの価値を向上するうえでは、「ユーザーにとって有益な情報や機能が提供されているか？」というユーザー視点が大切になります。受け取ってくれる人がいてこそ価値が生まれるのは、オウンドメディアにおいても同様です。つまり、ユーザーを中心としたUXを向上するアプローチが重要になります。そして前編で改めて整理したように、UXはとても幅広い概念であり、製品やサービスとユーザーの間に接点を生むチャネルやタッチポイントのすべてが関わります。オウンドメディアはその部分を構成するチャネルになります。 後編では上記を踏まえたうえで、オウンドメディアの価値を向上するUXのアプローチ例を紹介するために、Web技術を用いたオウンドメディアに対象をあえて絞ります。またその前提として、オウンドメディアやWeb戦略の視点と考え方を整理しながら、具体的な話をすすめていきます。 オウンドメディアを含む3つのメディアオ
これからはじめるGulp #15：gulp-responsiveプラグインを使ったレスポンシブイメージ作成の自動化 | DevelopersIO
はじめに 前回のこれからはじめるGulp（14）：gulp-cachedプラグインで変更されたSCSSファイルだけを処理させるでgulp-cachedプラグインを使ったSassタスクの効率化を試しました。今回はレスポンシブイメージを作るためのプラグインgulp-responsiveを試してみたいと思います。 gulp-responsiveとは gulp-responsiveはlibvipsライブラリを使ったNode.js向け画像処理モジュール「Sharp」をラップしたgulpプラグインです。 gulp-responsiveに必要なソフトウェアとライブラリ gulp-responsiveを使うにはXQuartzとSharpライブラリが必要です。 XQuartz libvips gulp-responsiveを使えるようにするための準備 必要なソフトウェアとライブラリをインストールします。 X
高機能JavascriptアニメーションライブラリTweenMax.jsの使い方！ | SONICMOOV LAB
いやぁ、寒い。 寒いですね。 これを書いている今は、なんか寒波がどうだのこうだのらしくって寒い日ですよ。 指が冷えてて、キーボード打つスピードが平常時の75%くらいですよ。 歳かな・・・・ 2014年ももうすぐ終わりですね。 今年は年末豪華連休を狙っているんですが、案件状況的にどうでしょね。 怪しいところです。 豪華連休狙っても、大抵（いや、全部）上手くいかない。 しょうがないね…（´・ω・｀）… さてはて、今年は僕もソニックムーブ Advent Calendar 2014に参加すべく重い腰を上げたわけなんですよ、えぇ。 14日目の今日は、前回（JavascriptアニメーションライブラリTween.jsの紹介）予告した通り、TweenMax.jsを紹介します。 TweenMax.jsは、かなり高機能なjavascriptアニメーションライブラリになっているので、これを使えるようになってし
2015年はgulpで決まり！開発環境をgruntから乗り換えよう！（コーダー編） | SONICMOOV LAB
もーいーくつねーるーと～、おーしょーうーがーつー♪ という所で、今年も残り 10 営業日を切りましたね・・・・！早いですね！ 皆さまいかがお過ごしでしょうか♪ 世間はクリスマスなムード一色ですが、皆さまお忘れになってはいないでしょうか。 大掃除という名の一大行事を！！終えない限りはクリスマスを迎えられませんよね（鬱 今週こそはきっと・・・ほほほ。。 自分を追い込んでみたところで、本題に入りたいと思います！ こちらは、ソニックムーブ Advent Calendar 2014 12日目の記事になります！ 目次 なぜ gulp なのか 目標 ディレクトリ構成 基本設定 タスク設定 トラブルシューティング 参考URL なぜ gulp なのか 当記事は grunt から gulp に乗り換えを考えているユーザーを対象としているので、Node.js のインストール方法の説明を省かせていただきます・・・
Androidアプリ開発で素早くフィードバックをえるためのライブラリを作りました - クックパッド開発者ブログ
モバイルファースト室の山下(@tomorrowkey)です。 Androidアプリを開発していて、ふとした時に不具合を見つけたりしませんか。 クラッシュであればDeploygateやCrashlyticsなどでクラッシュレポートを送ることができますが、表示崩れを報告をするにはスクリーンキャプチャを撮ってメールアプリを開き、画像を添付して、送信する、といった手順が必要でなかなか面倒です 。 アプリを開発する側は不具合のあったスクリーンショットがほしい、不具合を報告する人は報告する手順がめんどうといったギャップを解決するためのライブラリを作りましたので、紹介します。 不具合報告する機能を作りました 冒頭のアニメーションgifで一通りの挙動を見ることができます。 このライブラリを使っているアプリを開くと通知領域に「不具合を報告する」という項目が増えます。 不具合を見つけた時にこの通知を選択すると
UXは「ユーザーを正しく理解」だけじゃない――組織のUXデザインを、Gaji-Laboの山岸さんに聞いた／HCD-Net通信 #28 | HCD-Net通信 | Web担当者Forum
「ユーザエクスペリエンス（UX）」のデザインや、その手段としての「人間中心設計（HCD）」という単語を、このところよく見かけるようになりました。 その多くは、「ユーザーを正しく理解しよう」というものです。それ自体はすばらしいことで、価値があることに疑いはありません。 でも、UXの対象者は、実はエンドユーザーだけではないと言うと、あなたは驚くでしょうか。 というのも、UXを大きな視点で見ると、サービスや製品がエンドユーザーに届くまでのあいだに、そこにたずさわる、すべての人が、その対象であると考えられるのです。 その1つに、自社の「チームのUX」のデザインという考え方があります。 「チームの信頼感を生むための、組織のUXデザイン」について、ワークショップ設計の専門家でもある、株式会社Gaji-Labo（ガジラボ）の山岸ひとみさん（HCD-Net認定 人間中心設計専門家）に伺いました。 社員やパ
Git入門：Git初学習者のための効率的な学習方法を考えてみた
本記事は，Git Advent Calendar 2014の13日目に投稿させて頂いた記事です． モチベーション 自分を成長させながらいかに効率的に技術を伝承するかが自分の中で課題になっており模索中なこの頃．試しに，社内でGitを使ったことのないエンジニアに1週間(合計7時間)で開発に必要なGitの知識を講義したので，その時に使用した教材や効率的な学習方法を初心者向けに共有する． 背景 一昔前はイケてるエンジニアはGitを使ってプログラムを管理してるみたいな感じだったが，今となってはGitはエンジニアにとって必要不可欠なツールになった．Gitがあるからコードの2重管理はなくなり，Gitがあるから継続的インテグレーションや継続的デリバリーが活きる，Gitがあるから変更に対してコメントを残せる．Gitが無いと開発が成り立たなくなって来ているのだ．特に，Githubのヒット以降，その流れは加速し
【Gulp.jsインストール】フロントエンドタスクランナーGulp.jsの使い方 | ウェブ戦略・コンサルティング UNIONNET Inc.
2014.12.16 こんにちわ。山王です。 最近話題になってるフロントエンドタスクランナーGulp.jsをインストールしたお話です。 以前Grunt.jsを使用した際はCompassのコンパイルが遅くて断念したんですが やはりナウでヤングでモダンなやり方でやりたいなぁと思いGulp.jsの噂を聞きつけインストールした次第です。 Gruntとの違い Gruntfile.jsに比べgulpfile.jsの方が書きやすい 実行速度が速い プラグインが少ない まだできて日が浅いので今後プラグインも増えてくるのではないでしょうか。 フロントエンドツールのトレンドの流れが早いので新しくもっといいツールが出る可能性もありますが。 目次 Node.jsインストール Gulp.jsインストール gulpfile.js作成 CompassでSASSのコンパイルをする CSSを圧縮する Javascriptを
GLSLを使ってワンランク上の表現を！ Three.jsでのぷるぷるシェーダーの作り方 - ICS MEDIA
WebGLはウェブページに3D表現を組み込むための技術です。そのWebGLを扱いやすくしたJSライブラリの「Three.js」。Theee.jsとシェーダー言語GLSLを組み合わせてプリンが揺れるデモを作成しました。本記事では、Three.jsでシェーダー言語を利用する手順を解説します。 使用技術について GLSLとはOpenGL Shading Languageの略でその名の通り、OpenGL(WebGL)で使用できるシェーディング言語です。WebGLではライブラリを使用しない場合は、このシェーディング言語を使用してシェーダー（3D描画のための一連の計算セット）を自力で作成しなければなりません。WebGLのシェーダーは2種類あり、バーテックスシェーダーでは頂点の情報を画面上に反映し、フラグメントシェーダーではピクセル単位での描画を行います。今回はバーテックスシェーダーで頂点の位置をずらし
認知心理学とUIデザインに関するメモ
photo credit: dierk schaefer via photopin cc こんにちは、@h0saです。 約１ヶ月経ってしまいましたが、2014年7月17日に開催された、HCD-Net主催セミナー「認知心理学とUI,UX入門」に参加してきました。 UIデザイン業務に活かせる内容でしたので、ポイントを絞ってメモを残しておきます。 「認知心理学とUI,UX入門」メモ 認知心理学とは ・人の頭の使い方：知覚・理解・記憶・思考・学習・推論・判断・問題解決などの知的機能が研究対象。 ・最近では、感情、感性、熱達、実践等の問題にも取り組むようになっている。 認知情報処理（人の頭の使い方） ・知覚（五感） ↓ ↓←注意 ↓ ・認知 ↓ ・記憶（短期記憶、長期記憶） ↓ ・理解（理解の枠組み＝メンタルモデル） ↓ ・判断 短期記憶 ・短期記憶の記憶容量：7±2単位、保持時間2〜5秒 ・
こんなにあった！シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修
シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。 一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。 シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康食品の『皇潤』で有名なエバーライフです。 今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される
AppStore申請に必要なリソースを爆速で用意する（スクショやタイトル、キーワードなど） - Qiita
はじめに iOSアプリは開発しただけでは公開することができず、Appleに申請し、許諾されて初めてリリースすることができます。 しかし最近では申請に必要な情報も多くなっており、準備にかかる時間も多くなってきました。 この記事ではAppStoreへの申請の際に必要なリソースを、効率よく爆速で準備する方法について紹介します。 この記事で書かないこと 「アプリタイトルはN文字まで」などの基本的な制約は書きません。 あくまでスピーディに効率良く準備する方法に絞って書くつもりです。 制約など、Apple申請時の注意点については以下の記事が分かりやすいのでご参考下さい。 iPhoneアプリ申請やAppleの審査に関するメモ - Qiita 申請を出す際に必要になるもの 申請時に用意が必要なものは以下です。 アプリタイトル キーワード 説明文 スクリーンショット（+動画） これらを用意する手順について書
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI Design Dos and Don’ts - Apple Developer
ヒートマップとGoogleアナリティクスでまとめ記事を改善してみた | ネットショップ担当者フォーラム
DeNA Engineering - DeNAエンジニアのポータルサイト