CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。 CSS3リファレンス 有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。 CSS-EBLOG 各ブラウザで先行実装しているCSSプロパティがまとめられています。 CSS3 Files 【2010.4.25 追加】海外サイトですが非常に見やすいです。各ブラウザの対応状況の載っていて重宝します。 次にブラウザごとの対応状況を確認するサイトを紹介。 HTML5 & CSS3 READINESS HTML5とCSS3のブラウザごとの適応状況を視覚的に見ることができます。2008年からの年別でも見ることができます。 HTML5 & CSS3 Support こちらもブラウザごとの対応状況がまとめられています。CSS3はプロパティ、セ
TwitterやFacebookのようなソーシャルメディアは、企業のマーケ担当者はどう扱えばいいのだろうか。 消費者が「よし、買おう」となるまでの消費行動プロセスのモデル化というと、「AIDMA」や「AISAS」が有名だ。しかし、電通の「サトナオ・オープン・ラボ」は、ソーシャルメディア時代の生活者消費行動モデル概念「SIPS」を1月31日に発表した。 SIPSとは右図のような消費行動モデルで、最初の部分が「アテンション」ではなく「共感」になっている点と、「アクション」ではなく「参加」となっている点が、これまでのAIDMAやAISASと大きく異なる。 「ソーシャルメディアへのかかわりが深いユーザーの行動モデル」としてこうしたモデルが発表されることからわかるように、ユーザーはすでにソーシャルメディアを大きな情報源や活動場所として利用している。ユーザーの情報接触行動・消費行動のなかに占めるソーシ
この三ヶ月ではてなブックマークiPhoneアプリの新バージョンとAndroidアプリを開発してきました。 両方共担当はエンジニアid:ninjinkunとデザイナーid:kudakurage、総合ディレクションid:nagayamaです。同じ開発者がiPhoneアプリとAndroidアプリ両方を作った事例として、なかなか面白いのではないかと思います。開発期間はちょうどそれぞれ一ヵ月半ずつでした。 自分にとってもブクマチームに移動してから初めての大きな仕事だったので、両方共思い入れがあるプロダクトです。開発話と一緒に、スマートフォンアプリを作る際の流れや、気を付けていることなどをまとめようと思います。(長いです) 開発プロセス iPhoneもAndoirdも開発の流れは基本的に一緒で、以下のような流れになります。 機能の検討 UIの検討 実装 ざっくり並べただけではWebサービス開発と変わり
最近学科の友人3人とサーバ/セキュリティについての勉強会を週1で行っていて、毎回何か調べてくることになっており、今回は apache の設定について少し調べてきました。初心者がまとめたので間違っている部分があるかもしれませんが、勉強の役に立てて頂ければ幸いです。 httpd.confはどこにある? 最小限のhttpd.conf 3つのセクション セクション1: GlobalEnvironment セクション2: MainServerConfiguration セクション3: VirtualHosts モジュールの追加 外部設定ファイルの読込み サーバリソースの監視方法 httpd.confはどこにある? OSによって異なりますが、以下の階層に置いてある可能性が高いです。 CentOS、FedoraなどRed Hat系 /etc/httpd/conf/ SUSE系、MacOSX /etc/a
Amazonはぁはぁ。 あの、わたしのあたまがわるすぎて、はじめにこれを読んだときは 「え、どゆこと?」ってまったく意味がわからなかったんですけど amazonドメイン内にamazonさん画像を置くテクニックをあみ出した。 画像URLに特殊な文字列を追加することでamazonさんを作成する。[NS] amazonさんの作り方2011 - amazon画像で遊ぼう - じっくり読んでみたらわかったんです。 つまりこれは 『Amazonの商品画像はURLをいじるだけで カスタマイズできてWebに即公開される』ということみたい。 忙しい人のために三行で説明すると 『Amazon画像のURLに文字列をつける →画像を回転させたり文字をつけられる →URLを打ちこむだけでWeb上に画像が生成される』 え、どゆこと?(CV:はまちちゃん) やってみました なんとなく意味はわかったものの、なんだかまだよ
最新情報に目がないWebフリークにとって、RSS Readerは今や語る以前の常識だ。日々のニュースを漏らすことなくゲットするためReaderを自分専用にカスタマイズし、“オレ専用ツール”に磨き上げていることだろう。「そこまで力を入れるのは手間!」というユーザーには『Google Reader』が手軽だ。Google Readerは設定も簡単なうえ、Webアプリケーションなのでどのような環境でも利用できるのが魅力だ。 さて、RSS Readerを使っていてストレスになるのは、機能やUIではなく扱う情報そのものではないだろうか。何せ、情報は毎日大量に流れ込んでくるのだ。慣れていても、ときにはゲンナリするもの。そんなときは、ちょっとしたギミックや遊び心が加わるだけでモチベーションが大きく変わってくる。『NewsSquares』はそういった使い方にうってつけの拡張機能だ。 NewsSquares
いやfacebook来てますね。 facebook来てるのはご周知のことと思うが、つい最近、それを実感した出来事があった。 facebookの講演が某所で行われ、聞くことができたのだ。 「私たちは、人のつながりをいかに可視化して云々...」と、ソーシャルメディアにありがちな話だったが、全部の話がスケールがでかい。 そこに居た人は、みんな直感的に思ったはず。 「こりゃ今年、クルな」と。 ぼくも、ご多分にもれず、そう思った。 「facebook使いこなせないと、これからのWebのプランニングはできないぞ...」 ちょうど、「禁煙ったー」に、facebook Connectを導入しようとしていたところでもあり、「facebookのAPIは、非常にうまくできているなあ」と、感銘を受けているときでもあった。 この話はまた後ほど。 今後、多くの日本の企業が、facebook pages(旧
🙌 Awesome, you're subscribed! Thanks for subscribing! Look out for your first newsletter in your inbox soon! Get us in your inbox Sign up to our newsletter for the latest and greatest from your city and beyond
ラクに勝ち続ける働き方 【本の概要】◆今日ご紹介するのは、株式会社ワーク・ライフバランスの小室淑恵さんの仕事術本。 小室さんは、先日も『「3人で5人分」の仕事を無理なくまわす!―「欠員補充ゼロ」の職場術 』を出されたばかりでしたが、今回の本の方が、より当ブログのニーズにマッチしていますし、付箋を貼ったネタも満載でした。 なお、内容的には、下記目次をご覧頂ければお分かりのように、仕事術だけでなく、体調やメンタル、さらには家庭マネジメントのお話まで含まれているものの、今回は特に仕事術やそれに類するコンテンツばかり7つほど集めてみた次第。 そして、タイトルは性懲りもなく「ホッテントリメーカー」作でございます(小室さん、煽りっぽいタイトルでスイマセン!)。 いつも応援ありがとうございます! 【目次】序章 これからの自分のために働き方を変えよう! 第1章 「ラクに勝つ」ために「発想転換」から始めよう
はじめまして! 技術部2年目のsugyanと申します。 初めてtech.kayac.comに投稿します! 先日自分のブログで書いた記事が思いのほか好評だったので、これについてもう少し詳しく書いてみようと思います。 node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ node.jsについて 最近話題の、サーバーサイドJavaScript「node.js」。みなさん触ってみてますか? 「Google V8 JavaScript Engineによるイベント駆動の…」と、どんなものかは知っているものの実際には触っていない、という人がまだ多いような気がします。 僕も昨年の12月くらいにようやく触ってみた という程度なのですが、意外にお手軽で簡単に使えるし面白いので、 「JavaScriptはまだニガテで ><」というヒトでも安心して始められるのでは
言語を知らなくても簡単にAndroidアプリが作れる――。誰でもプログラマになれる“驚愕”の開発ツールが登場した。米Google社が提供する「App Inventor」だ。早速、開発のしやすさを体験してみた。 米Google社は2010年12月16日、Androidアプリを開発するためのツール「App Inventor」のベータ版を一般公開した。同年7月から登録者のみに提供していたものだ。ツールおよびWebサービス、Javaアプリの3つの組み合わせで実現している。 App Inventorの特徴は、プログラムをコーディングしなくても、Androidスマートフォンで動作するアプリが即席に作れること。パズルを組み合わせる感覚でプログラムを作成できる(図1)。Javaを知らない人でも、Androidスマートフォンを持っていれば、そのまま個人用のアプリが即製可能だ。
パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方 下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。 <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> CSSのインクルード スタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"
『坊っちゃん』自筆原稿 読みやすい文章とは、流れるように読める文章だ。難しい言葉はいらない。気のきいた言葉もいらない。文頭から文末まで振り返ることなく読める文章が、最も美しい。 読みやすさの基準は客観的なものだ。読み手には様々な人がいる。老若男女すべての人に対して読みやすい文章を書くのは難しい。ただ、綺麗な文章を書こうとする意識は持ちたい。 文章を書く上で意識すべき技法を紹介する。 常体と敬体 常体とは「だ・である」調の文章であり、敬体とは「です・ます」調の文章を指す。それぞれにメリットとデメリットがある。 常体は、自分の意思を力強く伝える事ができるが、我の強い文章になる。敬体は、優しい印象で共感を得やすいが、まわりくどい文章になる。 常体と敬体を織り交ぜて書く手法もある。まずは自分で試してみて、書きやすい文体を見つければいい。 文章の始まりは短く 最初の一文は短いほうがいい。インパクトが
私には後悔していることがあります。 しかし過去はもう、どうしようもありません。 今からでも変えられる今後の人生は、のちに後悔しないようにしたいもの。 今日は、大切な人生を後悔しないための考え方や方法を7つ紹介します。 1. 人生に重要なことを円グラフにする 日々の忙しさに流され、自分を失ってしまうなんてことがあるかもしれません。 将来それを後悔しないよう、 自分にとって大切なことたった一度きりの人生で何を手に入れたいのかなどを3つくらいにしぼり、円グラフにして見える化しましょう。 これが、様々なことの判断基準になりそうです。 似ていますが、マイクレドや目標などを円グラフにすると ビジュアル的に目に留まりやすい優先順位が明確など、よさそうです。 これをモレスキンの開いてすぐのところに貼りつけておくと、いつも意識できて良いですね。 はってはがせるスコッチスティックのりなら、貼りかえることも簡単
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く