NAVERまとめに無断転載“された”側の訴え……「抗議への対応に驚愕」
ディー・エヌ・エー（DeNA）の医療サイト「WELQ」の問題を発端に、キュレーションメディアの問題がネットを騒がせている。他人の記事や画像を無断利用するキュレーションメディアもあり、「自分のサイトの記事や画像を盗用された」と困っている人は多い。 LINEが運営するキュレーションメディア「NAVERまとめ」も、「コンテンツを無断利用された」と被害を訴える人が多いサイトの1つだ。ライターの北本祐子さんは、個人サイトに掲載した画像をNAVERまとめに何度も無断で利用され、そのたびに抗議してきたという。 今年2月には、企業が運営するメディアに寄稿した記事や画像を無断利用され、抗議したこともあった。だが、「驚愕の対応」をされ、泣く泣く削除依頼をあきらめたという。 「NAVERまとめ転載禁止」と明記するよう求められた 問題が起きたのは今年1月末。徳間書店が運営するWebメディア「＆GP」に、チョコレー
今、HTML5とCSS3で必要とされる知識・テクニックをどのように使うか、その考え方も分かるオススメの本
スマホ向けのWebサイトが普及し始めた数年前から、HTMLとCSSの書き方は大きく変わりました。HTMLのタグやCSSの機能が変わったわけではありません。デスクトップとスマホの両方に対応するためには、それまでとは異なる考え方で実装する必要があります。 この「考え方」について重点が置かれ、HTMLの組み方からCSSの実践的なテクニックまで、基礎から詳しく解説されたオススメの本を紹介します。 一見、完全な入門書のように見えますが、初心者だけでなく、中級者にもお勧めしたい本です。基礎知識の解説は一通りシンプルにしっかり解説されており、知っている人は復習がてらさっと見て、知らない人は過不足なく学べます。 最新のHTMLとCSSの書き方、日本語の文字、コンポーネント、Flexboxを使ったレイアウトなどをどのような考え方で実装するのか、実践的な知識・テクニック・考え方を整理し、身につけることができま
Flash停止がついにChromeでデフォルトの初期設定になり再生ブロックされることが決定
ウェブサイト内で音楽や動画などリッチコンテンツを表示できるAdobe Flash Playerには、悪意のある攻撃者によってPCを乗っ取られるほどの脆弱性の存在が判明しており、Googleでは広告やYouTubeでFlashの代わりにHTML5へ移行しています。さらに2016年第4四半期内に、ついにChrome上でもFlashを停止することが発表されました。 HTML5 by Default - Google スライド https://docs.google.com/presentation/d/106_KLNJfwb9L-1hVVa4i29aw1YXUy9qFX-Ye4kvJj-4/ Intent to implement: HTML5 by Default - Google グループ https://groups.google.com/a/chromium.org/forum/#!to
【安さは正義】EvernoteじゃなくてOneNoteならタダだった
Evernoteの無料サービスは1ヶ月のアップロード容量に制限があります。 一方、マイクロソフトのOneNoteなら無料でアップロード容量の制限なく使えます。 この記事では、主にテキストや画像を用いたメモを作る場合に、マイクロソフトのOneNoteがEvernoteの代わりになりそうかを検証します。 やっぱりEvernoteが良いというかたはこちらの記事もごらんください。 https://kiritsume.com/how-to-use-evernote-premium-cheaply/ この記事の内容 無料で使えるマイクロソフトのOneNoteでEvernoteのように自由にメモを取れるか試してみます。 マイクロソフトアカウントの作り方からOneNoteのセットアップまでの手順を説明します。 マイクロソフトOneNoteとは クラウド上に置いたデータをPC、スマートフォン、タブレットから
Evernoteのノートを断捨離したら、もう1度Evernoteを使い倒したくなった｜男子ハック
WebサービスEvernoteEvernoteのノートを断捨離したら、もう1度Evernoteを使い倒したくなった2016年2月9日229 @JUNP_Nです。先日書いた「超簡単！EvernoteのノートをMacのメモに書き出すスクリプトを使ってみた」でEvernoteのノートを移行するにあたって、Evernote内のノートを思い切って整理してみました。多数のノートブックで雑多になっていた状態から一転、スッキリしたEvernoteをもう一度使い倒してやろうという気持ちが出てきました。 「人生の全てをEvernoteに」なんて思っていた時が僕にもありました 数年前のライフハックブーム、Evernoteブームの名残もあって「Evernoteにありとあらゆる情報を記録しよう」となんでもEvernoteに突っ込んでいましたが、今振り返るとほとんどが不要な情報になっていました。 特にWwb制作のテク
サイトのデザインを変更しただけで約50％もユーザーを失った失敗例
By Wicker Paradise アイコンに関するニュースから販売まで手がけるサービス「Icons8」の中の人が、ウェブサイトのデザインを大幅に変更したところ47％ものユーザーを失ったことをブログで明らかにしました。ブログではユーザーを失うまでの経緯や、なぜ失ってしまったのかの分析結果まで書かれていて、興味深い内容になっています。 How We Lost 47% of Our Users After a Redesign | Icons8 https://icons8.com/articles/how-we-lost-47-of-our-users-after-a-redesign/ サービス開始当初、Icons8はアイコンの開発・販売を手がけるサービスでしたが、毎日新しいアイコンを作り続けるのには無理があるため、「リクエストアイコン」という機能を実装しました。リクエストアイコンとは、
著作権・肖像権について、写真やイラストなどの素材を安全に使うために知っておきたいこと
デザイナーをはじめ、多くの制作者が利用している「アマナイメージズ」協力のもと、写真やイラストの著作権・被写体の肖像権についてまとめました。 Webデザインで写真やイラストの素材を使用する時、写真をトレースしてイラストを描き起こす時、写真を模倣してほぼ同じ構図やシーンで撮影する時など、写真やイラストを安全に使うために知っておきたいことを紹介します。 画像: 新緑 © daj /amanaimages 以下の掲載写真の使用許諾は、アマナ様にすべてご手配いただきました。 写真やイラストの権利について 写真やイラストを安全に使うために知っておきたいこと ケーススタディ: まとめサイトでの画像引用、制作委託先が不正利用していたなど 写真やイラストの権利について 写真やイラストには、原則として著作権が存在します。 素材（有料・無料に関わらず）として利用できる写真やイラストも著作権の保護期間を過ぎたもの
同人誌や商用利用もOK！天体や地球をイメージした数理地理学図形の美しいベクター素材 -Mathematical Geography
天体や地球をイメージした数理地理学の図形にインスパイアされた美しい素材を紹介します。ベクターなので拡大縮小・カラー変更など、きれいに加工できます。 利用にあたっては、Webでもアプリでも動画でも紙でもプロダクトでも無料です。
コピペで簡単！フッタなどの年号表記を自動更新させるJavaScriptやPHPのコードのまとめ
年明けの最初のタスクとして、年号表記を変更する人もいると思います。 フッタなどの年号表記をJavaScriptやPHPで、その年の表記に自動更新させる便利なコードを紹介します。 Update Your Footer ドメイン名、気合い入ってますね。 JavaScriptで年号表記を自動更新 PHPで年号表記を自動更新 JavaScriptで年号表記を自動更新 JavaScriptはクライアントサイドで機能するため、年号はユーザーの時間設定に依存して取得されます。
画像ファイルを一括でリネーム＆リサイズしてくれるMacアプリ「iMage Tools」がとんでもなく便利だ！
使い方 使い方は非常に簡単。まずは画像を一式（もしくは画像フォルダを）アプリウィンドウにドラッグ＆ドロップします。 するとこんな感じ。画像に一括で施せる処理は リサイズ リネーム ウォーターマーク 境界線 反射 角丸 影 の7つ。 リサイズは横幅、縦幅、パーセンテージ、正方形のリサイズができます。 リネームは元の名前、連番、作成日、リネーム日のテンプレートが最初から用意されておりますので適宜使いましょう:) 連番は桁数も選択することが出来るのです。気が利いてるぅ。 その他、角丸や境界線など一括で行いたい処理をチョイスしたらStartボタンをクリック。画像の保存先を選択すれば完了です！ ご覧の通り、全ての画像のリネーム＆リサイズが一括で出来ましたことよ！！！嗚呼便利！！！
2016年に備えてしっかり確認しておきたい、Webとグラフィックデザインのトレンドと今後の展望
Webデザインやグラフィックデザインのトレンドをしっかり知っておくことは、非常に大切です。廃れゆくものを採用するのではなく、今必要とされているものが何なのか、そしてなぜそれが必要とされているのか理解することで、よりよいものが制作できます。 Webとグラフィックデザインのトレンドとその背景、目的、展望などを紹介します。 16 Graphic Design Trends To Watch In 2016 各項目ごとのグラフィックも分かりやすく、注目です。 01. ユーザーが使いやすいこと 02. レスポンシブデザインの考え方 03. アプリを彷彿させるWebデザイン 04. ナビゲーションの進化 05. モジュール式のテキスト 06. モジュール式と無限スクロール 07. Material Design 08. フラットデザイン 09. 1,000の言葉よりもビジュアルで 10. インフォグラ
Web制作における対応ブラウザの選定方法
Web制作における対応ブラウザの選定方法 「フロントエンドのテクニカルディレクションに求められるスキル」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。 サイトのターゲット・予算・リソース・開発期間などビジネスにより選定方法は異なりますので、あくまで参考程度にしてください。 対応ブラウザを絞る意味 まず最初は「なぜ、対応ブラウザを絞るのか」という視点から。 理想論で言ってしまえばWebサイトを訪れるユーザー全てに最適なコンテンツを提供できれば申し分がありません。 しかし、現実的には各ブラウザ/OSによって実装が異なる機能があったり、実装されていない機能があったり、特有のバグを含んでいる物があったりすることもあり、そういった場合は個別のブラウザ/OSに対してデバッグやチューニングを行わなくてはいけません。 そのため対応ブラウザの数が多ければ多いほど、Webサイトの
同人誌などの商用利用もOK！魔方陣のような複雑で美しい幾何学模様のベクター素材 -Fluid Geometric Shapes
拡大縮小・カラーなど自由自在に変更できる、魔方陣のような複雑で美しい幾何学模様のベクター素材を紹介します。 商用の同人誌だけでなく、Webでもアプリでも動画でも何にでも無料で利用できます。
勉強する前に知っておきたい！Webデザインに関連する資格まとめ
今回は大阪中心部のIT・情報系の専門学校をまとめました。 資格やスキルなど特化した学校もあるため、自分に合った学校を見つけましょう。 田島悠介 今回は、なにか相談受けたんだって？ 大石ゆかり 大阪に住んでる親戚がIT系の専門学校に通いたいって言ったんですが・・・どこを選べばいいかわからなくて・・・ 田島悠介 よし！それじゃ、自分にあったIT系専門学校の選び方と大阪にある学校を紹介していくね！ 大石ゆかり お願いします！ 目次 自分に合った学校の選び方 学費を抑えられる学校 資格が充実している学校 プログラミングを学習できる学校 実習の多い学校 就職サポートが充実している学校 まとめ 自分に合った学校の選び方 これからIT系の知識・スキルを習得したいと考えている方は多いでしょう。 IT系の専門学校に興味を持ってもどの専門学校に入学すれば良いのか、自分にはどの専門学校が合っているのか考えること
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ネット炎上、１枚の写真で伝える防止法 年300回講演、プロの教え
若きデザイナーが思い描く期待と厳しい現実とのギャップ、デザイナーたちの切ないあるある
Webデザインの勉強にいい！レイアウトやUIエレメントやカラーの使い方の参考になるStyle Guideのまとめ
2015年、このWebサイトのデザイン・アイデアは見逃せない！「Website of the Year」 -日本からも2つのサイトが受賞！
[CSS]最近のWebサイトで見かけるコンポーネントを実装するチェックしておきたい便利なスニペットのまとめ -LittleSnippets![[CSS]最近のWebサイトで見かけるコンポーネントを実装するチェックしておきたい便利なスニペットのまとめ -LittleSnippets](https://cdn-ak-scissors.b.st-hatena.com/image/square/35e1785dbd3d615dd95dbbb956f2f495cc968350/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201504%2F2015120401.png)
FirefoxがFlash以外のプラグインサポートを終了
