IPA（独立行政法人情報処理推進機構、理事長：藤江一正）は、ウェブサイトの開発者や運営者向けの「安全なウェブサイトの作り方」にパスワードリスト攻撃への悪用防止対策等を新たに追加した改訂第7版を2015年3月12日（木）からIPAのウェブサイトで公開しました。 URL：https://www.ipa.go.jp/security/vuln/websecurity.html IPAでは、必要な技術的配慮が不足していたために起こるウェブサイトの情報漏えいや改ざん等、意図しない被害を防ぐため「安全なウェブサイトの作り方」を2006年から発行しており、これまでに6版を数えています。その内容には、IPAへの届出件数が多く攻撃による影響度が大きいソフトウェア製品やウェブアプリケーションに関する脆弱性関連情報を取り上げ、適切なセキュリティが考慮されたウェブサイト作成のためのポイントをまとめています。 7版

こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特

browserling - interactive cross-browser testing ネットには探せば便利なサービスがあるもので上記のサイトは各種ブラウザで表示がどうなるのか確認ができる。 Internet　Explorer Chrome Firefox Safari Opera 上記メジャーブラウザの5種をわざわざ自分のPCにインストールすること無く確認することができる。 さらに嬉しいことはそれぞれのブラウザのバージョンが新旧揃っていることだ。 使い方は簡単だ。 表示させたいURLを入れて好きなブラウザを選ぶ。 新旧のバージョンが出てくるからそれをクリックするだけだ。 しばらくすると入力した条件でエミュレートされる。 （画像では当ブログのURLを入れてSafariのバージョン5.1を選択している） 実際に表示させるとこうなる。（画像はSafari5.1） これを各種ブラウザで繰

キーボードショートカットなども用意されていますが、基本はメニューバーからアイコンをクリックして計測するだけですので、使い方は簡単です。 幅、高さなど画面上部に分かりやすく表示されます。ガイドの点線の色は変更することが可能です。 「あれ？　ここのサイズはどうなってたかな？」みたいな時に、サクッと調べることが出来ますね。 「Page Ruler」は無料のGoogle Chrome機能拡張です。 ＃その他のGoogle Chrome機能拡張は「Google Chrome機能拡張」カテゴリもどうぞ。

＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

本の紹介これは今読むべき！Web制作の今がわかりやすく説明されている「現場のプロが教えるWeb制作の最新常識」を読みました！2014年4月14日290 @JUNP_Nです。WEBCRE8.jpの酒井優（@glatyou）さんが共著として参加されている「現場のプロが教えるWeb制作の最新常識」をいただきました。Web制作者ではない僕が制作の本を紹介するのはおかしいのですが、Webに関わることをしている人は読んでおくべき本だったのでご紹介。 Web制作の現状やトレンドを知っているか知らないかでは大違い目まぐるしいスピードで変化しているWeb制作の現場。最近では「フラットデザイン」「レスポンシブデザイン」「パララックス」などWeb制作の職業についていなくても耳にしたことがあるキーワードがたくさん。他にもHTML5やSass、Gitなど新しい言語やプロジェクト管理について、今のWeb制作の現場がど

Google画像検索で、改変したり商用利用可能な画像を検索できる。直感的に分かるようにGIFアニメを作成し図解した。 10秒で分かるGIFアニメ web検索から画像検索に切り替え、商用利用と改変可能な画像だけを表示するように絞り込む場合の具体例。 画像のライセンス 4種類のライセンスの意味 下記説明では、可能なことの背景色を黄色にした。 改変後の再使用が許可された画像 ○営利目的、○画像編集、○加工せずそのまま利用 再使用が許可された画像 ○営利目的、☓画像編集、○加工せずそのまま利用 改変後の非営利目的での再利用が許可された画像 ☓営利目的、○画像編集、○加工せずそのまま利用 非営利目的での再利用が許可された画像 ☓営利目的、☓画像編集、○加工せずそのまま利用 4種類の内、上2つが営利目的もOK。下2つは非営利目的なら使用OK。 4種類の内、最初と3番目は画像の加工もOK。2番目と最後は

私は、元々エンジニアとしてランサーズに入社し、途中からディレクターに転身しました。ランサーズに入社する以前は、Googleアナリティクスをいじったこともなければ、CVRやCPAといった基本的なマーケティング用語すら知りませんでした。 まだまだ知識・スキル不足ではありますが、今まで得たものの多くは実際の業務を通して得られました。一方で、書籍を読むことで以下の二つのメリットがあると感じており、読書の時間を取るように努めています。 業務で得たスキル・知識を体系的に整理して定着させる そもそも知らないことをショートカットして知ることができる ディレクターに転身してから、必要な知識を身につけるために読んだ本を、ジャンル別にご紹介します。 Webエンジニアの時のおすすめ書籍は下記にまとめてあります。 kkino.hatenablog.com 基本的なビジネススキル どの職種においても必要なスキルだと思