ユーザーをイライラさせないIn-App Walkthrough（アプリ初回起動時の説明スライド）の作り方 - 小さなごちそう
スマートフォン・アプリを初めて起動したときの説明スライド（In-App Walkthrough）の必要性は、いつも悩むところだ。 不要派の主張はだいたい以下の通りだ。 ユーザーは早くをアプリ操作したい どうせ読まれない AppStore上の説明パネルで事足りる 要は「作成コストがかかる割には効果がないのでは」ということだろう。いちユーザーとしては僕も確かにそう思う。ただ、提供側が期待するほどユーザーの理解力は高くない。実際にユーザーテストをしてみると、一通りアプリを操作したもらった後でも、作り手の意図が思った以上に伝っていないことがわかる。 操作画面では思った以上に伝わらない、アプリの価値 操作UIだけで「なぜこのアプリが必要か」「どんな問題をどのように解決しようとしているのか」というアプリのバリュー・プロポジションを十分に伝えるのは非常に難しい。 ユーザビリティを考慮してログイン後の操作
「楽園追放」のエフェクト作画から見る、CGと手描きの差異とその見所 : GOMISTATION.absol
「楽園追放」とはグラフィニカによって制作された、SF作品です（劇場公開）。キャラから爆発まで、ほぼすべてCG。いやあグラフィニカの絵作りって凄いですね。公開されてから、ずっと色んなところで絶賛の嵐だったので、そんなにすごいのかという感じで猜疑的だったんですが、百聞は一見に如かずという感じで。実際に見てみると、確かにこれは一定の評価はされるなあと。 そんで、本題は、劇中に出てくる「エフェクト」です。ええ、ここからはアンジェラちゃんがどうのこうのとかそういう話は一切しません。お尻にも触れません。徹頭徹尾、「エフェクト」のお話しかしません。煙、爆煙、砂埃、爆発。CG、作画を問わずにまとめて紹介したいと思う。 （「楽園追放」において、演出を務められた京田さんから色々と指摘をいただいたので、一部訂正しました。雑でごめんなさいね。そーす→１、２、３、４。京田さん、ありがとうございます。） さて大きな見
画像を使わずに、CSSのみでリストアイコンを表現したサンプル 10 - NxWorld
いずれもli要素と組み合わせて使えそうなリストアイコンのサンプルで、画像は使用せずに全てCSSのみで実装してみたものです。 最近ならwebフォントやSVGで使い勝手良いものが実装できたり、あとは使用できるブラウザは限られてきたりしますが、問題ないブラウザであればサイズやカラー変更といったこともCSSのみで簡単に変更できます。 はじめに 最後のサンプルのみol要素使ってますが、その他に関しては全てHTMLは下記のように単純なul, li要素を使ってます。 <ul> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li> <li>Lorem ipsum dolor sit amet,
TVアニメ「聖剣使いの禁呪詠唱＜ワールドブレイク＞」｜OTHERS｜超・最強の「詠唱文字フォント」プレゼントキャンペーン！
ツイッターフォロワー6000人突破記念として、諸葉たちが綴る詠唱文字のフォントデータをプレゼント！ウィンドウズ、Macともに対応です！ ※キャンペーンは終了いたしました ■入力可能文字 全角ひらがな／半角英数字／記号（一部） ■対応OS Windows 、Mac OS ●使用方法 ダウンロードされたファイルはzip圧縮されていますので、解凍してご利用ください。 解凍方法、インストール方法などについての個別の質問にはお応えできません。 ●利用規約 フォントの著作権は、ワルブレ製作委員会に帰属します。 フォントのご使用によっていかなる損害が生じても、ワルブレ製作委員会は一切その責任を負いません。 個人／非商用でご利用ください。商用での無断利用は禁止します。 ●禁止事項 フォントデータの改変や無断転載、再配布ならびに販売は禁止します。
アニメ作家の35歳
アニメ作家は、実務経験、社会経験を積み、体力気力の充実した35歳頃、幅を取って30代後半に、名刺代わりになるような代表作をモノにすると言う。 そこで、生年の判明しているアニメ監督が、30代後半にどんな作品を作っていたか一覧にしてみた。 監督作品に限定したので、ビッグネームでも除外した人もいる。安彦良和の代表作を『クラッシャージョウ』('83年、安彦36歳)とするには抵抗があろう。 作品によっては、｢構想○年制作○年｣などという場合もあり、完成から公開まで時間がかかった場合もあるはずだが、とりあえず公開年で統一した。したがって、正確に何歳の時制作していたかは個別に検証が必要である。また世代分けは便宜的なもので厳密ではない。 作品のチョイスも含めて、概ね納得のいくラインナップになったのではないかと思うが、いかがだろう。
Swiftのビルトイン関数の使い方リファレンス - こんにゃくマガジン
スポンサーリンク abs(x: T) -> T 絶対値を返す abs(-10) // r4 : Int = 10 abs(46.89) // r6 : Double = 46.89 assert(condition: @auto_closure () -> Bool, message: StaticString, file: StaticString, line: UWord) 条件が成り立っていることをチェックする Xcodeから実行した場合は、どのassertで終了したのかわかり、メッセージが出力される let x = 3 assert(x == 3) assert(1 == 3) assertion failed: file <REPL Input>, line 1 Segmentation fault: 11 contains(sequence: S, item: S.Genera
「The Healthy Programmer」を読んで自宅を快適なプログラミング環境にする - 八発白中
柄にもなく健康の話をします。 去年の今頃は京都から東京に引っ越してきたところでした。まだはてなで働いていましたが、勤務形態は自宅からのリモートが主になっていました。週に6日は家から出ずに家でコードを書いていました。昼から早朝まで書いて昼からまた早朝までコードを書くような、ある意味規則的な生活です*1。 この間、生産性はかなり上がっていて、起きているときはもちろん、寝ている間も脳が活動を続け、睡眠中に考えたアイデアを唐突に起き上がってホワイトボードに書き込むみたいな状態でした。 しかし、1ヶ月くらいすると体調が悪くなってきます。なんか左脳の後ろ側が死んでるみたいな。 なんか脳が欠けてる感じがする— fukamachi (@nitro_idiot) January 12, 2014 あと心臓が異常にバクバクする。座るのもきつくなってくるのでだいたいダメ人間ソファに沈んでHHKB叩いてるみたいな
データ構造と メソッドのネーミング - codic ブログ
データ構造など技術的な背景をちゃんと知っていれば、データ操作に関する正しい英語を使えるねーて話です。用語のイメージもつかめるようにしていますので、shift / unshift とかイメージできない方もどうぞ。 1. push / pop = スタック push pop は、スタックの用語で、それぞれ pop はスタックから取り出す、push は挿入する事を意味します。JavaScript や Ruby の Array には、スタックとしてのコンセプトもあるので、push / popという用語が使われます。 対して、Javaの ArrayList (インターフェースは Collection） は、単なる集合を表すインターフェースなので、抽象化のために add / remove というネーミングが使われます。そういえば、Javaには、Stackというクラスも別途用意されていますね。Stack
illustratorでUIデザイン：設定編 - Two hats
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
2015年のクラウドファンディングのトレンドを大予測（その3）アメリカにはない、日本独自のトレンドとは？
グローバルラボ（Global Labo NY）代表。IS Group代表 1968年東京生まれ。高校卒業後、1988年に単身渡米。 1995年に出版・広告業のITASHO AMERICAを設立。７つの会社を経営し、資金調達を成功させ米NASDAQへ上場を試みるが2001年同時多発テロの影響で倒産。多額の借金を背負った。 現在は、アメリカに進出する企業や起業家へ会社設立や資金調達などのコンサルティングを行っている。日米のクラウドファンディング事情に精通しているということで、特に最近はクラウドファンディングに関するコンサルティング依頼が急増している。サウスカロライナ大学国際政治学部卒、中央大学ビジネススクール（MBA）修了、同大学院総合政策研究科博士後期課程在籍。中央大学政策文化総合研究所準研究員。在ＮＹ日本国総領事館海外安全対策連絡協議会委員。著書に「結局、日本のアニメ・マンガは儲かっている
ピコピコ音楽とかチップチューンの良曲をひたすら紹介してくよ : ゴールデンタイムズ
1 ：以下、＼(^o^)／でVIPがお送りします ：2015/02/04(水) 20:18:35.23 ID:XUKO+QBl0.net お勧めのピコピコ音楽とかチップチューンの曲を貼ってくよ 主にYouTubeとSoundCloudから紹介してくね 1曲目 Chipocrite - Little Computer People 2 ：以下、＼(^o^)／でVIPがお送りします ：2015/02/04(水) 20:21:14.98 ID:XUKO+QBl0.net Sabrepulse - Supernatural https://soundcloud.com/sabrepulse/supernatural 5 ：以下、＼(^o^)／でVIPがお送りします ：2015/02/04(水) 20:24:21.53 ID:XUKO+QBl0.net Fragment Fiction 8 ：以下、
外国人に日本の馬鹿サイトの感想を聞いたらえらい騒ぎになった件 | オモコロ
外国人に日本の馬鹿サイトを見せたらどういうリアクションをするのでしょう。英訳記事をいくつか作って実験してみました。 序章 １月某日 日課である日本刀の手入れをしている時にそれは起こった。 「ヨッピーさーーーーん！！！！！！」 永田「た、大変な事になりよったああぁぁぁぁああああああああああああああああああああああああああ！！！！！！！！」 ヨッピー「血相変えてどうしたんだ永田くん！」 永田「これですよ！！この記事を見てください！！！」 ヨッピー「ん？英語の記事だけど、これがどうしたの？」 永田「こないだ作った記事の写真が海外でニュースになってるんですよ！！！！」 ヨッピー「な、なんじゃこりゃああああああああああああああ！！！！！！！！！」 永田「しかも、日本の変態が電車内で激写される、みたいな内容でめっちゃ拡散してますよ！！！！！！」 永田「どうするんですかヨッピーさん！！！！！このままじゃ
Swift開発で参考にしたいGitHub社の「Swift Style Guide」と日本語版 | ソフトアンテナ
Appleのアプリ開発用言語として大きな注目を集めているプログラミング言語「Swift」。まだ新しい言語だけあって、様々な定石や規約が出揃っておらず、どのように書けばベストなのか迷っている開発者の方も多いかもしれません。 そのようなときに参考になりそうなGitHub社のスタイルガイド、「Swift Style Guide」と、その日本語訳「Swiftコーディング規約」が公開されています。 同スタイルガイドは、Swiftプログラムの精密さや厳密さを向上させ、エラーを減少させることを目的としたガイドラインで、例えば、「(タブよりスペースを使うといった)空白の使い方」から、「可能な限りlet宣言をvar宣言より優先する」、「オプショナル型の開示指定は避ける」、「暗黙的開示オプショナル型の使用を避ける」などシンタックスの細部に至る、様々な指針が提示されています。 if let foo = foo
進化が止まらない！CSS3アニメーションを簡単に利用できるスクリプトやスタイルシートのまとめ
スクロールをトリガーに要素をアニメーションで表示したり、ページを表示した時にちょっとしたエフェクトを加えたり、ボタンのホバー時に気持ちいいアニメーションを加えたり、CSS3のアニメーションを簡単に加えることができるリソースを紹介します。 Story Box Story Box -GitHub スクロールをトリガーに54種類のアニメーションを簡単に実装できるjQueryのプラグイン。アニメーションは非常に軽快で、デモ：ユニークの派手なアニメーションでも快適です。 ScrollMagic ScrollMagic -GitHub Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、
★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]
運営しているホームページやWebサイトで、OGP設定は行っていますか？ OGPとは「Open Graph protocol」の略称。FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人に記事をみてもらうためには必須の設定といえます。 そこで今回は、最新のFacebookの仕様に準ずるOGPの設定や確認方法、注意点などを紹介します。 OGPとは OGPとはOpen Graph Protcolの略称で、FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。 上の赤枠のように表示を目立たせることが可能で、URLだけの場
![★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ded3c626dd8aed6f4410bbdd0395c88db2470395/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F610%2Fog_image%2Fdefault-bdf2027367621662f48bdc85408bf81b.jpg)
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
もっとELB（Elastic Load Balancing）を活用する | DevelopersIO
みんな大好きElastic Load Balancing(以下ELB)は利用にあたっては細かい仕様に注意する必要があります。 2014年ELBにお世話になった人もそうでない人も2015年はもっとELBを活用するために、改めてELBの仕様や活用方法を振り返ってみましょう。 ※本稿の内容の多くは一度でもELBを使ったことがある方を想定しています。 ELBが得意なところ ELBはコスト効果良く高い可用性と拡張性をもつロードバランサーをサービスとして提供してくれるので、最初に利用するロードバランサーとしても、長く使うロードバランサーとしても優秀です。 ELBを活用するためのドキュメントがAWSから公開されています。未読の方は必ず目を通しておきましょう。 Best Practices in Evaluating Elastic Load Balancing ELBが苦手なところ ELBを利用する上で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
サンコー、仕事机で使えるハンモック型足休め
8.2 Grand Central Dispatch
