2014年8月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

デザイン関係

コーディングを考慮したWebデザインガイドライン

Webデザイン用の Photoshop の基本設定、1px 未満のにじみを発生させない、共通モジュールの外部ファイル化など、コーディングしやすいWebデザインカンプを Photoshop で制作する方法について。

Photoshopでバナー “いい感じ” に制作せよ!

Photoshop でバナーを作る時の環境設定やテキストツールの使い方など。
このブログの [Webデザイン] 文字組みについて本気出して考えてみた も紹介されていました。

DTP→Webデザイナー転向時に、これやったら捗ったよリスト13 | 279-design

DTP(印刷物の制作)からWebデザインに転向したゆうすけさんの記事です。
ゆうすけさんは3年くらい前から Twitter でフォローしていて、Webの勉強頑張ってるなと思っていたのですが、わりとコーディングよりのWeb制作者になられていたのですね。

私の著書の 「プロになるためのWebデザイン入門講座」神速Photoshop [Webデザイン編] が「自分がPhotoshopに悪戦苦闘してる頃に読みたかった本」として紹介されていますが、実は私も DTP からWebデザインに転向していて、「こういう本があればいいのに」という気持ちで書いたので、それが伝わってよかったです。

スマートフォン

iOS 8から「1Password」が指紋認証に対応、Twitterなどのログインも簡単に – GIGAZINE

パスワードによるログインはすでに時代遅れだと思っていて、iPhone の指紋認証でログインできるようにならないかと思っていたのですが、iOS 8 ではついにそれができるようになるようです。

1Password のMac版はどうなるのでしょうね。
Macにも指紋センサー付くのでしょうか…?

画像の「縦方向の最適化」って何!?たった数行でスマホビューを改善しよう!

スマートフォンでWebページを見た時に、縦長い画像があると画面いっぱいになってしまいますが、それを適度に縮小表示する方法について。

Androidのフラグメンテーション : OpenSignalの調査では世界中に18,796種類ものAndroidデバイスが存在 | juggly.cn

昨年末時点では11,868種類だったので、今年だけで6,928種類も増えたことになります。単純計算すると1日28種類ずつ増えていることになります。

ファーウェイ”Ascend G6″に続き”ESファイルエクスプローラー”が中国バイドゥと密かに通信していることが分かってきた:モバイルタンク4

Androidの有名なファイラーが中国の百度に情報を送信している疑いがあるそうです。

リパック:偽人気アプリにご用心 情報抜き取られる恐れ – 毎日新聞

Android の Google Play ストアで、安心してアプリがインストールできるようになる日は来るのでしょうか…

Webブラウザー

Microsoft、Internet Explorerのサポートを最新版のみに – 2016年1月から | マイナビニュース

2016年1月12日からIEのサポートサイクルを変更すると発表した。Windows VistaならIE 9、Windows 8.1ならIE 11というように、WindowsおよびWindows Serverの各プラットフォームで使用できるIEの最新版のみにテクニカルサポートとセキュリティアップデートを提供する。

Web制作者にとっては朗報ではないでしょうか。

Google がChrome のセキュリティ機能を強化、危険なプログラムのダウンロードを自動停止 – Engadget Japanese

ホームページや各種設定を勝手に変更する可能性のあるソフトがダウンロードされそうになると、警告を表示してダウンロードを停止します。なお停止されたダウンロードはダウンロード履歴から再開できます。

ウイルスや、hao123 のようなマルウェアをダウンロードしようとすると停止・警告されるということでしょうか。

jQueryとJavaScriptライブラリ

HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」 (1/4):CodeZine

サンプルコードがいくつか載っています。

ASCII.jp:アニメーションつき円グラフを簡単実装!Circliful|こうめの“これから使える”jQueryプラグイン

「Circliful」は、の円グラフをアニメーションつきで表示できる jQuery プラグインです。カスタムデータ属性に値を渡すだけでグラフを簡単に描画でき、豊富なオプションでデザインをカスタマイズできます。

米Yahoo!がYUI新規開発中止を発表。その背景となったJavaScriptの現状解説 - Publickey

Yahoo! の JavaScript ライブラリ「YUI」が新規開発中止とのことです。

ツール

Dropbox Proが値段そのまま容量を10倍増。1TBで月1200円 / 年1万2000円に一本化 – Engadget Japanese

1TB あれば、Mac まるごとバックアップしたりといった用途にも使えそうですね。

アクロニス、Mac用イメージバックアップソフト「True Image for Mac」 | マイナビニュース

ローカル + クラウドに同時バックアップできるそうで、クラウド利用料金は「250GBを30日間無料で利用できる(通常価格は、250GBが4,800円/年、500GBが9,800円/年、1TBが18,000円/年」とのことです。

Google

Google ウェブマスター向け公式ブログ: HTTPS をランキング シグナルに使用します

ユーザーがもっと安全にサイトを閲覧できるよう、すべてのサイト所有者の皆様に HTTP から HTTPS への切り替えをおすすめしたいと考えています。
(中略)
全体的に見ると、このシグナルは良質なコンテンツであるといった、その他のシグナルほどウェイトは大きくありません。HTTPS は、優れたユーザー エクスペリエンスを生み出す多くの要素のうちの 1 つです。

HTTPS にするとサーバーの負荷が上がるので、個人情報扱っているわけでも政治的なネタを取り扱っているわけでもないWebサイトを SEO のために HTTPS にするのはちょっと抵抗ありますね。

Google、著者情報プログラムを完全廃止 | 海外SEO情報ブログ

廃止に至った理由は「著者情報があってもなくても検索結果のクリック率にたいした違いがない」、「ユーザーに支持されなかった」などだそうです。

Gmailが日本語など非アルファベット文字を含むメールアドレスとの送受信に対応 – GIGAZINE

例えば、「武@メール.グーグル」というメールアドレスからのメールを受信でき、またこのようなメールアドレスへメールを送信できるようになります。

もうメールアドレスのバリデーションは諦めたほうがいいですかね…

SNS

ダッシュボード | Twitter Blogs

自分のツイートに、どれくらいの反応があったか見れるようになりました。

SNSボタンをオリジナルデザインに!設置方法&シェア数の取得方法まとめ | Design Color

PHPでSNSシェア数を取得し、オリジナルの SNS シェアボタンの上に表示させる方法。

その他

WordCamp Tokyo 2014 | 2014年のWordCamp Tokyoは10月11日開催です!

大田区産業プラザ Pio で開催するそうです。

【使い過ぎるとカッコ悪い】 IT業界のルー語 BEST40 – Six Apart ブログ

使い過ぎはどうかと思いますが、実際使い過ぎな方と遭遇することもあるので覚えておいて損はないかもしれません。

If you like this article click the Facebook “Like” button to share it with your friends!