このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
![dfltweb1.onamae.com – このドメインはお名前.comで取得されています。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c80b0a06cb24b216fee954e1bc1e85e3325aab12/height=288;version=1;width=512/http%3A%2F%2Fappgiga.cloudstream.tokyo%2Fwp-content%2Fuploads%2Ffiles%2F2014%2F05%2Fadobe_pinchin_01-575x287.jpg)
作成:2014/03/17 更新:2014/11/01 Webデザイン > クライアントさんの依頼やクラウドソーシングでもライティングや撮影依頼の需要が増えてきました。コンテンツファーストの時代になり、ライターだけじゃなく「コンテンツを作れる」デザイナーやエンジニアは、今後100%重宝されます。今回はフリーでも活躍できるように、ライバルのデザイナーさんと差別化できるように「コンテンツ作成」もできるデザイナーになるためのスキルをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コンテンツ設計 1.イラスト作成のスキル 2.写真の撮影技術と知識 3.動画編集の技術 4.コピーライティング 5.モーショングラフィック 6.電子書籍の作成 Webデザイナーの基本知識とスキル 7.UX・UI・IAの知識 8.レイアウト基本原則 9.配色+色彩計画 10.フ
デジタル ポイント フォーラムに、以前グーグルに勤めていたという人物が、ペナルティやインデックス削除の内情について語った。本当にグーグルで働いていたのかはまったく不明だが、言っていることの中にはもっともらしく思えるものもあるので紹介する。この人物は次のようにフォーラムに書き込んでいる。 サイトが一定のクリック率に到達すると人間のレビューが入る。 収入を求めて在宅で働いている主婦や外国人が、グーグルの軍隊であるかのようにサイトをチェックしている。8時間連続でサイトを見続けている彼らのだれかがあなたのサイトをスパムサイトだとみなしたら、そこで終わり。 グーグルはスパムを3つのカテゴリに分けている:スパムを意図していないスパムの可能性ありスパム目的で作られたグーグルがスパムだとみなすサイトとは、サイト全体に大量の広告があるサイト、ポップアップが表示されてそれを消すために4回もクリックしなきゃいけ
先日、AmebaなうがCSRFという非常にポピュラーな脆弱性を披露したかと思ったら、ここ数日はセブンネットショッピングでXSSの脆弱性と、ID推測による他ユーザの個人情報閲覧の問題が発生しているという噂が流れています。 ユーザの情報を預かっておきながら、基本的なセキュリティの対策もできていないというのは、銀行に例えるなら、お金を預けようとした時に「お金は預かります。ちゃんと保管します。でも警備はあまりしないので盗まれたらスイマセン」と言われるようなものだと思う。 警備に穴があったというのではなく、まともに警備してませんでした、というのはさすがにありえないことです。 そこで、野良WEBプログラマである私が知っている脆弱性を列挙してみた。 私はプログラマであってセキュリティの専門家ではないです。しかも今年の春辺りからずっと外向けのWEBプログラムは組んでません。 その人間が知っているものを並べ
SEOテクニックをマスターする事は簡単ではありませんが、それなりの知識をつけそれなりの成果を出す事は難しくありません。 SEOをこれから始める方や、サイト管理の命を受けてSEOに取り組まざるを得なくなった方のために、効率よくSEOスキルを身につけていくための方法をご紹介します。 準備1:本を買う、SEOブログを見る SEOの基礎知識を身につけるためにまずは専門書を購入しましょう。SEOに関する書籍は沢山ありますが、おススメは下記の2冊です。SEOを行う上でCSSの知識は必ず必要となりますので、CSS本も併せて購入しておいた方が良いでしょう。 『検索にガンガンヒットさせるSEOの教科書:(翔泳社 )』 『現場のプロから学ぶXHTML+CSS:(毎日コミュニケーションズ)』 購入したらとにかく読みます。始めは読み進めても分からない事だらけだと思いますが、とにかく一回読みきります。読み終えたら次
IE? - IE6, IE7 and IE8 Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つのバージョンのIEが似たようなシェアを持った期間が続くことになる。IEが第一シェアだといっても、結果的に3つのバージョンに対応する必要がある。 この状況は、特にCSSのサポートという面で厄介な状況を生み出している。IE8はCSS 2.1への高い準拠を実現しているが、IE7はそうではない。IE6はサポートしている要素やプロパティがさらに少ない。またIE7やIE6は対象の要素やプロパティをサポートしてい
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
第 2 回目は「色々なカラムレイアウト(段組)を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 CSSは以下のように設定します(重要な箇所だけ抜粋)。またご紹介するレイアウトすべてで第1回記事のデフォルトリセットも使用しています。 /* ========================================================= ■wrapper ========================================================= */ d
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない1つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
こんにちは、小久保です。 私の経歴は、受託開発のディレクター → 自社媒体のディレクター → 事業責任者 という流れを経ておりまして、以前「受託開発事業から自社媒体事業へシフトするための意識改革のポイントとは?」という記事を書きましたが、実はキャリアパスの中で一番焦ったのが営業面での知識不足でした。 受託開発を担当している時は、開発工数と人月単価さえおさえておけば渉外対応はある程度事足りていたのですが、自社メディアの場合だと提携内容の検討と営業的な話は一体となって進むことが多く、必然的に営業的知識が必要になってきました。 今回は、営業職の経験が無いディレクターの方でも、ビジネス上で最低限これだけは知っておいたほうが良いと思う、営業面での知識について紹介します。 まずは、一般的な取引成立までの流れをまとめてみましょう。以前、弊社の「ビジネススキル勉強会」というブログに「取引行為についての勉強
ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか? 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の
1. 8万のカード情報を含む65万人の個人情報が漏洩し,セキュリティをいちから見直した 2. 漏洩が判明した直後は延べ20人が3日間,夜を徹して作業に当たった 3. カード情報の管理を第三者に任せ,WAFを導入するなど安全性を高めた 「えらいことになってしまった。覚悟せなあかんな」。 2008年7月10日の深夜のこと。アウトドア用品や釣り具の販売で年間40億円を売り上げるECサイト「ナチュラム」を運営するミネルヴァ・ホールディングス(当時の社名はナチュラム,8月1日に持ち株会社として改称)の中島成浩氏(代表取締役会長兼社長CEO)は,創業以来の危機に直面していた。ナチュラムのサイトから,クレジットカード情報を含む個人情報がほぼ確実に漏洩していたことが判明したのだ。大阪市中央区の本社会議室に集まったメンバーは皆青ざめていた。 まず取り組んだのは被害の拡大を防ぐこと(図1)。丸3日間で一気に対
Hivelogic - Top 10 Programming Fonts プログラミングに使えるトップフォント10ということで、読みやすそうなフォントが色々と紹介されていましたのでいくつかご紹介。 日本語は対応していないのですが、サンプルコードの紹介なんかで使うとカッコいいのかも。 Profont - 9Pt にしても以下のような可読性でなかなかカッコいい プログラミング以外にもサイトデザインでも使えそうです Proggy - これもなかなか読みやすいフォントですね Consolas - コードにした時にすごく読みやすいフォント すべて見る プログラミングのコードを読むというのは結構大変な時もありますが、そういう時は可読性の高いフォントで読むのがいいのかも。 追記)以下の方法で、欧文フォントを日本語に対応させる方法が紹介されているみたいです。 欧文フォントを日本語に対応させる [Tips
実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティスをDev Snippetsから紹介します。 Styling your Lists: 20+ Brilliant How to's and Best Practices
インターネットの歴史の中で重要な50の出来事を振り返ってみよう。 1995年までさかのぼってみると、この年、米国TIME誌は、「On a Screen Near You」と題した特集を組んだ。この特集では、ネット上にどのくらいポルノ情報が存在するのかを18カ月にわたって調べた米カーネギーメロン大学の研究結果が示された(論文のタイトルは「Marketing Pornography on the Information Superhighway」)。そして、コンピュータの前で驚いた顔をしている少年の姿を写した同誌の表紙が示唆したように、インターネットにはポルノや不道徳な情報が溢れていて、もはや子供が安全ではないことが実態として示された。 しかし記事そのものは興味深いものであった。特集では、掲示板、ニューズグループ、ダイアルアップモデムのほか、「情報スーパーハイウェイ」「サイバーポルノ」「電話料
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【1】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く