PDFって一昔前ならサーバーで生成してAdobe Readerで表示させるぐらいでしたが、いまはJSだけで描画を制御できちゃうんですね。ちょっと面倒くさそうですが。‪#‎JavaScript‬#フロントエンド ‪#‎Web開発‬

https://www.webprofessional.jp/2016/06/2919/

WebアプリでPDFを扱うときって、どうしています?  一昔前ならサーバーサイドで生成してAdobe Readerで表示させるぐらいでしたが、いまならJavaScriptだけで描画も制御できちゃうんですね。 本記事はJani Hartikainen、Florian Rappl、Jezen Thomas、Jeff Smithが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSit…
www.webprofessional.jp

レスポンシブWebデザインが捗る便利なCSSプロパティ。IE/Edgeはまだサポート外ですが、動画の埋め込みにも使えるのがミソですね。‪#‎CSS‬ ‪#‎CSS3‬ ‪#‎Web制作‬

https://www.webprofessional.jp/2016/06/2757/

CSSのobject-fitとobject-positionプロパティって知ってますか? 画像だけでなく、動画のサイズ調整(特にレスポンシブ!)にも使える便利なプロパティ、今後のWeb制作の現場で活躍しそうですよ。 Webサイトのレイアウトをするとき、動画や画像は潜在的な問題を抱えています。 たとえば、CSSで画像の幅を明示的に指定したとしましょう。もしその幅がパーセントまたはビューポート単位で指…
www.webprofessional.jp

ごめんなさい。ドリってもう変わらないんじゃ…と思っていました。新バージョンではすごく使い勝手がよくなりそうですね。‪#‎Dreamweaver‬ ‪#‎アドビ‬ ‪#‎Web制作‬

https://www.webprofessional.jp/2016/06/3447/

正直、アドビはもうあきらめていたと思っていましたよ。あのDreamweaverがいきなりの大進化。日本時間6月21日に配信されたCreative Cloudの最新アップデートとともに公開された「Dreamweaver CC 2017(Beta)」は、モダンなIDEとして生まれ変わったDreamweaverの最初のベータバージョンです。 新しいDreamweaverでは、アドビがオープンソースとして…
www.webprofessional.jp

IE10のサポートも終了し、IEに代わる「Microsoft Edge」も登場。クロスブラウザー対応はもはや以前ほど心配しなくてもよくなりました。それでも古いIE対応が必要な案件にあたったら…?
‪#‎Webデザイン‬ ‪#‎Web制作‬

https://www.webprofessional.jp/2016/06/2875/

IE10のサポートも終了し、IEに代わる「Microsoft Edge」も登場。クロスブラウザー対応はもはや以前ほど心配しなくてもよくなりました。それでも古いIE対応が必要な案件にあたったら…? レスポンシブWebデザインや日々進歩する標準サポートがあるにも関わらず、クロスブラウザーはまだまだ現在進行形の課題です。今日の人気ブラウザーやOSの世界において、自分の手でサイトをテストするのが不可能かつ…
www.webprofessional.jp

Slack使ってますよね? 便利なツールをもっと進化させるべく、ターミナルチックに使える自分専用のBotを作っちゃいました。シンプルなサンプルだからカスタマイズしやすいはず!

https://www.webprofessional.jp/2016/06/2810/

Slack使ってますよね? 便利なツールをもっと進化させるべく、コマンドラインターミナル的に使える自分専用のBotを作っちゃいました。シンプルなサンプルだからカスタマイズしやすいはずですよ。 本記事はDan PrinceとMatthew Wilkinが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者の皆さんに感謝します。 Slackの存在感はいまや…
www.webprofessional.jp

先月開催されたGoogle I/O 2016。盛りだくさんの発表に「まだあまり追いかけれていないよ」という開発者も多いのでは? SitePointでライターを務めるAndroid開発者が注目トピックを紹介します。

https://www.webprofessional.jp/2016/06/3206/

発表が目白押しだったGoogle I/O 2016。もちろん主役はAndroid Nですが、ほかにもいろいろと注目すべきトピックがあったようです。SitePointでライターを務めるAndroid開発者が紹介します。 毎年開催されるGoogle I/Oですが、今年もグーグルはアシスタント領域からおもしろそうなデバイスやアプリの展開まで、たくさんの発表しました。開発者向けの詳細やAPIアクセスもあっ…
www.webprofessional.jp

いちばん「楽しい」コピーライティング入門の本、できました!

Web Professionalの人気連載「書かなきゃいけない人のためのWebコピーライティング教室」が単行本に。

カレー、看板、サッカーなどなど、身近な例を使って、Webサイトやソーシャルに載せる「コピーの書き方」を解説した本です。

...

ゆるく楽しいイラストとわかりやすい図解つきだから、とっても読みやすい。

24日までAmazon購入者向けにキャンペーンも実施中です。
ぜひご注目ください!

See More
オウンドメディアやECサイトの運営に欠かせないWebコピーの書き方がわかる本『書かなきゃいけない人のためのWebコピーライティング教室 』(森田哲生著)が、2016年6月17日、KADOKAWAから発売されます。
ascii.jp|By ASCII

プロは「キャッチコピー」ってどうやって考えているの?

大変お待たせしました! コピーライターの森田哲生さんによる「Webコピーライティング教室」、半年ぶりの更新です!

Webで必要なキャッチコピーの考え方をパターン別に実例つきで解説。これは勉強になります!

Webコピーライティング教室の8限目は「キャッチコピー」の授業です。コピーライティングの花形(と思われがちな分野)。「書かなきゃいけない人」であるみなさんにとって、もっとも気になる内容かもしれませんね。
ascii.jp|By ASCII

めったに取り出さないデータ置き場としてコスパがいいと言われるストレージサービス「Amazon Glacier」。

バックアップ用にはよさそうですが、はたして実際にどの程度費用がかかるのでしょうか? 使い勝手と注意点は?

クラウドストレージサービスのAmazon Glacierは、データをアーカイブして保存してあります。いったん取り出すとなると、展開する時間がかかるうえに、料金が発生します。Amazon Glacierを使うのは損か徳かが分かるように計算してみました。
ascii.jp|By ASCII

Web Professionalの人気連載『書かなきゃいけない人のためのWebコピーライティング教室』が単行本になります!
http://www.amazon.co.jp/dp/4048656252/

著者はRockaku代表でコピーライターの森田哲生さん。
発売は6/17。

...

もちろん、書き下ろしの加筆&全面見直しでパワーアップしてお届けします。

写真は印刷所から届いたばかりの「刷り出し」。このあと製本、断裁へと進みます。

See More
ASCII.jp Web Professional's photo.

Webサイトやサービスの改善に役立つ「ユーザーインタビュー」ってどうやってやるの? 

失敗しないユーザーインタビューのコツを、ヤフーのUXデザイナー(黒帯!)である瀧 知惠美さんに教えてもらいました。

考える→身近な人で練習する→改善して本番に臨む

...

インタビュー自体も改善しながら回していくことが大事なようです。勉強になりますね。

See More
ユーザーインタビューを業務で活用する場合、わからないこと、うまくいかないことが多々あります。このような悩みを解決するため、実践にあたって気をつけるべき細かなポイントを、実施プロセスに沿って紹介する本連載。第1回に続き、第2回では、Yahoo!ショッピングにおけるユーザーインタビュー活用事例を用いて、インタビュー対象者の抽出と、ユーザーインタビューの実施について解説します。
ascii.jp|By ASCII

Googleアナリティクスの入門連載も、いよいよ最終回。
前回の記事で基本的な操作方法を紹介した「Googleタグマネージャ」の活用編として、イベントトラッキングについて解説しますよ。
設定例を見ながら実際にやってみましょう!

Google アナリティクス初心者のために、基本的な分析の考え方と活用方法を紹介する本連載。最終回は、イベントトラッキングを便利に活用する方法を紹介します。
ascii.jp|By ASCII

Googleアナリティクスをお使いのみなさん!
タグマネージャーも使ってますか?

取っつきにくい印象のあるタグマネージャーですが、使いこなすと本当に便利。この記事では基本的な使い方としてイベントトラッキングの方法を紹介していますよ。

Google アナリティクス初心者のために、基本的な分析の考え方と活用方法を紹介する本連載。GTMの導入で簡単に設定できる「イベントトラッキング」の解説と活用方法、GTMでの設定方法をふまえて、GTMの仕組みを紹介します。
ascii.jp|By ASCII

沖縄方面のみなさま、今週末はCSS Nite OKINAWAですね。
テーマは「最新Web制作素材Tips」。写真、フォントなど、Web制作をやっている人には役立つトピックがたくさん。

Web Professional刊『デザイナー&ディレクターが写真を上手に撮る本』の著者・岡田陽一さんも登壇されます。

...

まだ申し込めるようですので、興味のある方はこちらでチェック!

See More
懇親会のお申し込みを開始いたしました。(4月19日)本編ご参加の方は、500円OFFにてご参加いただけます。(ただし、前日までのお申込限定)※本編の参加がなく、本編参加割でお申込の... powered by Peatix : More than a ticket.
cssnite-okinawa08.peatix.com

【連休のおすすめ記事です】
VRとならぶ大きなトレンドとなっている、人工知能。人工知能に何かさせてみたいけど、プログラミングを学ぶのは大変すぎる…。

そこで、IBMのWatsonを使ってみませんか? Watsonというと、大企業の事例ばかり聞きますが、実はWeb API化されていて、個人開発者でも使えるようになっているのです。

...

この記事では、書かれた文章から性格を判断するWebアプリの作り方を紹介しています。

See More
IBMが提供する「Watson」は、ロボット、金融、ヘルスケアなど、さまざまな分野での活用がニュースになっています。Watsonを使った簡単な性格診断アプリを作ってみましょう。
ascii.jp|By ASCII

「サイト改善のためにユーザーインタビューを実施したい!」と思っても、具体的にどうやって?という方も多いはず。

国内屈指のWebサービス企業ではどうやってユーザーインタビューを実施しているのか、ヤフーのUXデザイナー(黒帯)の瀧知惠美さんに紹介していただく新連載です。

「ユーザーインタビュー」。聞いたことはあっても実施するタイミング、方法、結果の活用方法がわからない方も多いのでは? ヤフーでUXデザイナーを務める瀧知惠美氏が、事例をもとに4回にわたって解説します。
ascii.jp|By ASCII

「動画で学ぶWordPressの学校」著者のたにぐちまことさんによる生放送「Web担当者のためのWordPress入門 -WordPressを使ったWebサイト立ち上げの基本」が本日19時より、スクーにて放送されます。

自分でWordPressを使ってサイトを立ち上げる初心者の方向けの生放送です。登録すれば無料ですので、ぜひご注目ください!

WordPressを使ったWebサイト立ち上げの基本が学べる授業が4月22日からスクーで始まる。講師はたにぐちまこと氏。
ascii.jp|By ASCII
アスキー・メディアワークス's photo.
アスキー・メディアワークス

【編集者オススメ!今週の1冊!! 「動画で学ぶWordPressの学校 初めてWebサイトを立ち上げるときに読む本」】

「お店や会社のサイトを作りたい」「分厚い入門書を買ったけど、途中で投げ出してしまった」……そんな方のための本『動画で学ぶWordPressの学校 初めてWebサイトを立ち上げるときに読む本』を3月19...日に発売しました。

本書は、セミナーや専門学校で人気のたにぐちまこと先生が、WordPressの使い方を180分ぶんのオリジナルビデオ授業で解説。あわせて、テキストでも振り返りながら学習できる、画期的な入門書です。

動画はDVDよりも高解像度のフルHDで見やすく作っていますので、パソコンの横にスマホやタブレットを並べて学習するのがおすすめ。以下のページにサンプル動画を掲載していますので、ぜひご覧ください。http://ascii.jp/elem/000/001/136/1136219/

この春、新しい「学校」で、新しいホームページを作ってみませんか?
(編集担当・小橋川)

See More

インスタグラムの「ふつう」のマーケティング利用になれたら、もう一歩上の活用方法を試してみませんか?

世界の注目事例を6つ、ご紹介します。

http://ascii.jp/elem/000/001/151/1151752/

国内外の先進企業が取り組む、Instagramのユニークな活用法を6つ紹介します。より本格的なマーケティング活用のヒントにしてください。
ascii.jp|By ASCII
アスキー・メディアワークス's photo.
アスキー・メディアワークス

【編集者オススメ! 今週の1冊!!『神速Photoshop [グラフィックデザイン編]CS6/CC/CC 2015対応』】

「こんなやり方があったの?」と話題のPhotoshop解説書『神速Photoshop[グラフィックデザイン編]』を3年ぶりに大改訂。『神速Photoshop [グラフィックデザイン編]CS6/CC.../CC 2015対応』として、3月15日に発売しました。

「神速<しんそく>」というタイトルは、まるで「人間わざとは思えないほど速い」ことを目指して付けたもの。グラフィックデザインの現場では欠かせないPhotoshopを使った素材作成から、写真のレタッチや切り抜きまで、プロが使っている106本の時短テクニックをこれでもか! と集めました。

改訂にあたっては、Photoshop CC/CC 2015に対応し、新機能を中心に新たなテクニックを多数追加。また、新設した第1章では、時短に必須の環境設定の基本や、ワークフローの考え方を解説しました。さらに、すべての作例を見直し、約6割のテクニックを「より速く」「美しく」修正しています。

「いちばん速いテクニック」で余計な時間を短縮して、もっとクリエイティブなことに時間が使えるようになる1冊。代表的なテクニックを以下の動画でも紹介していますので、ぜひご覧ください。
http://ascii.jp/elem/000/001/136/1136162/
http://ascii.jp/elem/000/001/136/1136157/
(編集担当/京塚)

See More