毎年恒例の「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。 去年に引き続き、最低限のものに絞ってみた。 上から重要な順。★の付いている「重点」がとりあえず読んどけ、の必須。 必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているものを選択。 書籍としては、徳丸本「体系的に学ぶ 安全なWebアプリケーションの作り方」、「めんどうくさいWebセキュリティ」と「実践 Fiddler」を掲載したけど，他に良い本があれば情報プリーズ。 この情報もあったほうが良いんじゃね？という情報も大歓迎。 ■重点 ★Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html 安定の第7版２刷。Web開発の委託先仕様書の代わりにも使える。 セキュリティ実装 チェックリ

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ コンテンツマーケティングはブログだけじゃないと書いておきながら、やっぱり基本はブログということで、今回はそのブログをより有益な存在にするためのアドバイス記事をカリスマブロガーのニール・パテルに学びます。 — SEO Japan コンテンツマーケティングの長所は、多数のソーシャルシェア、新たなEメールの購読者、そして、コメントをもたらしてくれる点だ。ただし、前提として、コンテンツの質が高く、また、コンテンツマーケティングを適切に実施する必要がある。 しかし、コンテンツマーケティングのタスクはあまりにも多く、失念してしまうこともある。 そこで、この取り組みを成功に導くため、チェックリストを策定した。

昨年2014年は、とある事業主のEC事業の立ち上げに携わりました@unificatです。 法人設立・EC Cube構築・配送業者・決済代行業者・etc...初めてやる事を手探りで色々やりました。まぁ「全部やりました」と言っても過言ではないかと思うくらい色々やりました。 他にも商品の仕入れとかもありますが、本記事ではオンライン上で物販をおこなうEコマースの立ち上げについて触れてみたいと思います。 ちなみに技術に関するネタは全然ないので、技術的な内容を期待した人はごめんなさい。 1.サーバの選定・準備 サーバはレンタルサーバの中で探しました。リリースしてもまだ小規模なので、トラフィックが増えたり、複雑な事をし始めたらVPSや専用サーバを検討すればいいかなと思いました。 なによりWebデザイナーという立場でサーバ周りまで手を出すと、正直リリースまで時間が掛かりそうだと感じたからです。 選定の結果

1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる HTMLテンプレートをいじくると、「こんなデザインにするには、これが必要なのか」と実践的に技術を学べます。それに、手を動かした結果がすぐにデザインに反映されるので、何よりやってて楽しい。今まで何度もホームページ作りを断念してきたヒトにおすすめしたい独学の方法です。 そもそも、自分で全部やろうとすると、ホームページ作成に必要なスキルは、「HTML／CSS」「JavaScript」「画像編集・処理」「コピーライティング」「ライティング」など、あげだすと切りがないです。 ありがちな失敗パターンは、最初から全

株式会社ミツエーリンクスの渡邉卓です。昨年の「2014年のWeb標準」と同様に、2015年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2015年のWeb標準については「より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加」「⁠ECMAScript 6仕様の利用増加」「⁠IE7・IE8 未サポートWebサイト増加」をキーワードとして取りあげます。 より広範なHTML5仕様の一般化・HTML5.1仕様の利用増加 2014年10月28日、ついにHTML5がW3C勧告 (Recommendation) となりました。すでに多方面で利用されているHTML5仕様ですが、勧告になったことで、今まで利用を躊躇していた方々にも確実に浸透していくと予想できます。詳細は後述しますが、現役のWebブラウザでありながら

SEO好きですか？私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは１日で終わらせてもっと生産的な仕事に集中しましょう！ まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト（日本語）より申請がいるのでそれだけしておきましょう。 <title>Qiita - プログラマの技術情報共有サービス</title> <meta content="Qiita - XXX" name="title"> <meta content="ブログ記事詳細. 120字以内を心がけよう。その中でも最初の４０字は大事。" name="description"> <meta content='キーワ

来年4月からWebマーケティング業界に入ろうとしている皆さん！そろそろ入社後のことを考え始めている頃ではないでしょうか？ 2014年のWEBマーケティング業界の話題やニュースをしっかりとおさえておかなければ、話題についていけなくなってしまうかもしれません。 今回は、2014年に話題になった最低限の知識として絶対に読んでおくべきWEBマーケティング関連の記事を総まとめ致しました。 筆者は2014年も休日を含めて毎日WEBマーケティング業界のニュースを追ってきました。 また今回の記事執筆に向けてtwitter、facebook、はてなブックマークで話題になった記事を全て洗い出しましたので、本記事を読めば、来る2015年入社に備えて、2014年の話題・トレンドをしっかりとおさえられるのではないかと思います。 ▼目次 WEBマーケティングに必要な知識とは？ マーケティング SEO・SEM Eコマー

日本版Codeacademyのようなサービス「Progate」「Codeacademy（コードアカデミー）」というオンラインプログラミング学習サイトがありますが「Progate」はまさにCodeacademyを日本向けに作りなおしたようサービスです。 Codeacademyと比べると現在は「HTML」「PHP」「jQuery」の3つのコースしかありませんが、日本語の画面で基本的なHTMLやPHP、jQueryの学習を無料で行うことができます。 「Progate」を開発しているのは東大工学部の学生2人。既にEast Venturesからの支援も受けているようで、まさに「Codeacademy（コードアカデミー）」のエピソードと重なる部分も。（参考：THE BRIDGE） 資料を見るだけでなく、実際に手を動かす演習形式プログラムの学習は手を動かさないと覚えないという点がありますが、「Proga

SIRIUS2は、サイト制作に必要なツール、テンプレート、各種画像素材が全て詰め込まれたオールインワンのサイト作成システムです。このシステムを手にすることで、サイト制作の経験がない方でも、成約に結びつくサイトを生み出すことができます。

日本のインターネット広告の歴史 1996年頃～ バナー広告（純広告） 1996年4月、商用検索サイト「Yahoo! JAPAN」がサービスを開始 1996年6月、「電通」と「ソフトバンク」の合弁によるインターネット広告を専門に扱う広告代理店「サイバー・コミュニケーションズ」設立 1996年7月、「Yahoo! JAPAN」がバナー広告の取り扱いを開始 その後、「インフォシーク」、「goo」などの検索サイトを始め、朝日新聞、日本経済新聞などのWebサイトがサービスを開始 メール広告 数行程度のテキストメール広告からスタート メールマガジン発行サービスが誕生し、メルマガのヘッダーやフッターに広告文を挿入するサービスを提供 1999年頃～ アフィリエイト広告 世界初の成果報酬型インターネット広告 1996年のアメリカで誕生、Amazon.com「アソシエイトプログラム」が世界初のアフィリエイトプ

先日『１年でフリーのWebデザイナーになった僕が実行した8つのステップ』という記事を書いたところ、フリーランスデザイナー志望の方からクライアントからの仕事のもらい方や価格設定等についてご質問を頂いた。今回は、返答がてらフリーのデザイナーが仕事をもらっていくための戦略をまとめてみようと思う。 あくまでもここで書くのはぼくが実行したことと、実行すれば良かったのかもしれないという個人的なアイデアなのでご注意ください また、ここではデザインスキル・プログラミングスキルがある程度あるものとして話を進めていきます Webポートフォリオを作る ポートフォリオは知名度のないフリーランスが仕事をもらうための唯一の武器 個人で仕事を進めていくのであれば、ポートフォリオは必要不可欠だ。身元もよく分からないフリーランスの仕事の質を保証してくれるのはただ１つ「制作実績」だけだからだ。当たり前だがポートフォリオには自

Web制作者を悩ませる問題に、「Webを熟知したコピーライターがいない問題」があります。特にメディア型のWebサイトの場合、文章の質がコンテンツパワー、ひいてはWebサイトの集客力・訴求力そのものになってきます。しかし現状、プロジェクトメンバーにコピーライターが参加しないのは当たり前になっています。 また、もしコピーライターをプロジェクトに参加させたいと思っても、Web特有のユーザ行動や設計思想、SEOなどに精通し、Webに相応しい文章を作ってくれるコピーライターは、この市場にごくわずかしか存在しないのではないでしょうか。 このWebのコピー問題は、考える以上に深刻です。なぜなら、文章の良し悪しで、コンバージョン率もユーザの満足度もブランドイメージも、簡単に変わってしまうためです。そして、その問題に対する私たちの結論は「全員でコピーをチェックして校正しよう」ということです。 私自身は今まで

在宅勤務というのは誰にでも合うというわけではありません。例えば、職場で起こる事件や社内での駆け引き、うわさ話などが大好きだという人は、在宅勤務では満たされないと感じたり、疎外感を感じたりするでしょう。しかしながら、オフィスでの9時から5時という就労環境の方が能力を発揮できる特性の人もいれば、自宅のホームオフィスのほうが能力を発揮できる人がいることもわかっています。 最近、私は在宅勤務に役立つ習慣についての記事を書きました。これは、よい習慣を身につけているからといって、誰にでも生産的に在宅勤務をこなすのに必要な特性があるわけではない、というものです。以下に紹介するのは、在宅勤務を生産的にこなし、成功するために必要な7つの特性です。 1. 自発性 この特性はおそらく在宅勤務環境において従業員がその業務をうまくこなすのに最も重要な特性です。1人で作業することには利点がありますが、外部からの動機付

2014-11-15 SEO対策会社がこっそり教える10,000URLのリンクチェック→否認を2～3時間くらいで終わらせる方法 内緒話で画像を探したら、この田中みなみもどきの女性の写真が出てきたので使っておきます。 リンク否認は積極的に ちょっとこのネタを書くか迷ったのですが、ちょうどペンギンアップデートもあり、 ペンギンアップデート3.0更新はまだ継続中、リンクの否認はペンギン以外のアルゴリズムも使う | 海外SEO情報ブログ ↑有名なブログでこんな記事も出ていたので、書こうと思います。 自社だけで対策させていただいた場合には、大量のリンクをチェックして否認して…。というケースはないのですが、 お客様によっては、「いろんな会社を使ってきたので、リンクが10,000URLくらいある」という方も過去にいらっしゃいました。 そんな状態で放置する訳には行かないので、当然否認の対応をしてきました。

WordPress は世界のブロガーたちに愛される、最も人気のあるプラットフォームだ。日本でも「正解のブログ」を作ろうとする人たちの間で一気に人気が高まっており、ビジネススキルとしても活かせる WordPress を独学で勉強する人は益々増えてきている。 WordPress についての情報は日本語でも十分に出回っているが、それでも「はじめの失敗」は付きもの。そこで今回は WordPress 独学者に良くある９つの致命的な失敗をご紹介しよう。これから WordPress を勉強していこうという初心者の方は、ぜひ目を通して欲しい。 WordPress の使い方が 30 分から学べる！WordPress オンライン講座 １. 間違えて WordPress.com の方を選ぶ実は WordPress をはじめるには２つ方法がある。１つは、WordPress.com にユーザー登録をして今スグに W

前回の続きになります 。きっと反響が少なかったのはタイトルが悪かったんだな！ということでタイトル変えました。(もし「お、いいかも」と思いましたら、ハテブよろしくです。モチベーション上がるので・・・) 前回で、環境を作ることができました。今回はページを作っていきます。 前回は「写経しよう！」が主な内容でしたが、今回からは好きなものを作っていこう！を主眼としようかと思います。 その前に・・・Webサービスってどうやって動くの？ 好きなものを作っていこう！と言いましたが、まずはWebサービス（プログラム）の概念的なイメージを抑えていた方がいいと思いまして。 基本的に、プログラムは単純化すると 入力→計算/保存→出力 というプロセスを経ることになります。これが、Webだと 画面で入力して→サーバーで計算/保存して→画面に描画する といった形になります。画面が２回出てくるので 画面をどうつくるか サ

2014年11月5日 Web関連記事 WebデザイナーとしてWeb業界で活躍したいという初心者さんが、最初につまづきやすいのが、その専門用語の多さ。Webデザインの入門書をパラパラッとめくってみても、見慣れない単語に圧倒されてしまう人も多いのではないでしょうか？そこで今回はWebデザイナーなら知っておきたい単語をいくつかまとめてみました。Webデザインのお勉強中に「これなんだ？」という単語に出くわした時に参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 目次 あ行 か行 さ行 た行 は行 ま行 や行 ら行 わ行 あ行 アクセシビリティ Webアクセシビリティとも呼ばれます。アクセスのしやすさを表し、実生活上ではバリアフリーとも知られています。Webのアクセシビリティにおいては、音声によってWebページを読み上げたり、動画に字幕をつけるなどの工夫をして、身体の不自由な方でも

趣味などでWebサービスを作るときにもっとも悩ましいことのひとつがデザインだと思う。外観は重要な要素だとは理解しているし興味も一応あるけれど、実践に乏しいからどうしていいのかわからない。かといって、タダで頼めるような都合のいいデザイナーはいない。結局めんどうになって、Twitter Bootstrapで体裁だけでっち上げた妙にオタク臭いデザインになってしまう。僕もかつてはデザインを気にも留めないクソエンジニアだったけど、必要に迫られて勉強したらそれなりに手を動かせるようになったのでその方法を紹介する。僕が今年入社したスタートアップにはデザイナーがおらず、新機能を作るときなど仕方なくデザインをこなす必要があった。結果的に、仕方ないなりにPhotoshopを使ってプロトタイプを作りHTML/CSSコーディングするくらいはできるようになった。ここに書くのは仕方なくそれなりのWebデザインをする方