アシナガペンギンと言うキャラクターのひとコママンガサイトを更新していて、最近、オリジナルマグカップを作って販売してみた
「アシナガペンギン どっと ねっと」というサイトで「アシナガペンギン」というキャラクターの一コママンガをぼちぼちと描いていて、先日、オリジナルマグカップを販売してみて感じたことなどを少し書いてみようかなと思ったわけです。 アシナガペンギンが誕生したわけ そもそもは、twitterで「おやつを食べるよ！」というツイートをする際に、微妙にイラッと来るキャラクターのイラストにツイートせてみようと描いたのが今のアシナガペンギンの元でした。 何人かのフォロアーさんから反応があったので、このキャラクターに、twitter上で時々話題にあがっていた「クライアントや上司から言われてイラッとしたセリフ」を喋らせてみることに。 そうして、気が向いたら描いてtwitpicにアップすると言うスタイルが出来上がりました。 「アシナガペンギン どっと ねっと」を作ってみた 元々、twitterとtwitpic上で展開
ソーシャルゲーム課金地獄、終わりの始まり：ソーシャルゲームを見る９
特定の複数のカードをガチャで全て集めるとスペシャルなカードが手に入る、通称コンプガチャ。 最初の何種類かを集めるのは簡単だが、実際に揃う確率はかなり低く、「実態としては収集困難だが簡単に揃うと思わせやすい」恐ろしい仕組み（Yahooの参考記事）のガチャである。 AppStoreでも売上ランキング２位に甘んじ続けていたミリオンアーサーはこれを5月6日に導入するやいなや、あっという間に『パズル＆ドラゴンズ』から１位を奪い去ったのだからその効果推して知るべし。 だが、今回読売の報道ではこれが「景品表示法」に触れている可能性があり、規制すると書かれていた。 今回はこの規制について消費者庁から聞いた話と、それを元にした私の予想を２回に分けて書きたい。 読売の記事は「景品表示法」に引っかかる可能性があるので規制されるという報道である。 だが、これを否定するような報道が本日あったので実際に消費者庁表
ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
怒涛のサイトナビゲーション総まとめ！事例、チュートリアル、参考サイト、僕の知る何もかもを紹介！ | バンクーバーのうぇぶ屋
レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを考える時、話に上がるナビゲーションの呼び方とか、種類とか、大量多量過ぎてもう分け分けらなくなってきたので、ちょっと僕自身の復習と、参考サイトやらチュートリアルやらないかを全部まとめてしまいたかったので、僕と、僕の周りのデザイナーさん達の役にたてるよう、今回記事にさせてもらうことにしました！ 実際にWEB制作に携わる中で、聞いたことのある物を分類させて頂くので、僕の勝手な分け方になってしまい申し訳ない限りなんですが、何かナビゲーションやレイアウトに悩んだ時にでも参考か何かにしていただければ嬉しい限り
はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」
今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日本独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ
マシなインターネットを作る：malaさんインタビュー
こんにちは。今回はmalaさんのインタビューをお届けします。 malaさんはNHN Japanのエンジニアとして多くのウェブサービスの設計に関わるだけでなく、セキュリティやプライバシの観点から見たアーキテクチャについて、ブログでさまざまな情報や問題提起を発信されています。 特に昨年末に公開されたブログ記事「はてな使ったら負けかなと思っている2011」は、インターネットはどこへ行くかという私のもやっとした問題意識にピッタリとハマる素晴らしい文章でした。あの記事を読んで、これはぜひ一度お会いして、インターネットの現状やエンジニアの役割について、お話を聞いてみたい、と思ったのが今回の企画の発端です。未読の方は、まずそちらからどうぞ。 なお、インタビューは三月末に行われました。無職期間中に公開する予定で、ずいぶん時間がかかってしまいました。文中、私の所属する企業の話も出てきますが、例によってここは
こてさきAjax:node-spdy 試してみた - livedoor Blog（ブログ）
今日のブログのお題は、SPDY。Webサービスを「とにかく速くしよう！！」ということで、Google が提唱したプロトコルです。既にChromeでは、このSPDYが実装されており、サーチやGMailなど Google が提供する殆どのサービスで既に利用されています。 最近では、FireFoxへのインプリが始まったり、HTTP/2.0検討のベースとなるなど何かと話題のWeb最新技術です。 SPDYがWebを早くする仕組み SPDYは、現状のWebが抱える問題 ”HTTPは遅い!!" を解決するものです。HTTP が "遅い" 原因は色々ありますが、中でも最も大きいのは Request and Response の制限です。このため、SPDY では一本の HTTPS セッションの中で複数の HTTP セッションを多重化するといったことを行い高速化を実現しています。 Request & Resp
株式市場に“コンプガチャ違法ショック” グリー、DeNAがストップ安
5月7日午前の東京株式市場で、グリーとディー・エヌ・エー（DeNA）がストップ安まで売り込まれた。ソーシャルゲームの「コンプリートガチャ」が景品表示法に抵触する可能性があると消費者庁が判断したとの報道を受け、先行きへの不安から売りが膨らんでいる。ソーシャルゲーム開発会社も軒並み下落率ランキング上位に入っており、市場はさながら“コンプガチャショック”の様相だ。 グリーは前営業日から500円安（-23.25％）の1651円と年初来安値を更新、DeNAも500円安（-20.08％）の1990円と、両社とも2割を超す大幅下落となり、全市場で値下がり率の1、2位に。午前11時過ぎの時点でグリーは売り注文約311万株に対し買い注文が38万株、DeNAは売り248万株に対し買い18万株と、大幅に売り注文が上回っている状態だ。 サイバーエージェントは4万8900円安（-19.32％）の20万4100円、ミ
プレスリリース | プレスルーム | jig.jp(ジグジェイピー)
モバイルを中心としたソフトウェアの企画・開発・提供を行う株式会社jig.jp（所在地：東京都新宿区、代表取締役社長：福野 泰介、以下jig.jp）は、マインドスコープ株式会社（所在地：東京都港区、代表取締役社長：藤川 真一、以下マインドスコープ）の全株式を2012年5月1日（火）に取得し、完全子会社化したことを発表いたします。 マインドスコープは、Webサービスとして日本初の携帯電話向けTwitterクライアントであり160万人のユーザーを有する「モバツイ」を中心とした、インターネットサービスの開発・運営を行っている会社です。 jig.jpは、ドコモのフィーチャーフォン向けTwitterアプリNo.1（※1）の『jigtwi（ジグツイ）』を開発・運営しており、2012年4月19日にはAndroid版の提供も開始し、着実にダウンロード数を延ばしています。 jig.jpが『jigtwi』をカス
CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！
こんにちはこんにちは！！ 今日はちょっとCSSのメモです！ 半透明について！ opacityを使った透過 #testOpacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */ filter: alpha(opacity=40); /* IE */ -moz-opacity:0.4; /* Firefox(old) */ -khtml-opacity: 0.4; /* Safari(old) */ opacity: 0.4; } Opacity test! opacityは子要素まで全て透過する。 RGBaを使った透過 #testRgba { background: rgba(0, 0, 0, 0.4); /* RGBを10進数(0〜255)で指定、不透明度を0〜1.0で指定 */
デフォルトが酷いとまじめに入力したくなる | コーヒーサーバは香炉である
codewallに登録してみたら、ちょっと面白い仕掛けがあった。プロフィールを何も入力していない状態だと、「スキル」の欄がこんな悲惨な内容になっている。 これは悲惨すぎる! ちゃんと編集しないといけない! もしもここに「まだ入力されていません」としか表示されていなかったら、あまり真面目にプロフィールを編集しようとは思わない人も多いだろう。後で気が向いたら書けばいいや、と。 しかし「ちゃんと記入しないと『IE6大好き☆ 特技はVBで〜す☆』ってことになるぞ」ってのは多くの人にとってはかなり嫌な脅迫となる。これはもう速攻で記入するしかないよ! 実際に何もしないと本当にIE大好きで特技はVBですと表示されるのかどうかは謎。おそらくはただの気の利いたジョーク……だと思う。 わかったのは、デフォルトが酷いものになっていると、「未入力です」と表示するよりもずっと強力に記入したい気分になるってこと。
スマホアプリ開発はHTML5／jQuery Mobileとネイティブどっちがいいの？～第2回テックヒルズまとめレポート（2/2） - ＠IT
同社では、以前よりキャンペーンサイトや商品紹介サイトの開発を多く手掛けているが、近年ではそのサイト制作自体が、以前に比べて「動きのある、ゲーム的なWebアプリを作るような感じにシフトしている」という。またクライアントから「Flashを使わないで制作してほしい」という要望も増えつつあり、状況は大きく変わってきているとした。 比留間氏は、同社が手がけた事例としてグリコポッキーのゲームサイトである「Pocky GP」、アーバンリサーチのクリスマスキャンペーン、HTML5で作成した「ソイカラ時計」、日産リーフのキャンペーンサイトなどを紹介した。いずれも、インタラクティブな要素が前面に出された作りとなっている。 「広告」と「Webアプリ」の親和性が高いと考えられる理由について、比留間氏は「インストール不要」「クロスブラウザ対応」「アップデートが容易」「Twitterなどの口コミをベースに共有されやす
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました： 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし
WEB+DB PRESSの連載が無事におわりました
WEB+DB PRESSにてRubyの連載がはじまりましたというエントリを書いたのが、2011年6月26日のことでした。そのときに紹介させてもらった WEB+DB PRESS Vol.63 から、2012年4月24日に発売された WEB+DB PRESS Vol.68 まで。計6冊に渡って担当させてもらった1年間の連載「Rubyわくわくナビ」 (ぼくの中では「Ruby cruising Love」という連載タイトルでした) が、無事におわりました。@kei_s さんとふたりでの担当でした。 本当によい経験をさせてもらいましたので、このエントリに、心からの謝辞を書き残しておきたいと思います。 編集後記 最初に連載のお話をいただいたのは、2010年12月14日のことでした。 まず最初に「引き受けたい」という気持ちが強くあって、だけどもすぐ次に自問として浮かんでしまう「自分にできるのか」という気
シリコンバレー滞在30日で分かった15のこと - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 シリコンバレーに来て30日が経ちました。不思議なもので、日本にいるときは、やれFacebookが上場するだの、Pintarestが流行ってるだの、情報としては耳に入ってきてはしているけれど、どこか遠い世界の話のように感じられていたのが、こちらにいると、すぐそばで起こっている身近なものとしてとらえることができて、文字だけでは伝わらない雰囲気や空気感がたしかに存在しているのだと感じます。 最初の1週間は、家や車、ネット環境、その他日常の生活に必要なものを揃えるのに時間を取られて、生活のペースを掴むのに四苦八苦しましたが、ようやく落ち着いて来たので、最近感じていることをつらつらと書いてみたいと思います。 （ Mountain View一望 ） 1. 最高の気候、最高の環境 こ
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【YLS】山手線すごろくをやってみた～保土ヶ谷ラー編～
CHAMELEON
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
