2012年8月28日、株式会社プラップジャパンが開催したデジタルPRセミナーに、株式会社インフォバーン執行役員でありコンテンツ部門長 成田幸久とストラテジック・パートナー部門長 佐藤秀樹が登壇いたしました。 「コンテンツを核とした自社サイトのメディア化（オウンドメディア化）とは」について、「心を動かすオウンドメディアのつくり方 」を題し、行った講演の内容です。Read less

最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく

DevLOVE X Day1 C-5のセッションです。 ITの活用範囲の広がりとともに、費用・品質よりもデリバリを優先するプロジェクトも増えてきました。しかし「しっかり考えるよりも、作ってリリースしちゃおうぜ、正解なんて誰にも分からないんだから」というマントラを唱えながら、返済見込みの立たない大量の技術的負債を抱える。それが最善の選択なのか、もう少しだけ立ち止まって考えてみませんか? YAGNIという言葉を便利に使いすぎてはいませんか? コードを書きなぐるのと、ちょっと考えて設計して作るのとで、そんなに開発スピードに違いがありますか? 考えてみたいと思います。

Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテーマから、Bootstrapっぽさを残したオーソドックスなテーマまで、たくさんのテーマを無料でダウンロードすることができます。 Custom Bootstrap Templates Custom Bootstrap Templatesカテゴリには、Bootstrapっぽさをできるだけなくした美しいテーマが集められています。製品/アプリの紹介サイトや、管理画面に使える、最近よく見かける形式のテーマが揃

Pelletkachels waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren ’80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transformatie tot moderne en

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare 色彩センスのいらない配色講座 色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベースカラー、メインカラー、アクセントカラーを決める上で便利。 ウェブサービスの企画とデザイン 僭越ながら明治学院大学で講義した時に作った資料。 なんとなくウェブサービスを作るときの流れとか感じてもらえたら幸いです。 かんたんキレイなウェブデザイン 僭越ながら勉強会 (UT Startup Gym) 用に作った資料。 なんとなく CSS フレームワーク、グリッドシステム、レスポンシブデザイン、ウ

Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。第3回と第4回では、カフェのサイトを想定したTumblrテーマを完成させました。今回は応用編として、テーマの完成度をさらに高めるためのテクニックを紹介します。 トップページとパーマリンクで異なる構造にする 前回制作した「Cafe」テーマは、トップページとパーマリンクページ（個別の記事ページ）がほとんど同じレイアウトでした。実際には、Webサイトによって、トップページとパーマリンクページをまったく別のレイアウトにしたい場合もあるでしょう。 このような場合は、{block:IndexPage}と{block:PermalinkPage}という2種類のブロックを使います。トップページ用のコンテンツは{block:IndexPage}...{/block:IndexPage}、パーマリンクページ用のコンテンツは{blo

明けましておめでとうございます！ 近年、個人でWebサービスを開発するのが流行っていますね。「今年こそは俺もWebサービスを作ってモテモテになるぜ！」と思っている人も多いのではないでしょうか。 そんな人のために、Webサービスを開発・運営するにあたっての心構えやノウハウ、体験談などの書かれたエントリーを集めてみました。 ▼誠 Biz.ID：田口元の「ひとりで作るネットサービス」探訪 個人でWebサービスを開発している人たちのインタビュー集。ヒットしたサービスを手がけた個人開発者達のバックグランドや考え方を垣間見ることができ、モチベーションアップにもなります。恥ずかしながら、私のインタビューも載っています。 ▼Web2.0ナビ: 個人サービスを作るコツ 個人がWebサービスを作るための、実践的な8つのコツが書かれています。 ▼個人でネットサービスを運営するための5つのコツ（momose版）:

さて、何から書こうか。 まずは簡単に自己紹介です。 一人でWebサービス作ってます。そこからの収入が月に100万を超えました。 収入源は広告です。いわゆる「アフィリエイト」とか、そんな感じです。 で、「100万超えたー」と喜んではいたんですが、なんか全然達成感がない。 しかも、めっちゃ自慢とかしたいけど、自慢できる相手がいない。友達がいないわけじゃない。 でも、喋ってて、「俺、月の収入100万超えたんだぜ！ワイルドだろぉ～」とか言うと、普通に嫌な奴じゃん。嫌われそう。嫌われたくはない。 合コンで女の子と喋ってても、俺の方から「俺、月の収入100万超えたんだぜ！ワイルドだろぉ～」とは言えない。やはり、普通に嫌な奴じゃん。嫌われそう。嫌われたくはない。 向こうから聞いてくれりゃぁ、言いやすいけど、常識人である女の子達は、そんなこと聞かない。むしろ、そんなこと聞く女はダメだろ。 「友達」「合コン

こんにちは、櫛井です。 「もうちょっと明るくするだけで印象違うのに残念」 「余計なものはトリミングでなんとかしたらいいのにな」 と思う画像がインターネットには溢れていますね。 実は簡単なのに敬遠しがちな画像加工。今回は、画像加工ソフトの中でも高機能なのに安価な Adobe の Photoshop Elements を使って説明していきたいと思います。こういったツールは利用している人が多いものを選ぶと、わからない時などに周りに聞きやすいのでメジャーなソフトを選ぶとよいかと思います。 ちょっと長いので目次。クリックするとそれぞれの項目に飛びます。 基礎用語、基本的なこと画像の明るさや色味を変える画像にボカシやモザイクを入れる（おまけ）写真の余計なものを消す 基礎用語、基本的なこと 画像サイズ画像の大きさのこと。ピクセル単位で表す場合が多い。 キャンバスサイズと表記されることもある。 レイヤーア

1 :以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 21:17:09.65 ID:CdfDpaMO0とんでもなく難しくね？ 暇だからPythonとかいう言語勉強してんだけど、これで一体何ができんのさ 初めてのPython 第3版 3 :以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 21:18:49.38 ID:ZIIXkAVa0超簡単だろが 8 :以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 21:20:45.80 ID:CdfDpaMO0>>3 どこがだよ・・・ これで色々データ処理？できるのはわかるけど、 これでWEBサイト作るとか無理だろ。Googleさんまじすげえ 14 :以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 21:24:10.06 ID:atYK1oee

7. ウェブアプリの入力、処理、出力入出力ウェブサーバウェブアプリ(PHP など)外部 API サーバ(Facebook API 、決済会社など)入出力処理入出力データベースサーバ(MySQL など)ウェブブラウザ 10. ウェブサーバーを通したウェブブラウザからの入力の仕様を考えようPHP に入ってくる値は何かを知る可変長のバイト列 (文字列ではない！！)GET パラメータPOST パラメータアップロードファイルリクエストヘッダ (Cookie など)実際の処理に渡すべき値は何かを考える文字列か、バイト列か？文字コードは何か？(ウェブサーバーでバイト列を処理することってあまりないので、 PHP では基本的に文字コードのバリデーションは必要だと思って良い)長さはどうか？どういう文法や構造を持つデータ？入力された値を実際の処理に渡すべき値かどうかを確認することを「バリデーション」という 11

こんにちは、＠IT編集部の西村賢です。IT系のオンラインメディアで編集・記者をしております。タイトルに「ど素人」と書くと、ちょっと嘘になるので「素人」と書きましたが、素人がWebアプリを作ってみた体験談と感想を書いてみたいと思います。「オレもプログラミングを勉強して何か作ってみたい！」と考えている人や、「自分でサーバを借りて何かやってみようと思っていたんだよね」という人の参考になれば幸いです。 去年の夏、Webアプリケーション開発フレームワークのRuby on Railsのことを調べていて「面白そうだな」と思い、ドキュメントに従ってサンプルアプリをいくつか作ってみました。作ったり壊したりしている間に、こう思いました。 「あれ？ これなら自分が欲しかったサービスが作れちゃうんじゃないの？」 で、「Worklista」（ワークリスタ）という名前のWebサービスを作りました。3カ月ほど前から親し

「かっこいいサイト作るぞ！」 と意気込んでみたももの、いざ作ってみると 「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト

毎年恒例の診断前準備として開発者向けに、「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。他に追加した方が良い情報源があった場合はご指摘いただけると助かります。 上から重要な順。★がとりあえず読んどけ、の必須。必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているもの。 徳丸本を必須に入れるか迷ったけど、あの厚さは、万人は読めないので、上位ランクだけど必須からははずした。 ★Webサイト構築 安全なウェブサイトの作り方 改訂第5版 http://www.ipa.go.jp/security/vuln/websecurity.html 携帯ウェブサイトの実装方法を追加 セキュリティ実装 チェックリスト（Excel形式、33KB） 安全なSQLの呼び出し方（全40ページ、714KB） ★発注仕様 発注者のためのWebシステム／Webアプ