対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、

JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo

このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M

議論になったとき「おかしな話だけど言い返せない」「論点がわからなくなった」「なぜか納得してしまう」といったことありませんか？ もっともらしいけどスジが通ってない話を「詭弁(きべん)」といいます。 自分の主張を強引に通す人や成績優秀なセールスマンは、この詭弁を使って話を有利に進めていくのに長けた人と言えます。 そしてわたし達は、この詭弁に惑わされデタラメな話を受け入れてしまい、不利な条件を押し付けられてしまう。 これに対抗するには、詭弁の傾向を知り、おかしな話を察知するスキルをつけることです。 今回は議論や口ケンカ、セールスなどに多く使われている詭弁を紹介したいと思います。 話をすりかえる ■論点のすりかえ 例）万引きはやめろだって？タケシだって万引きしてんだろ！ 例）この商品の使い心地は最高ですよ。他社にマネできない製法を使ってますからね。

昨日はマイクロソフトの西脇さんのMIJS会員向けエヴァンジェリスト養成講座に参加してきた。 前職のオラクル時代に一度、現職のマイクロソフトで一度、計二回西脇さんのプレゼンとデモを見てすっかりファンになった私は、その彼がプレゼンとデモの秘訣を披露してくれるということで、これは参加しない手はないだろうと思い、イベントの開催告知が届くや否や、すぐに参加申し込みをしたのだった。 とても勉強になる内容だったのでブログで書いても問題ないかと確認したところ、OKとの回答をいただいたので、以下に私が講義を聴きながらメモした内容を書く。 -------- ■ はじめに 今日の講座はプレゼンテーションとデモンストレーションに関する講座。 オラクルに13年いて、今はマイクロソフトにいる。 エヴァンジェリストという仕事は、会社の製品や取り組みを、自社の製品を好きでない人に対しても、魅力的に伝える仕事。 マイクロソ

The RAW Dating App aims to shake up the dating scheme by shedding the fake, TikTok-ified, heavily filtered photos and replacing them with a more genuine, unvarnished experience. The app…

以前、「オタクが趣味を断念するとき。 - とれいん工房の汽車旅12ヵ月」 で書いたように、２年前、僕は身を固めることになりました。当時36歳。「リアル電車男・撃墜」の報に周囲は一時期騒然とした。「まさか先越されるとは……」と30・40歳代の知人たちからも言われたけど、まあそれはそれ。 あれから２年、まだ「2M」*1での生活は続いています。 パートナーが現れると、確かに生活はいろいろ変わっていきますね。独身時代といろんな意味でやり方が異なる。それは当たり前です。 とりわけ、趣味に対する取り組み方は大きく変わりました。 趣味に費やす時間とスペースに制約ができてしまった 今から10数年前、僕の世界における趣味のウエートは、鉄道系6割、バックパッカー2割、アニメ系2割ってところでした。 ２年前、共同生活を始めた後、趣味をやっている時間は確実に減りました。 たとえば国内外に旅に出かける機会。 長い学

モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ

UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)

CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

期末のお忙しいところ失礼致します。iPhoneアプリ開発担当の七尾です。 iOS5がリリースされてしばらく経ちましたが、iOS5の新機能のひとつである、Appleカラー絵文字についてUTF-16な文字コード表を作りましたので、お知らせ致します。 iOS Emoji - GitHub Pages テーブルの横幅が大きくなってしまったので、GitHub Pagesに乗せてしまいました。 また、画像数が多いので、GitHub Pagesで公開しているものは、カテゴリごとのhtmlに分割しています。統合版htmlはmasterブランチに入っていますので、必要な方はそちらをご利用ください。 iOS5からどこでも入力できるようになった絵文字は見た目はSoftbankのUnicode絵文字ですが、実体はAppleカラー絵文字(Unicode6互換)に変わっています。 ちなみに従来のSoftbank Un

TOP  >  WebDesign  >  iphoneアプリを始めとした、モバイルのためのUIデザインパターン集「Mobile UI Patterns 」 国内でも数多くの機種がリリースされ、普及の兆しを見せてきているスマートフォン。それに伴い多くのコンテンツが制作されてきています。今日紹介するのはそんなモバイルコンテンツの様々なパーツデザインを集めたUIデザインパターン集「Mobile UI Patterns 」。 スプラッシュ、フィード、ユーザープロフィールなどなどモバイルのアプリやWEBサイトに欠かせない、様々なデザインが収録されています。 詳しくは以下 ■Splash Screens 様々なアプリのスプラッシュがスクリーンショットで集められています。 ■Comment Detail ユーザーからのコメントも様々な見せ方があります。 ■Lists 多くのコンテンツを見せるときに利用

みんなの意見を聞いてみたいけど、長文ってTwitterやFacebookだと難しいので、ブログを始めてみることにしますた。 日本で生きるのがどんどん大変な時代になってきてると言われています。 ヤバイ！なんとかしなきゃ！と焦る雰囲気が周りにも少しずつ増えてきました。もちろん現実は直視すべきだし、個人として自分や大事な人を守るためにリスクヘッジは絶対に考えておくべきです。だけど、社会の方向性と自分の立ち位置をきちんと見定めた上で、自分はどうしていきたいのか、冷静に考えていくのも大事と思ったりもします。 そんな問題意識の上で、今自分が思うことを拙いながらまとめてみようかなと。乱筆乱文ですが、ツッコミあれば大歓迎ですー！ 今起きていること 今、日本（も含めた先進国）では3つの大きな変化が同時進行してるようです。 1つ目。グローバリゼーション。 要は、先進国と新興国の格差解消がどんどん進行中。格差解

2012年01月11日22:33 by tkfire85 72年前に出版されたアイディア作成術の本がすごすぎる。 カテゴリ管理人　雑談 tkfire85 アイデアのつくり方posted with amazlet at 11.04.22ジェームス W.ヤング 阪急コミュニケーションズ 売り上げランキング: 729 Amazon.co.jp で詳細を見る 帯に書かれた「60分で読めるれけど一生あなたを離さない本」というコピーもウソじゃない。1940年、広告代理店、トンプソン社の常任最高顧問ジェームス・W・ヤングによって書かれた「アイデアの作り方」がすごすぎます。100ページ程度の薄い本ですが、アイディアに関する要素がぎっしりと詰っている名著と言っても過言ではありません。今回は、そんな「アイディアのつくり方」の中から、アイディアを生み出す方法をご紹介してみょうと思います。 ●アイディアとはそもそ