サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
ゲーム嫌いも知らないと損する ゲーミフィケーション入門 あなたの生活を変える「Gamification」現状まとめ 株式会社ライブドア マークアップエンジニア/ディレクター 浜 俊太朗 2011/9/16 「Gamification(ゲーミフィケーション)」という言葉をご存じでしょうか? 最近よく話題になっているので、見掛けたことのある方も多いことでしょう。本稿では、今後のWeb業界のキーワードとなり得るゲーミフィケーションの解説と現状、そして未来予想をお届けします。 今年の初めごろまでは一部の人が注目しているだけでしたが、ここ最近ではセミナーや勉強会が開催されたり書籍も出版されるなど、盛り上がりを見せています。 「ゲーミフィケーション」とは、何なのか ゲーミフィケーションは海外で生まれた概念で、その本質を説明すると「ユーザーエンゲージメントを高めるために、ユーザーに楽しんでもらうための方
「かっこいいサイト作るぞ!」 と意気込んでみたももの、いざ作ってみると 「あれ・・・なんかダサい・・・」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか? WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが・・・ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 今年は去年と違い、Webサービスを作る前にちゃんと考えてからやりましょう!というのが恥ずかしながら当社内でのスローガンのようになりつつあります。 今回はWebサービスを立ち上げる前に考えるべきことをまとめてみました。 これだけWebサービスがあふれている中で、今から画期的なサービスを作って売れるようになるのはすごく大変です。 ITで一攫千金というと、Webサービスを作ろうという発想に行きがちですが、みんなおんなじこと考えてますので一筋縄では行きません。 未だにスマッシュヒット出せていませんが、作っていくうちに考え方にも変化が出てきました。 量産することでWeb制作の受託案件を取ろうというのであれば、量産OKだと思いますが、Webサービスだけできちんと収益を取ろうと思ったら、よく考えないと、作ってみた
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
この記事を書いている時点で、3月11日に発生した東北地方太平洋沖地震からちょうど1週間が経ちます。 たった1日でこれほど色んなものが変わるのかと思うほど、今回の地震やそれに伴う様々な被害は私たちの価値観を大きく変えてしまいました。そんな中、個人的にかえって明確になったと考えているのが、ツイッターやSNS(ソーシャル・ネットワーキング・サービス)、ブログなどのソーシャルメディアの限界と可能性です。 まだ、今回の震災を総括するには早すぎるタイミングかもしれませんが、現在進行形で見えてきているソーシャルメディアの限界や可能性についてまとめてみたいと思います。 ソーシャルメディアの限界その1:回線がつながらなければ無意味 まず、あまりにも当たり前の話ですが、今回改めて明確になったのが「いくらソーシャルメディアがインフラになった」と言っても、その下で動く通信網が落ちてしまえば無意味ということです。
今回は、そんなInstagramを今まで以上にさらに楽しむためのWebサービスを、4つ紹介しようと思います。 インスタグラムを活用するwebサービス それではどうぞ。 Instagram Viewer – WebでInstagram写真をキレイに一覧表示 コチラはWeb上で自分の投稿した写真をキレイに並べて表示してくれます。 デザインも綺麗で大変見やすくてオススメです。 TOPはpopular写真ですが、自分や特定userの写真ページも表示できます。 まず、自分の写真ページに行くにはInstagramからTwitterや、facebookにpostした時のリンクurlをコピーしておきます。 そのurlをTopのtextboxに貼りつけて、Find userボタンを押下するだけ。 一覧性のよい自分の写真のページが表示されます。 閲覧性がよく、写真を楽しめます。 この時のurlが、http:/
前例のない異常事態です。 独裁政権転覆を図る大規模デモで緊張が高まる中、エジプト政府は夕べ午前0時頃、全国民8000万人のインターネットを遮断する異例の措置を取りました。 一体どう切ったのでしょう? Kill Switch/電話 巨大なレバー、大きな赤いボタンのような「Kill Switch」があってバチンと切った...わけじゃありません。が、それに近いです。エジプト政府が国内大手ISP4社にサービス遮断命令を送ったんですね。 「エジプトの国法では政府当局にかかる命令を発行する権利がある。我々は義務に従ったまでだ」と、ボーダフォン・エジプトは遮断後すぐ声明を発表しました。 他の大手ISP3社(Link Egypt、Telecom Egypt、Etisalat Misr)も一斉にサービスを遮断。エジプトはネットの孤島となりました。 (UPDATE:Renesys共同創業者兼CTOのJim C
社内のメンバーに紹介しようと思ってためてきた各種Web記事へのリンクが大量に溜まっちゃいました。 ついでにここでも紹介しておきます。 一部の記事は会員登録が必要かもしれません。あしからず。。。 プログラミング/プログラム設計 プログラミングについてあまり知られていない7つのこと http://www.tommyjp.com/2010/08/blog-post_1710.html => どれも超重要。知らなかった人はこれを機に覚えておきましょう。 ソースコードの質 http://el.jibun.atmarkit.co.jp/genmaicha/2010/11/post-5c3e.html => 保守性、可読性、拡張性の重要性について。 技術的負債 http://d.hatena.ne.jp/asakichy/20101210/1291936604 => 技術的負債の原因や解決策について(そ
いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか:「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微
2ちゃんねるでは、「男子会」というネーミングに「普段やってる飲み会を男子会とか言われると急にやる気無くなるな」との声も メディアをにぎわせる「女子会」。要は「女性だけで何かをする」ことで、いわゆる「ガールズトーク」や「女子飲み」のことをさす。そんななか、ツイッターのハッシュタグ#WEB_joshikaiをつけてつぶやき合う、「WEB女子会」も大盛り上がりをみせた。 そこでは、例えば「女子はある段階で『きれい』『かわいい』『おもしろい』の人生の三択をせまられる」といったツイートをもとに議論をしたり、まったりと語りあったりしている。さらにはその様子がリツイートにより拡散。 「『かわいい』を選んだ女子は往々にしてほかトライブの女子からハブられながら生きる」 「男子は小学校くらいで体育会系かどうか決まって、それは一生続く」 「選択に失敗した男子はある段階で『きもい』『かわってる』『おもい』
UnrealEngineプロフィールブログ 湖ノ狼 手の届かない、向こう側へ。ゲーム 大歳ノ島 畏怖をはらい、吉祥に祈るゲーム 移動祝祭日 あの日の夕立。風と音。リアルタイム3DCG映像 平日ダイヤ 或る男の乱数的日常リアルタイム3DCG映像 二十世紀ボヤージ 終わりなき二十世紀の旅macOSスクリーンセーバ フルカラーボッサ 世界中の色、集めましたmacOSスクリーンセーバ 流線ノート 無色透明の中にひそむものデジタルインスタレーション ホテルガジェット シュールな連泊macOSスクリーンセーバ ピープルフォレスト もりとあそぶデジタルインスタレーション スクランブル交差点 相対していいですか?映像作品 光線のワルツ 聞こえない光、見えない音楽デジタルインスタレーション クォーツコンポーザーブック 想像力のモビール書籍 New Moon 月明かりが照らすもの映像作品 すべて表示 4.25
マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。 Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できる HTTPサーバ IIS Express 7.5により、Webブラウザですぐにブレビューできる。しかも(追加インストールにより)PHPにも対応する。当然ASP.NETにも対応 データベースサーバ SQL Server Compact Edition 4により、データベースを利用するWebアプリケーションもローカルで開発可能。MySQLも追加インストール可能 調べた限りではIIS ExpressはWebMatrixの画面から簡
Yahoo!JapanがGoogle採用したことで、 ほんとにシェアがどうのとかは今更の話なんだけど。 ヤフーとグーグルが提携、アルゴリズム検索技術にGoogleを採用::SEM R http://www.sem-r.com/news-2010/20100727153000.html Google http://www.google.com/ 潔いほどシンプルなGoogleと、 Yahoo! JAPAN http://www.yahoo.co.jp/ ゴチャゴチャカテゴリーのYahoo! んで4年前の疑問がこんな感じ。 Yahoo!がGoogleより人気の日本、なぜと頭をひねる − @IT http://www.atmarkit.co.jp/news/200606/14/yahoo.html 「世界各国でGoogleのウェブ検索のシェアが高いが、 日本では圧倒的にYahoo!検索が強い。こ
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); } としてあげるといいみたい。I
ふと、HTML5を実際に使用しているサイトの 現状が気になって調べ物をしたので、ついで にシェアします。HTML5を使っているWebサ イトのギャラリーを5つほどご紹介します。 実例からIEへの対応なども学べるので導入 予定の方はチェックしてみては如何でしょう。 日本でもHTML5で作られたサイトを稀に見かけるようになってきました例えばローソンのサイトはHTML5ですね。Twitterでも一部のユーザーに人気のie6botのサイトもHTML5です。 海外では結構な数になってきているようですので実例を見て学びたいと思い、ギャラリーから探しました。 101 Best HTML5 Sites HTML5で出来たサイトのベスト100を掲載しているサイトです。サムネイルも中くらいのサイズで見やすいのでお勧め。 このサイトはシリーズ化していて、他にもTwitterアプリ、iPhoneアプリサイト、An
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く