「漫画村出稿メール」を独自入手 「偽名営業」「取引先は海賊版サイト」元代理店従業員が語る異常な実態
社会問題となっている海賊版サイト「漫画村」「Anitube」「MioMio」に関与する広告代理店A社の元従業員がねとらぼ編集部の取材に応じ、「取引先はほぼ著作権侵害サイト」「偽名での営業」「たびたび労基がやってくる異常な社内環境」などの業務実態を語りました。また広告代理店と出稿主との生々しいやりとりのメールを独自入手。漫画村の実質的窓口となっていたというX社にも迫ります。 漫画村への広告出稿の流れ（編集部作成） なぜ広告代理店は海賊版サイトに広告を出すのか 情報提供者はA社とそのグループ企業（以下、A社グループ）で今年まで営業関係を担当していた人物。「私の行った過ちを明かすことで少しでも人の役に立てるなら」と取材に協力してくれました。 ――早速ですが、A社はどのようなサイトと取引しているのでしょうか。 情報提供者：「漫画村」「Anitube」「MioMio」はもちろん、ほかの海賊版サイトも
「二度と掛けてくるな」 “漫画村”広告主への取材一部始終、広告は取材後に消滅
「漫画村」など違法アップロードが問題となっている海賊版サイトの数々。その運営資金はサイトに広告を表示することによって得られる「広告収入」によって賄われているとみられています。海賊版サイトの在り方が問われる一方で、広告を出稿している企業や広告代理店に責任はないのか。ねとらぼ編集部が、広告を出稿していた複数の企業に取材を繰り返したところ、一部の広告が取り下げられる事態となりました。 「漫画村」に表示されていた広告。枠内が広告（画像は4月9日時点のもの・画像は編集部で一部加工しています） 4月13日には政府がISP（インターネットサービスプロバイダー）に対して「サイトブロッキング」を促す決定をするなど、社会問題となっている海賊版サイト（関連記事）。なかでも特に問題視されているのが漫画や雑誌、写真集などを違法アップロードしているサイト「漫画村」です。 漫画村のPCサイトでは当初、画面中央に各漫画の
上下中央揃えのCSSまとめ。Gridだと2行、Flexboxだと3行で実現可能 - ICS MEDIA
CSSでブロック要素を上下中央揃え（天地左右の中央に配置）する方法はいくつかありますが、CSS Gridを使う方法が現在では一番手軽です。CSS Gridレイアウトを使うと、たった2行で上下中央揃えができます。 ▼ CSS .container { display: grid; place-items: center; } デモを別ウインドウで再生する ソースコードを確認する ※CSS GridだとIE 11に対応できません。しかし、IE 11は2022年6月にサポートを終了しているので、ウェブ制作者が気にする必要はないでしょう。 Flexboxだと3行 対して、Flexboxでも上下中央は実現できます。Flexboxの場合、中央揃えしたい要素の親に対してたった3行記述するだけです。モダンブラウザはもちろん、Internet Explorer 11（以下、IE 11）でもベンダープレフィッ
“モダン”ウェブアプリケーション 〜アメブロ5ヶ年計画〜
HTML5 Conference 2017.9.24 1. “モダン”ウェブアプリケーション ∼アメブロ5ヶ年計画∼ HTML5 Conference 2017.9.24 原 一成 @herablog 2. アメーバブログ 2004年開始のブログサービス 芸能人の利用が多い 芸能人以外とそれ以外のPVは半々 3. 2015 バックエンドシステムの刷新 2017 2016 Isomorphic JavaScript AMP https Code-splitting Node.js v8 React 16 PWA 4. 5年かけて“モダン”な状態にする 5. “モダン”であること エコシステムとつながっていること 6. “モダン”であること エコシステムからの恩恵 エンジニアの流動性 ! " 7. エコシステムからの恩恵 最新技術を取り込みやすい 世界中のエンジニアと協力できる ! 8. エン
React ＆ TypeScriptを用いた業務システム開発 - Opt Technologies Magazine
先日、オプトからFeed Terminal というツールがリリースされましたので、主にフロントエンドについての大まかな全体像と技術的な拘りをご紹介しようと思います。 あいさつ Feed Terminal とは フロントエンド設計 管理画面の要件 アーキテクチャ選定 チームへの共有 実装・設計の中身の紹介 全体像（package.json） TypeScriptとの付き合い方 reduxの使い方 開発時の動作確認の仕方 テストやlintとの付き合い方 まとめ あいさつ こんにちは。uryyyyyyyです。 社内では遊撃手的ポジションにおりまして、今回のReact ＆ TypeScript案件であるFeed Terminalでは、フロントエンドの基盤設計やUIデザインなどを担当していました。 Feed Terminal とは Feed Terminalとはデータフィードマネジメントツールと呼ば
エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今年もHTML5 Minutesに登壇してきました。こんにちは、先生です。 当日は「フロントエンド開発スピードをあげるための環境を作ってみた話」をしてきました。 今回はその環境を使ってみるまでの手順を書いていきたいと思います。 必要なものをインストール NodeJS Gulp WebPack Bower PhantomJS NodeJSとGulpのインストールは過去の記事「Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ」をご覧ください。 WebPackのインストール WebPackはさまざまな形式のモジュールを静的なファイルにまとめて出力してくれるツールで、拡張性が高く最近好んで使っています。 WebPack http://webpack.github.io/ インストールはnpmを使って簡単にできます。 npm install webpack -g ※ macは
共同創業者に聞いた、GitHubは何が違ったのか？
プロジェクトホスティングサービスで高い成長率で注目を集める「GitHub」（ギットハブ）。2008年4月の一般公開から5年足らずで利用者数が300万人を突破（2013年1月中旬）した。これはソフトウェア開発者向けサービスというニッチ市場では破竹の勢いといっていい。2012年7月には有力ベンチャーキャピタリスト、アンドリーセン・ホロウィッツを中心に1億ドル（約91億円）という大きな投資を受けて注目を集めた。 GitHubがローンチした時点で、すでに同類のサービスは多くあったが、過去5年を見れば、一人勝ちといっていい勢いだ。この強さの秘密は何なのか？ 来日中のGitHub共同創業者らに話を聞いた。 Googleトレンドを使って、「github」「gitorious」「bitbucket」「sourceforge」「codeplex」を検索ボリュームの推移を比較した。青線のGitHubが類似サー
静的サイトジェネレータ一覧 | サイト運営の私的メモ
はじめに 静的サイトジェネレータ は数多く存在し、機能や特徴も様々です。マイナーなものまで含めると紹介しきれないので、比較的有望と思われるソフトをピックアップしてみました。 選択基準としては.. 現在も開発が継続している。 ドキュメント類が充実している 使い易そう プラグイン、スターターキットなど関連プロジェクトが存在するとよい。 などです。 なお、有望と思われるツールを見つけたら随時追加していく予定です。 ruby サイトジェネレータは ruby か python で書かれている場合が多いですね。 どのソフトに人気があるかは Ruby Toolbox - Static Website Generation で一目瞭然。 GitHub で検索しても同様ですが、 jekyll の人気は圧倒的です。 名称/公式サイト入力フォーマット コメント
JSONのエスケープをどこまでやるか問題 - 葉っぱ日記
Ajaxなアプリケーションにおいて、サーバからJSONを返す場合に、JSON自体はvalidであるにも関わらず、(IEの都合で)エスケープが不足していて脆弱性につながってる場合があるので、書いておきます。 発生するかもしれない脆弱性 JSONのエスケープが不足している場合に発生する可能性のある脆弱性は以下の通りです。 JSON内に含まれる機密情報の漏えい XSS それぞれの詳細については後述します。 開発側でやるべきこと 文字列中のUnicode文字は "\uXXXX" な形式にエスケープするとともに、ASCIIな範囲であっても「/」「<」「>」「+」も同様にエスケープすることにより、前述の脆弱性を防ぐことができます。 Perlであれば、以下のような感じになります。JSON->ascii(1) に続けて、JSON文字列を正規表現で置換しているあたりがキモになります。 use utf8; u
WordPressのブログをherokuで立ち上げて、何かメリットあるの？ | mah365
blog.mah-lab.comはWordPressに移行した上に、現在みんな大好きherokuで運用しております。 「なんでわざわざherokuなんかで運用するんですか？ マゾなんですか？」 いえいえ、ライトに立ち上げるなら、わざわざVPSなんて借りなくてもいいんですよ！ herokuで立ち上げるメリットは、たくさんあるんです。なんといっても、無料だしね。 以下のような人に多大なメリットがあります。 無料で運用したい。 FTPなんて前時代的なものは使いたくない。git push heroku masterとか、コマンド一発でリリースしたい。 WebサーバやMySQLの面倒を自分で見たくない。誰か代わりに運用して！ ものすごい負荷が来たときでも（金さえ払えば）落ちないようにしたい。 無料で運用したい。 herokuは無料からはじめられます。上手くいくかどうか分からないものを、お金を払っては
WEBプログラマの私が開発現場で学んだSEOを一挙公開！ - 文系プログラマによるTIPSブログ
2014-05-22 WEBプログラマの私が開発現場で学んだSEOを一挙公開！ SEO 誰もが悩むSEOですが、私が沢山のWEBサイトを開発してきた中で、これさえ対応すればSEOは問題無いよ！というものをまとめたので、公開してみようと思います。SEOは Search Engine Optimize の略で、言葉通り検索エンジンに対する最適化です。決してユーザビリティの向上等、ユーザへの施策では無い事を理解しましょう。（プログラマーなら）最低限SEOをやっておくべきであり、その後にマーケティングやユーザビリティ向上を目指しましょう。 では早速見ていきます。 ちょっと長いですが、頑張っていきましょう！！ ■ htmlタグ titleタグ 対応しないとどうなるか titleタグが無い場合や「無題ドキュメント」等となっている場合、検索エンジンが頑張って自動的にタイトルを表示してくれます。すると
カード決済代行会社PayPal、WebPay、Yahoo!ウォレットFastPay、SPIKEを比較してみた｜TechRacho by BPS株式会社
2014.05.19 カード決済代行会社PayPal、WebPay、Yahoo!ウォレットFastPay、SPIKEを比較してみた morimorihogeです。E5は危なげなくクリアしました。3重キラ付け作業が面倒だったくらいで資材的には大したことなかったですね。 ECサイト開発などでは避けては通れないクレジットカード決済対応ですが、ここ数年で急にかなり手数料の安いサービスが出てきました。 具体的には、数年前までであればクレジットカード決済を対応させようとすると初期費用で数万円〜数十万円、月額固定費用で数万円、さらに決済手数料を売上金額の5%前後取られるのが普通だったのですが、最近は3%台や手数料無料のサービスが出てきています。 この記事では日本国内で利用可能なPayPal、WebPay、Yahoo!ウォレットFastPay、SPIKEを比較してみました。 ※14/05/26 22:30
『タイムスクープハンター』に対するツイッターのデマを、1年ごしで保守速報が拡散する - 法華狼の日記
NHK総合で放映している『タイムスクープハンター』は、未来人がレポートと撮影をおこなっているという体裁で、名も無き人々の歴史を映像化したフェイクドキュメンタリー番組だ。 TSH 当時の髪型を俳優の地毛で再現し、江戸時代の既婚女性はお歯黒をし、戦闘シーンでは手ぶれカメラを多用して、低予算を逆手にとったリアリティを作りあげている。描写に過剰性を感じる時もあるが、独特の作風は現在の歴史ドラマで類をみない。 そのような華麗なだけではない歴史を再現した番組に対して、汚い風景は韓国のものだという意味不明な批判があびせられている。 そもそも日本が過去から朝鮮半島からの文化を多く吸収しているのは歴史的な事実だ。しかし批判の内容を見ると、それ以前のデマにすぎない。 はじまりのツイートは2013年5月12日から存在し、まとめブログに転載されている。 同時期にいくつかのツイートがあるが*1、同日に先行して複数の
2014年のウェブシステムアーキテクチャ - stanaka's blog
(Monitoring Casual Talk in Kyotoで発表してきたので、ブログエントリにまとめ直しました) 2013年はインフラ周りの技術的な進化が大きく、いくつかのエポックメイキングな概念と実装が産まれました。個人的には特に以下の2つが大きいと思っています。 AWSの本格普及期 DockerとImmutable Infrastructure これらを踏まえて、2014年のウェブシステムの進化の方向性を考えてみます。また、それによるモニタリングへの影響もあわせて考えます。だいぶ長くなってしまったので、急ぐ人は最後に結論をまとめましたので、そちらからどうぞ! 2013年という時代背景 AWSが本格普及期を迎えているのは、言わずもがなのことで、Re:Inventでの246件という膨大のセッション数などにその勢いが表われています。 また、DockerはLXC (LinuX Conta
JR東日本 新潟支社：発車時刻案内板ライブカメラ
・映像を同時にご覧いただける人数には限りがあります。 アクセスが集中した場合、画像が表示されないことがあります。 表示されない場合は、しばらく時間を置いてから再度アクセスしていただくようお願いいたします。 ・約1分でウィンドウが閉じるようにしておりますが、お客さまのご利用環境によっては閉じないこともあります。 ご利用終了後はウィンドウを閉じていただくよう重ねてお願いいたします。
2014ブレイク確実！JavaベースのポータブルなWebフレームワーク Dropwizard - yojikのlog
最近Dropwizardというフレームワークが海外のJavaおよびJVMベース言語界隈で流行り始めている感しがします。 Thought Works Technology Reader でも Traialに入ってきています。 http://dropwizard.codahale.com/ このフレームワークはYammerのバックエンドWebサービスを提供するために作られたフレームワークで、アプリケーション開発者からみると、 JaxRSベースのREST提供フレームワーク ORM Jettyベースの組み込みWebサーバ Metricsを収集するためのライブラリ、管理ツール等 といった機能があります。 ここらへんまでは普通のフレームワークと基本的には違いが無く、むしろWebサービスに特化しているため物足りなく感じるのですが、特筆すべきは、このフレームワークが推奨するデプロイ・運用方法にあります。
バリデーション、エスケープ、フィルタリング、サニタイズのイメージ
バリデーション、エスケープ、フィルタリング、サニタイズの用語は分かりにくいので、イメージで説明します。 “><script>alert(‘xss’);</script> という入力文字列が、それぞれどうなるかを示します。 ※1 厳密な定義ではありません（要件や文脈により変化します） ※2 バリデーションという用語は非常に幅があります（ここの「名称補足」参照）。 ※3 サニタイズという用語は非常に幅があるで、使う場合は事前に語義を定義しましょう（参照）。
Resurrectio - CasperJS向けのテストコードをWebブラウザ上で生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました これでWebのUIテストが容易になりそうです。 WebアプリケーションのUI上のテストをするというのは大変です。そこでよく使われるのが操作を記録し、再現することでテストコードの大枠を生成してしまうという方法です。Seleniumでもそういった手法がよく使われています。 PhantomJSを使ったCasperJSというテストユーティリティがありますが、そのCasperJS向けのテストコードを生成してくれるのがResurrectoiです。 ResurrectoiはGoogle Chrome機能拡張としてインストールしますので、テストコードの作成が手軽です。 インストールするとアイコンが表示されますので、それをクリックします。 Resurrectioを使えばCasperJS向けのテストコ
JAX-RSはHTML Webアプリケーションを開発するのに充分なフレームワークであるか？ - AOEの日記
JavaEEでのWebアプリケーション開発フレームワークと言えばJSFですが、JSFはデスクトップGUIの開発スタイルに似せた、コンポーネントベース、イベントドリブンなフレームワークであるため、拒否反応を示す人も多いようです。 で、フロントコントローラー型のフレームワーク (StrutsやRuby on Railsなど) が必要な人への選択肢をJavaEEは提供していないのか？ ということになるのですが、JAX-RSがこの役割に向いているのではないかと言われています。 でも、基本的にRestful Webサービスを開発するためのJAX-RSがHTML Webアプリケーションの開発に本当に使えるのか、疑問に思っている人も多いと思います。 最近JAX-RSを使ってRestful Webサービスのみならず、HTMLを返却するWebアプリケーションの開発にも使ってみる機会があったので、そこで分かっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説 | Webデザイン、これからどうなるの？（全10回）
