【プライムデー】Kindle本が最大80%、「Kindle Unlimited」「Audible」3か月無料キャンペーンなど開催中
![【画像まとめ】よくわかる都道府県の画像がTwitterで話題 #よくわかる都道府県 | 男子ハック](https://cdn-ak-scissors.b.st-hatena.com/image/square/263629bf5e098d5244ef267619375cb8e0938e3d/height=288;version=1;width=512/https%3A%2F%2Fwww.danshihack.com%2Fwp-content%2Fuploads%2F2014%2F01%2FBe6dxncCQAEG6yE-2.jpg)
これまでの日本的コミュニティサービスは、「2ちゃん用語」のような暗黙知を前提として独自の発展を遂げてきた。しかしこれからスマホが普及するに従って、コンテクスト(文脈)のないサービスのほうが求められるようになったり、またこれまでとは違った方法でコンテクストが共有されるように変化していくという。インターネットを知り尽くした二人が、その未来図について語る。 検索の"次"にくるもの 古川(以下、古):尾原さん、本(『ITビジネスの原理』)読みましたよ。面白かったです。意外とあんな感じでITビジネスの根っこから解説した本ってないのですごくいいなと思いました。 尾原(以下、尾):ありがとうございます。 古:一番良かったところを言うと、最後の方の「ITは人間を開放し、成長させ豊かにする」のところですね。Googleグラスのところで、料理がいちばん美味しいのは出来立てなのにFacebookやブログのために
はいこんにちは。最近なぜか風邪が治らないナカムラです。何食ったら健康になれるんでしょうか。誰か教えてください。 さて、サイトを作って!とザックリ投げっぱなされた依頼について、何を掲載するべきで何をどう設計するべきなのか。悩みますよねぇ・・・。 今回は日本ディレクション協会の人気講座「0からのWebディレクション講座:設計編」で、DCHSの高瀬さんが非常に分かりやすい見解と考えまとめ用のテンプレを公開してくれましたので紹介してみます。 以前からこのサイトでもその重要性についてブツブツ言っている感情設計についての考えとも重なる部分多めでしたので、両方読んでいただけると理解が深まるかもしれません。 感動設計テンプレート&講演資料 ユーザーが感動するウェブサイトを実現するために必要な情報設計とは? 高瀬さんいわく全てのWebサイト、サービスは「ユーザーを感動させるため」に存在しているし、そうあるべ
個人ブログでも商用サイトでも、そして紙やTシャツにも無料で利用できる、雰囲気のあるかっこいい、ライフスタイル、ファッション、フード、動物、自然、建物、人物などをテーマにした、さまざまな高解像度の写真がダウンロードできるサイトをMediumから紹介します。 Stock photos that don't suck 上記で紹介されているストックフォトのサイトは9つで、全て個人でも商用でも無料で利用できます。 以下、その9つのサイトです。一番オススメは、6番目のPicjumbo。
2014年1月28日 Webデザイン デザインをする上でシンメトリー(対称性)は頻繁に使われる手法のひとつです。古代から様々な場面で使われてきた美の構図、シンメトリーをうまく取り入れることで、安定感のあるレイアウトを生み出すことができます。今回はこのシンメトリーに焦点をあて、具体例とともに構成方法を考えてみようと思います! ↑私が10年以上利用している会計ソフト! シンメトリー(対称性)とは シンメトリーは広く「左右対称・反転」として知られていますが、他にも「回転」や「平行移動」、「拡大・縮小」も含んおり、これらの手法を取り入れた構成のことを言います。シンメトリーには規則性があり、バランスのよい安定した調和を感じさせます。シンプルで一度法則を覚えたら様々なデザインに取り入れられるので、デザイン初心者な方でも比較的容易にまとまったレイアウトを構成することができます。 シンメトリーとは異なる、
どもども、与沢翼と家入一真、イケダハヤトを愛するHagexです。 先日ヨザーさん(与沢翼)が、破産して貧乏で穴を拭く紙も買えなかった時代から付き合ってくれた、奇特な女性、恋人の山田るり子さんと破局。 どうやら、ヨザーさんが新しい女性と付き合い始めたのが原因のようです。売れないときに面倒を見てくれた恋人を、売れ出した途端ぽーーんと捨てるバンドマンのようで、ゲスゲスしいですね。 そんなヨザーさんですが、最近は新彼女とのラブラブ写真をブログにアップしているのですが、その写真が、コアマガジンが天下に誇る素人投稿雑誌「ニャン2倶楽部」テイストで、ヨザーウォッチャーとして、ワタシは動揺が隠せません。なんじゃこの写真は……。 百聞は一見にしかずといいますので、興味がある人は以下の2つのエントリーをクリックして下さい。1月25日はマシですが、26日は「ギャフン」と言っちゃうかも。いや、ギャフンレベルじゃな
[取り組み] フロントエンドでコーディングスピードをアップさせる6つの方法!と思って書いてたら30個も書いちゃった。 こんにちは、@yoheiMuneです。 フロントエンドとしてHTML,CSS,JSを中心と開発を行うことを仕事にして早くも半年が経ちました。 最近はだいぶ効率的にコーディングが出来てきたとやっと実感してきたので、ブログにも自分のコーディングスピードアップのコツを書きたいと思います! 「こんなのよりももっと良いのあるよ」などたくさんの感じる点があるかと思います。ぜひTwitterなどで教えて頂けると助かります。 コーディングをスピードアップする6つ+αのポイント 自分が思うにコーディングをスピードアップする最も大切なポイントは以下ではないかと思います。 めんどくさいと感じること、そして改善に動くこと 幸い自分はかなりのめんどくさがり屋で、コーディング中も「これ手動!?」「マウ
日本の短編アニメーション総合情報サイト「tampen.jp」が1月27日にリリースされた。運営は、日本の映像作品を国内外へ発信するCALFが手がける。 自由だけど情報が見えづらい“短編アニメーション”の世界 “短編アニメーション”は、まとまった資本金で大勢の人間が携わるテレビアニメや劇場版アニメとも異なり、基本的に作家自身あるいは数名のチーム単位で制作・配信までをすべて手がける形態の映像表現だ。 解釈も無限で何の制約も持たない短編アニメーションは、表現として自由で、日々、多種多様な作品が生まれ続けている。 一方で、商業的には、特に国内においては市場はそれほど大きいとは言えず、大手メディアなどで取り扱われる機会も多くないため、そもそも作品たちを知る機会が圧倒的に少ないというのが現状だ。 短編アニメーションの情報を発信する「tampen.jp」 「tampen.jp」は、そんな日本の短編アニメ
巷で良く聞かれる「UXデザインとは?」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか?ただ「ハラハラという会社で提供するUXデザインとは何?」と聞かれたらこう答えると思います。 “ルック&フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA(情報アーキテクチャ)とそれを実行する手法(ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど)を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの
遠藤要さんと、エハラマサヒロさんの間に立って写真を撮りたい。よく似てるって言われます。野上です。 突然ですが、皆様はキュレーションサービスを利用していますか? キュレーションという言葉、ご存知の方もいらっしゃると思いますが、簡単に復習しておきましょう。 キュレーション……人手で情報やコンテンツを収集・整理し、それによって新たな価値や意味を付与して共有すること。Web上でキュレーションによるコンテンツの価値を提供するサービスは、キュレーションサービスなどと呼ばれている。 【参考元:IT用語辞典BINARY】 話題になった、パーソナルマガジン「Gunosy」もキュレーションサービスの1つです。 独自のアルゴリズムを利用し、ネット上で話題になっている情報やコンテンツを、ユーザーが得たいジャンルに合わせて配信してくれます。すごく便利ですよね。今回はそんな便利なキュレーションサービスについてまとめて
以前『色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ!』という記事を書かせて貰ったんですが、ここが次はロゴマークすらも手軽に作れるツールを作ったようなので、とりあえずご紹介。 とりあえず、物は試しと作ってみたロゴマークがこちら。 なんか、どっかで見たことある感じになりましたw でも、基本操作は非常に分かりやすい。 Squarespace Logo — Squarespace ステップ1.名前入力 とりあえずサイトにアクセスしてロゴの名前となる文字を入力。 ステップ2.ロゴマーク、ロゴタイプ、タグラインを設定 もう見たらわかるレベルのインターフェースですね。 ステップ3.作ったロゴをダウンロード 前画面で、左下の『Save Logo』を押すと上のような画面が表示されるので、低解像度の物であれば即ダウンロード。といってもサイトなんかで使うには十分な解像度だし
Bootstrap3の無料テーマ&テーマ集まとめ BlackTie.co http://www.blacktie.co/ 最近衝撃を受けたフリーのテーマ集。どのテーマもかっこよすぎて涙が出ます……ありがたや……ネーミングとロゴもかわいくてきゅんとしますね。 テーマ数は現在(2015年6月時点)25個あり、今後の追加も楽しみですね。 Bootswatch http://bootswatch.com/ こちらもテーマ集です。Bootstrap2の頃からありましたが、3にも対応したようです。フラットデザインにするなら「Flatly」がおすすめ。 Start Bootstrap http://startbootstrap.com/ こちらもテーマ集。管理画面用やポートフォリオ用など、いろいろな用途別に作られているのがありがたいですね(「Sponsored」のタグがついたものは有料なのでご注意!)。
リスティング広告運用の情報サイトは数多くあります。 しかし、忙しい業務の中で、数多くのサイトをチェックし続けることはなかなか難しいという方も多いのではないでしょうか。 今回は、リスティング広告の運用に本当に役に立つ情報を効率的に収集できるサイトを厳選して紹介します。 Yahoo!三ツ星代理店でもある弊社ソウルドアウトのリスティング運用チームにアンケートをとって、本当に参考にしているサイトを5つに絞り込んで紹介します。 なお、リスティング広告初心者向けの無料ガイドブックでは、中小・ベンチャー企業でもリスティング広告で効果を出す方法について60ページに渡り丁寧に解説しています。 無料でダウンロードできますので、興味のある方は参考にしてみてください。 1.SEM-LABOhttp://sem-labo.net/blog/ 実際に運用しているリスティング広告運用担当が最も参照しているサイトは、「S
今日はこのあと Github の Tokyo Drinkup January 2014 に行くのだが、先方から、もしかしたら 10分ほど Github について話してもらうかも、と打診された。話すか話さないかわからないが、もし話すとしたらと仮定し内容の整理も兼ねて以下「Github を使って雑誌原稿を書く」ということについて書いてみようと思う。 「Github を使って雑誌原稿を書く」もしくは「Github を使った雑誌編集者とのコラボレーション」について、である。 Web+DB PRESS の連載 ご存知の方もいるかもしれないが、このところ技術評論社の Web+DB PRESS で連載をしている。連載を始めて、もう一年近く経った。以前にも Perl に関する連載をしていて、そのときも数年ぐらい続けたので、間があきつつも、なんだかんだでそれぐらいの付き合いになる。 最近は特にテーマは決めず
作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く