プレス発表 「安全なウェブサイトの作り方 改訂第7版」を公開：IPA 独立行政法人 情報処理推進機構
IPA（独立行政法人情報処理推進機構、理事長：藤江一正）は、ウェブサイトの開発者や運営者向けの「安全なウェブサイトの作り方」にパスワードリスト攻撃への悪用防止対策等を新たに追加した改訂第7版を2015年3月12日（木）からIPAのウェブサイトで公開しました。 URL：https://www.ipa.go.jp/security/vuln/websecurity.html IPAでは、必要な技術的配慮が不足していたために起こるウェブサイトの情報漏えいや改ざん等、意図しない被害を防ぐため「安全なウェブサイトの作り方」を2006年から発行しており、これまでに6版を数えています。その内容には、IPAへの届出件数が多く攻撃による影響度が大きいソフトウェア製品やウェブアプリケーションに関する脆弱性関連情報を取り上げ、適切なセキュリティが考慮されたウェブサイト作成のためのポイントをまとめています。 7版
日々の業務やWeb制作に役立つ！おすすめChromeプラグイン12 - Design Color
また、以前に書いた「Any.do」の記事はこちらです。併せてどうぞ！ おすすめタスク管理ツール「Any.do」を紹介！リマインド機能やスマホとの連携が便利 | Design Color 以前に書いた「Any.do」の記事 ブラウザの開きすぎにご用心！「The Marvellous Suspender」 追記 以前は「The Great Suspender」を紹介していましたが、マルウェアが含まれているとして、Chrome ウェブストアから拡張機能が削除されてしまったため、代替の拡張機能である「The Marvellous Suspender」を紹介しています。 作業中、調べ物などをしていてついついブラウザを開きすぎてしまい、PCが重くなってしまった経験ありませんか？このプラグインを入れておけばアクティブでないタブを停止状態にすることができます。 停止までになる時間を「5分」「15分」「30
HTML の q タグが日本語のサイトではカギ括弧を出すようになってた
HTML に q という要素がありますね。 Quotation の Q ですか。 <q> について 文書内で引用をしたいとき、 ブロック要素を含むような場合には <blockquote> ですが 一言とか一行とかそれくらいのときには <q> を使うのがいいみたいです。 q 自体がデフォルトでインライン要素だしね。 こんなぐあい。 <q>ここは引用ですよー。</q> 多くのブラウザでは、この <q> で括った部分が ダブルクォーテーションで挟まれて表示されます。 上記の例だとこう。 “ここは引用ですよー。” カギ括弧になってた 「表示されます」って書いたんだけど、 本当は「と思ってました」でした。 こないだふと気づいたら、 日本語のページではこれがこうなってました。 「ここは引用ですよー。」 クォーテーションマークじゃなくてカギ括弧になってる。 知らんかった。いつの間に。 <q> を初めて使
Private Presentation
Private content!This content has been marked as private by the uploader.
オープンソースCMS『concrete5』をエンタープライズ向けに強化する！４つの有償機能を知る | Web担当者Forum
直感的な操作と柔軟なカスタマイズ性を備え、導入事例が増加中のオープンソースCMS『concrete5』。使いやすさが一番の魅力のCMSですが、実はエンタープライズ用途のCMSとしても十分な機能を揃えています。 concrete5を開発するPortlandLabsは、concrete5に追加インストールするエンタープライズ向け有償機能として、大規模かつセキュアなWebサイトのCMSに求められる静的HTML出力機能とデジタルアセット管理（DAM）機能をラインナップに追加しました。 オープンソースCMSの使いやすさと利点を保ったまま、企業サイトへも導入できるのがconcrete5の魅力です。今回は、エンタープライズ向けに用意された４つの有償機能についてご紹介します。 concrete5の４つのエンタープライズ向け追加機能静的HTML出力（HTML Exporter）concrete5をはじめとす
アニメーションつき円グラフを簡単実装！Circliful
「Circliful」は、の円グラフをアニメーションつきで表示できる jQuery プラグインです。カスタムデータ属性に値を渡すだけでグラフを簡単に描画でき、豊富なオプションでデザインをカスタマイズできます。ランディングページで製品のシェアを訴える際などにいいでしょう。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、CirclifulをGitHubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 利用するWebページの body の閉じタグ直前で、jQuery本体と「Circliful のminifyファイル」、「jquery.circliful.min.js」を読み込みます。 //(中略) <script src
180日で180個のウェブサイトを作るプロジェクトがついに完走を果たす
プログラミング経験ゼロから180日で180個のウェブサイトを作るプロジェクトに挑戦していたジェニファー・デウォルトさんが、ついに180個めのウェブサイトを作り上げ、完走を成し遂げました。10月3日のブログで、デウォルトさんは今までの苦労や今後について語っています。 After 180 Websites, I’m Ready to Start the Rest of My Life as a Coder http://blog.jenniferdewalt.com/post/62998082815/after-180-websites-im-ready-to-start-the-rest-of-my 180のウェブサイトを完成させたことで、この6ヶ月間で数多くのコードを学ぶことができ、彼女は数え切れないほどの徹夜と失敗に悩まされ、GitHubに全てのプログラムを公開していることも大きなストレ
ウェブデザインの主役！ Photoshopと親密にお付き合いする方法 -CSS Nite LP34 セミナーレポート- | Web屋のーりー
Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/nori44/nori44.jp/public_html/blog/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524 CSS Nite というセミナーイベントを皆さんは御存知ですか？ ウェブデザイン界隈の「速く、美しく、上手い」猛者たちが集い、その知識がいかんなく共有されるセミナーイベント、それがCSS Niteです。CSS Niteという名前ですが、CSSだけじゃなく、ウェブデザインにまつわるネタならなんでもテーマとして取り上げていて
Webデザインが3倍速くなる！Photoshop神速テク4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
誰でも手軽にお店のホームページを作ることができる「favy」を使ってみました
スマートフォンに代表される情報端末が広まったことで、ランチやディナーの情報をお店の公式サイトを見て確認する、というケースが出てきています。「並み居る競争相手のなかで少しでも多くのお客さんに見つけてもらうためにはネットの活用が不可欠、しかし、そんなノウハウも予算もない……」と悩みを抱えている人にピッタリなサービスが無料で簡単にホームページを作成できる「favy」です。いったいどのぐらい簡単に操作できるのか、架空でオープンしたばかりのダーツバー「G-cafe」のホームページを作って確かめてみることにしました。 favy｜驚くほど簡単にお店のホームページがつくれる https://page.favy.jp/ 実際にfavyを使って作ってみたホームページはこんな感じ。商品の写真や背景画像は手元にあったものを加工しただけですが、これだけきれいにまとまったサイトを作ることができました。 ◆アカウント作
自由にHTMLを書くFacebookページの作り方 [ホームページ作成] All About
Facebookページを新規に開設し、各種機能を活用して最低限の環境を整えて情報発信する方法については、前回の記事「Facebookページの作り方（基礎編）」でご紹介致しました。 今回は、そのFacebookページに、「1からHTMLソースを記述して自由にデザインしたページ」を必要なだけ加え、Facebookページの内容をもっと拡充させてみましょう。 本記事では例として、「ホームページ作成TIPS」という名称のFacebookページを作成する過程を使って解説しています。このFacebookページは実際に以下のURLで公開していますので、覗いてみて下さい。 http://www.facebook.com/hp.tips Facebookページに、1からHTMLソースを記述した独自のページ（※以下、「独自ページ」と呼びます）を加えるためには、以下のような手順が必要です。 [1] 外部サイトに、
![自由にHTMLを書くFacebookページの作り方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
サイト訪問者のペルソナを基に検索キーワードを考えてみる（前編：セグメント分け） | Moz - SEOとインバウンドマーケティングの実践情報
インバウンドマーケティングが注目を集めるなか、さまざまなインバウンドマーケティングを試行しているマーケターたちは、より包括的なアプローチでキーワードに取り組むことの重要性に気づき始めている。 検索キーワードは、サイトの構築を完全に終えた後に追加するのではなく、サイトの根幹に組み込んでいくものになりつつある。 この記事では、キーワードを利用することで、ペルソナを活用し、最終的にはサイト構築プロセスの向上につながるような影響を与える手法について、ルース・バーが解説する。 SEOmozファンのみんな、こんにちは。ホワイトボードフライデーにようこそ。私はルース・バー、SEOmozでSEOリーダーを務めている。 今回は、ペルソナを活用して、最終的にサイトマッピングプロセスを向上させるためのキーワードの使い方について話していきたい。 検索キーワードには、サイト構築初期のIAやUXの時点から取り組むべき
Webデザイナー志望の学生必見!!アイデア出しで行き詰まらないための5つの方法 | キャリアバイト
ここで意識してほしいのは、Webデザイン以外のデザインを見るということ。 グラフィックや映像・パッケージ・プロダクト・建築など様々な年鑑が毎年出版されているので、普段見ないデザイン分野やその年のデザイントレンドを一気に見ることができます。 ただ、デザイン書は基本的に高価格のものが多いので、まずは図書館などでチェックすることをオススメします。気に入れば購入し、財産として持っておくと良いでしょう。 …少し脱線するかもしれませんが、こちらのコピー年鑑も面白いですよ。 3.自分の限界を超える もう限界きてるよ…という方に試してもらいたい方法。 それは、制限時間を設けてデザインをスケッチブックに描き出してみることです。 例えば3分間でスケッチブックに何個のアイデアを描き出せるか、一度やってみてください。 さて、いくつアイデアが出てくるでしょうか。 最初は1つや2つくらいしかアイデアが出てこなくても、
ウェブには編集力が必要だ - 御社には“価値あるコンテンツ”を作る人がいますか? | 初代編集長ブログ―安田英久
今日は、企業サイト・マーケ・広報・ソーシャルメディアなど幅広く関係する話を。企業内において「コンテンツ」を作る役割のスタッフや体制作りに関する話題です。 御社では、顧客や見込み顧客に対してどんなメッセージを発信していますか？ そして、そのコンテンツはだれが作っていますか？ そもそも、「価値あるコンテンツ」とは何でしょうか。それは、企業が自ら発信する、売り込みのためではない情報だと考えてください。 いまの消費者は、企業が売り込みのために伝えたいことを発信するだけでは、反応してくれなくなっています。また、マスメディアを通じた情報発信も信頼されづらくなっていますし、情報が洪水のようにあふれている時代にはマスメディアの効果も（相対的に）下がっています。そもそもネットでは、価値のあるコンテンツでなければ見てもらえません。 そのために、自社サイトやソーシャルメディアなどの場で、受け取る人にとって役に立
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
PDCAが回らないのはなぜ？ 間違いだらけの運用改善を正す【MarkeZine Day 2009】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
【SEOリサーチ】ドメイン売買への警告か ドメイン年齢が評価対象外に！？
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
うわっ、日本のWebデザイナーの年収、低すぎ…？
以前、Webクリエイターボックスの「世界のWebデザイナーのお給料はいかほど？」という記事が話題になっていました。 記事そのものではなく、記事に対する Twitter や、はてなブックマークのコメントでの反応を見ていて個人的に気になったことがありましたのでここにまとめました。 「他の国とくらべて日本のWebデザイナーの年収は低すぎる」とか「海外に脱出するしかない」と嘆いている方がかなりいらっしゃったようですが、こういう見方もありますよ、ということで… ※この記事は、2013年に公開したものを2019年にリライトしたものです。 Webデザイナーは、海外に移住すれば給料が上がる？ 特定の方を晒しあげるつもりはないのでツイートを埋め込むのはやめておきますが、Twitter では「世界のWebデザイナーのお給料はいかほど？」という記事をツイートするときに、以下のようなコメントをつけている方が何名か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[コラム] Web担のなかの人――編集部ブログ | Web担当者Forum![[コラム] Web担のなかの人――編集部ブログ | Web担当者Forum](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c845b656a86240195ee34a94bf2f5e0ebc806d5/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fnakanohito%2Fnakanohito_icon_ver2019_200.png%3Fitok%3DDwGdH3Ry){kind=icon}
ダウンロードしておきたいフリーのデザインフォントのまとめ -2013年3月