「Google Chrome」を含む日記 RSS

はてなキーワード: Google Chromeとは

2019-02-15

[]2019年2月14日木曜日増田

時間記事文字数文字数平均文字数中央値
0010310805104.947
01849986118.944.5
02478887189.144
03395025128.886
04303615120.5131
05985595.035
06182352130.729
0731177557.335
0864573589.634.5
0910914370131.862
101841727293.952.5
1113113499103.047
121181046188.745
132011383868.833
14149990366.537
15108897283.132
1613114192108.342
171851618987.531
1814717527119.240
1995721375.939
201281083484.636
21132880866.730
2215817463110.550
231831349573.743
1日258424307194.140

頻出名詞 ()内の数字単語が含まれ記事

人(210), 自分(163), 今(99), 増田(97), 話(97), 前(76), 意味(70), 問題(70), 必要(67), 感じ(66), あと(63), チョコ(62), 普通(61), 仕事(60), 人間(56), 日本(56), 好き(53), 頭(51), ー(50), 男(46), 言葉(46), 子供(45), 差別(44), 会社(44), 関係(43), 女(43), 理由(42), 存在(41), 相手(41), ネトウヨ(40), 結婚(39), ゴミ(39), 時間(39), 金(39), 他(38), 無理(38), 気持ち(38), しない(37), 子(37), 気(36), 最近(35), レベル(35), 女性(34), ネット(34), おっさん(34), 名前(33), 今日(33), 全部(32), 最初(32), 別(32), 神(32), 昔(31), 理解(30), 世界(30), アニメ(29), デッサン(29), 嫌(29), ゲーム(29), 確か(29), 親(29), オタク(28), 人生(28), 逆(28), ワイ(28), バカ(28), ダメ(28), バレンタイン(27), 一人(27), 絶対(27), 一番(27), 結果(26), 結局(26), 程度(26), 可能性(26), 目(26), 元増田(26), 毎日(25), じゃなくて(25), 学校(24), 絵(24), 勝手(24), 時代(24), 馬鹿(24), セックス(24), 勉強(24), 周り(24), 全員(23), A(23), 誰か(23), 他人(23), 定義(22), 生活(22), 嫌い(22), 手(22), 場合(22), 侮辱(21), 正直(21), 時点(21), キャラ(21), 円周率(21)

頻出固有名詞 ()内の数字単語が含まれ記事

増田(97), 日本(56), ネトウヨ(40), ワイ(28), バレンタイン(27), 可能性(26), 元増田(26), じゃなくて(25), 円周率(21), 個人的(19), 基本的(17), いいんじゃない(17), わからん(15), キモ(13), いない(13), PM(12), アプリ(12), なんだろう(12), 中国(12), スマホ(12), マジで(12), 韓国メディア(11), 東京(11), 東大(11), キモい(11), ツイッター(11), 3人(10), 2D(10), 2019年(10), 腐女子(10), AM(10), w(10), PC(10), 3D(10), な!(10), 娘(10), なのか(9), 3DCG(9), A(9), ネトウヨ認定(9), 中学受験(9), 1人(9), yahoo(9), キチガイ(8), 数年(8), 分からん(8), お気持ち(8), OK(8), ブコメ(8), 暗証番号(8), にも(8), 毎日(8), 差別主義(8), 義理チョコ(8), アレ(8), ぶっちゃけ(8), 夫婦(8), 涙(8), ありません(8), IT(8), 知らんけど(8), スクショ(8), B(7), アメリカ(7), 昭和(7), ソシャゲ(7), ヤバい(7), wiki(7), hatena(7), 被害者(7), 価値観(7), 漫画家(7), ケムリクサ(7), 1時間(7), 韓国(7), トラバ(7), 沖縄(7), ビアンカ(7), ニコ動(7), ブログ(7), 何度(7), 生活保護(7), そうじゃない(7), twitter(7), どんだけ(7), 同性婚(7), ヘイトスピーチ(6), a(6), 主義者(6), るん(6), wikipedia(6), 社会的(6), E(6), 一緒に(6), ja(6), 上の(6), はてブ(6), 安倍(6), なんや(6), 朝日(6), 笑(6), プレイ(6), 婚活(6), ワロタ(6), ???(6), 嘘松(6)

本日の注目単語 ()内の数字単語が含まれ記事

始皇帝(5), トゥーンレンダリング(4), 韓国メディア(11), 義理チョコ(8), 円周率(21), セキュア(5), ゼロベース(4), 手描き(6), 広東語(3), ラインハット(3), ミドルネーム(3), チョコ(62), バレンタイン(27), ブロッキング(11), 侮辱(21), スクショ(8), 公立(14), そうじゃない(7), xevra(7), 人体(8), ニコ動(7), 3D(10), 私立(15), 受け取っ(12), キリスト教(8), ヘイトスピーチ(6), 塾(9), 中学(17), 神(32), ネトウヨ(40), 違法(13), 3人(10), 描く(13), 風邪(9), 覚える(11), 政権(9), 完成(8)

頻出トラックバック先(簡易)

トゥーンレンダリング3DCGアニメってぶっちゃけもうダメだよな? /20190214110242(20), ■バレンタインにおける女子集団醜悪さに怒り狂うOLの手記 /20190214160107(19), ■ /20190212122924(18), ■かわんごはなぜ嫌われたのか /20190213192103(18), ■1番エロい諺は? /20190212104740(17), ■本物の神が現れたら人類はどうなるの? /20190214144735(15), ■円周率必死に覚える小学生 /20190213201730(14), ■外を歩くとき自分の通るライン意識してますか? /20190213172631(9), ■娘の星座 /20190214173149(9), ■塾に行かせる金がないか地元公立 /20190214172241(9), ■眼鏡買ってきた! /20190214155238(8), ■ /20190214185452(7), ■今じゃ完全にアウトなテレビ企画を教えてくれ /20190214150242(7), ■DQが5ベースアニメ映画化だそうだが /20190214103518(6), ■連携ミスで高額チョコを配った /20190214192717(6), ■ミドルネームほしくね? /20190214133942(6), ■妻の記憶改ざんがひどい /20190214001618(6), (タイトル不明) /20100213112412(6), ■今年40になるキモ金だけど /20190214193622(5), ■Google Chromeに詳しい人はいかい? /20190214195535(5), ■今のオタクって何で抜いてるの? /20190214222847(5), ■カレー代がヤバい /20190214222123(5), ■どうなの? /20190214014244(5), ■君ら電子レンジへの感謝が足りない /20190213235313(5), ■ぼく「アレクサ、だっこちて…」 /20190214172450(5), ■「声優のM・A・O若手最強」説 /20190214135707(5), ■3DCG映画ドラクエ5」に採用必須イベント /20190214124555(5), ■「私の漫画って下手くそだし、つまらないですよね…」←ウザい。嫌い /20190214022453(5)

増田合計ブックマーク数 ()内の数字は1日の増減

6029837(3259)

2019-02-14

Google Chromeに詳しい人はいかい

ブックマークIEのように左側で固定した状態で使えるプラグインが欲しいんだけれど

一向に見つからない。

ブックマークサイドバーっていうのが該当するかと思ったら、いちいちクリックして表示

されなきゃいけないのが非常に使い辛い。

だけど、左側に常時表示しておけるようなツールバープラグインが見つからない。

検索すると、ブックマークをタブで固定するとかそんな記事ばかり見かけるがそんなことを

したいわけではない。

なぜ、IEのように左側に固定していつも見られるようにしないのか理解に苦しむ。

なので、IEのように左側にブックマークを常時表示できるプラグインを知っている人がいたらぜひ教えて欲しい。

2019-02-13

anond:20190213185217

google Chromeとかのブラウザで開きっぱなしだけど?

何故いちいち検索するの?

2019-01-29

Internet Explorerを使うのをやめることにした

使っていた理由が左のお気に入りバーが好きだったからというのがあるんだけれど

どのWebサイト見ても遅いと感じるようになった。

これをGoogle Chromeに変更したところ、かなり高速化されてフリーズすることも激減したので今更だがこちらを使うことにした

お気に入りの使い方だけまだ慣れないので大変だがそのうち慣れるだろう

(Internet Explorerみたいに左側に表示するプラグインがあれば最高なんだが)

2019-01-26

anond:20190126030432

Google Chrome動画再生画面を開いてF12を押しネットワークタブに移動。動画再生ボタンを押すとなにやら表示されるので新しいタブで開いてCtrl+S。

2019-01-20

anond:20190120131335

いや、本当に元増田と同じ事象が起きましたよ。

でも今見たら何も問題がなかった。

なんだったんでしょうか。

ちなみにwindowwsでgoogle chromeを使っています

2019-01-19

anond:20190119192518

ブラウザによるのかな?

Firefox 65.0b12だけど飛ばない。

Google Chrome バージョン: 71.0.3578.98も飛ばない。

2018-10-31

増田プログラマー養成講座 その14 Webアプリの試作品作成

前回は、SQL文法を学びました。

今回は、データベースを使ったWebアプリ制作を通じて、SQLの使い方を確認してみましょう。

 

Webアプリとは?

WebブラウザーGoogle Chromeなど)で動作するアプリのこと。

ウェブアプリケーションWeb application)は、インターネット(もしくはイントラネット)などのネットワークを介して使用するアプリケーションソフトウェアである

多くの場合、これらのアプリケーションは、Webブラウザ上で動作するプログラミング言語(たとえばJavaScript)によるプログラムWebサーバ側のプログラム協調することによって動作し、ユーザはそれをWebブラウザ上で使用する。

 

準備

Windowsパソコンを使ってたら、「XAMPP」を使ってすぐにWebアプリを試作できる。

以前の講座(その6、その9)を参考にして、XAMPPCodeIgniterを用意しておこう。

 

Webアプリ制作の流れ

最近アプリの作り方は、「デザインスプリント」と呼ばれる方法流行ってます。本やネット情報がたくさんあるので調べてみよう。

 

ざっくりと、以下のような流れです。

  1. アイデア企画)を出す。
  2. アイデアを基に、ペーパープロトタイプ(紙の試作品)を作る。=アナログの試作品ノートなどにアプリの完成予想図、画面などを描く。
  3. ペーパープロトタイプを基に、動くモック(ハリボテ)を作る。=デジタルの試作品
  4. モック画面を基に、実際のプログラム作成して、アプリを完成させる。
  5. 完成したアプリを改良していく。

それでは順番にやってみよう。

 

アイデア

以前にデータベース練習をしたとき、「後で簡単チャット(おしゃべり)ができるWebアプリ作ってみたいと思う。」と言ったので、今回のアイデアは「チャットを作る」にしよう。

 

ペーパープロトタイプ

チャット必要な画面は3つある。

  1. トップページの画面(新規投稿投稿一覧がある)
  2. 投稿更新する画面
  3. 投稿を削除する画面

ノートなどに描いて画面をデザインしてみよう。

 

モック

Webページを作るには、HTMLCSS知識必要だ。HTMLCSSを使ったことがなければ、本やネット情報勉強してみよう。

今回はCSSを使わずに、HTMLだけでシンプルWebページを作ってみよう。(練習から余計なもの無駄を省きたい。)

 

Webページ制作ツール

ブラウザーテキストエディター(またはIDE)が必要です。

特にこだわりがなければ、Microsoftの「Visual Studio Code」という無料IDE統合開発環境)を使ってみよう。

インストール方法や使い方、メニュー日本語化のやり方は、検索して調べてみよう。

 

フォルダを作る。

デスクトップに「mock」というフォルダを作る。

 

ファイルを作る。

「mock」フォルダの中に

  1. index.html」 (トップページの画面)
  2. 「edit.html」 (投稿更新する画面)
  3. delete.html」(投稿を削除する画面)

という3つのファイルを作る。

テキストエディターで保存するとき文字コードを「UTF-8」にしておく。

 

ファイルの中身を編集する。

index.htmlファイルエディターやIDEで開き、以下のような内容に編集して保存します。(コピペする場合、行頭の字下げ(インデント)の全角スペースを半角スペースに置換して下さい。)

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

  <title>増田チャット</title>

 </head>

 <body>

  <h1>増田チャット</h1>

  <h2>新規投稿</h2>

  <form>

   <label>メッセージ</label>

   <input type="text" name="message">

   <button>投稿する</button>

  </form>

  <h2>投稿一覧</h2>

  <table border="1" cellpadding="5" cellspacing="0" bordercolor="#CCCCFF">

   <tr>

    <th>No.</th>

    <th>投稿日時</th>

    <th>メッセージ</th>

    <th>編集</th>

    <th>削除</th>

   </tr>

   <tr>

    <td>3</td>

    <td>2018-10-20 12:34:56</td>

    <td>Webアプリを作ってみる!</td>

    <td><a href="edit.html">編集</a></td>

    <td><a href="delete.html">削除</a></td>

   </tr>

   <tr>

    <td>2</td>

    <td>2018-09-10 22:33:44</td>

    <td>今日からプログラミングを勉強します。</td>

    <td>編集</td>

    <td>削除</td>

   </tr>

   <tr>

    <td>1</td>

    <td>2018-08-01 11:22:33</td>

    <td>こんにちは!</td>

    <td>編集</td>

    <td>削除</td>

   </tr>

  </table>

 </body>

</html>

 

「edit.htmlファイルエディターやIDEで開き、以下のような内容に編集して保存します。(コピペする場合、行頭の字下げ(インデント)の全角スペースを半角スペースに置換して下さい。)

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

  <title>増田チャット</title>

 </head>

 <body>

  <h1>増田チャット</h1>

  <h2>編集</h2>

  <p>メッセージを変更して「更新する」ボタンを押してください。</p>

  <form>

   <label>メッセージ</label>

   <input type="text" name="message" value="Webアプリを作ってみる!">

   <button>更新する</button>

  </form>

  <p><a href="index.html">戻る</a></p>

 </body>

</html>

 

delete.htmlファイルエディターやIDEで開き、以下のような内容に編集して保存します。(コピペする場合、行頭の字下げ(インデント)の全角スペースを半角スペースに置換して下さい。)

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

  <title>増田チャット</title>

 </head>

 <body>

  <h1>増田チャット</h1>

  <h2>削除</h2>

  <p>以下のメッセージを削除しますか?</p>

  <form>

   <p style="background-color:lightpink">Webアプリを作ってみる!</p>

   <button>削除する</button>

  </form>

  <p><a href="index.html">戻る</a></p>

 </body>

</html>

 

以上でモックWebページ(HTMLファイル)ができました。

Webブラウザーで「index.html」を開いてください。「編集」や「削除」、「戻る」をクリックして、チャットの画面を確認してください。

 

モックを作ってからWebサイトを作る方法

実務では「仕様書」という書類を大量に作る場合もありますが、時間と労力の無駄になっている場合が多々あります。(紙の仕様書はあまり使われる機会がない)

紙の仕様書アナログ)の代わりに、モック仕様書デジタル)として使うと、その後の段階がスムーズになります

どうしても紙でなければ困る場合以外は、モックをそのまま仕様書として使ってみましょう。

 

プロトタイプ作成ツール

モック(動くハリボテ)を作るための便利なツールがいろいろあります

 

 

 

ちょっと長くなったので、モックを基に機能実装プログラミング)するのは次回にしましょう。

 


anond:20181015215004 未経験からプログラマーなんだが全然からない

anond:20181016015826 増田プログラマー養成講座 その1 パソコンの用意

anond:20181016164341 増田プログラマー養成講座 その2 プログラムデータ+処理、プログラム言語の種類

anond:20181016180059 増田プログラマー養成講座 その3 構造プログラミングの基本(順次、反復、分岐

anond:20181016193144 増田プログラマー養成講座 その4 子ども向け教材「Scratch」で構造プログラミングの練習

anond:20181017161003 増田プログラマー養成講座 その5 オブジェクトとは何か?

anond:20181017191404 増田プログラマー養成講座 その6 OOPの種類、PHPの準備

anond:20181019181549 増田プログラマー養成講座 その7 OOPの仕組み(前半)

anond:20181020230044 増田プログラマー養成講座 その8 OOPの仕組み(後半)

anond:20181022232327 増田プログラマー養成講座 その9 MVCフレームワークを使ってみよう

anond:20181023184616 増田プログラマー養成講座 その10 OOP参考書

anond:20181024214133 増田プログラマー養成講座 その11 データベースを使ってみよう

anond:20181026145516 増田プログラマー養成講座 その12 データベース参考書

anond:20181028152656 増田プログラマー養成講座 その13 SQL文法

anond:20181031014212 増田プログラマー養成講座 その14 Webアプリの試作品作成 ←★今ここ★

anond:20181101225335 増田プログラマー養成講座 その15 Webアプリの完成見本

anond:20181024214737 増田プログラマー養成講座 コンテンツ一覧

2018-10-24

増田プログラマー養成講座 その11 データベースを使ってみよう

前回まで手続言語の基本(構造プログラミングオブジェクト指向プログラミング)を見てきた。

今回から問合型言語SQLを学び、データベースDB)を使ってみよう。

 

データベースとは?

大量のデータを記録して、活用するために特化したソフトウェアが「データベース」だ。

データベースには、いろんな種類があるけど、今回学ぶのは「リレーショナル・データベース」(RDB)だ。

 

データベースの利点

データベースがなかった時代の人々は、大量のデータを扱うのに苦労していた。

データベース活用すれば、人間は脳の記憶力を補完して、膨大な知識を扱うことができるようになる。

キミも今日からデータベース活用して、記憶力を100億倍にしよう!ドラえもんの暗記パンなんて目じゃないぜ!!!

 

勉強方針

 

MySQLの起動

MySQL無料で使えるRDBです。MySQLデータベース練習をやってみよう。

それではさっそく、以前インストールしたXAMPPで、MySQLを使ってみよう。

 

  1. xamppフォルダの中にある「xampp-control.exe」をダブルクリックしてください。
  2. XAMPP Control Panel」が表示されたら、一番上の「Apache」と次の「MySQL」の「Start」ボタンクリックします。

Port(s)が「80,443」「3306」と表示されたら、PHPMySQLが使える状態になってます

 

phpMyAdminの起動

Webブラウザー(Google Chromeなど)で、「 http://localhost/phpmyadmin/ 」というURLを開く。

phpMyAdmin」という画面が出てきたらOK

 

phpMyAdminとは?

phpMyAdmin」は、MySQL管理するツールです。

phpMyAdmin」で検索したら、使い方を紹介する記事が、たくさん見つかります

 

phpMyAdmin(ピーエイピーマイアドミン)はMySQLサーバーウェブブラウザ管理するためのデータベース接続クライアントツールで、PHP実装されている。

phpMyAdminを用いることで、SQL文を記述することなく、MySQLデータベースに対して様々な操作が行える。

また、ユーザ任意SQL文を記述して実行することもできる。

 

phpMyAdminの使い方解説ページ

検索したら、こんなのがありました。

 

データベース作成

それでは練習で使うデータベースを1個作ってみよう。

後で簡単チャット(おしゃべり)ができるWebアプリ作ってみたいと思う。(Twitterをショボくしたシステムw)

チャット用のデータベースとして「chat」という名前データベースを作ろう。

 

これで「chat」という空のデータベースが1個できた。

 

テーブル作成

RDBの「テーブル」とは、データを保存する表のこと。

「chat」データベースの中に、テーブルを1個作ってみよう。

 

すると「名前」「データ型」「長さ/値」「デフォルト値」…などの空欄がたくさん並んだ画面が表示されただろう。

4段ある上から順番に、以下の通り入力してくれ。

これでテーブル構造を設定することができた。

これら4段の下にある「ストレージエンジン:」欄は「InnoDB」にしておく。

ここまで入力したら、画面右下にある「SQLプレビュー」というボタンクリックしてみよう。

すると、

CREATE TABLE `chat`.`message` (

 `id` INT NOT NULL AUTO_INCREMENT ,

 `create_at` DATETIME NOT NULL ,

 `update_at` TIMESTAMP on update CURRENT_TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ,

 `message` TEXT NOT NULL ,

 PRIMARY KEY (`id`)

) ENGINE = InnoDB;

というSQL文が表示されただろう。

これが「SQL」というデータベース操作するプログラミング言語の書き方なんだ。

今はツールを使って自動的SQL文を作成したが、SQL文法を学べば、自分で書けるようになる。

とりあえず、今はphpMyAdminでMySQL簡単操作してみよう。

 

すると、画面左側のデータベース一覧で、「chat」の下に「message」というテーブルが表示されるようになっただろう。

これでテーブル作成ができた。

 

データ作成

データベースと、その中のテーブル(表)を作ったけど、まだデータが入ってないので空のままだ。

phpMyAdminでデータを1件、追加してみよう。

すると、

INSERT INTO `message` (`id`, `create_at`, `update_at`, `message`) VALUES (NULL, '2018-10-24 12:34:56', CURRENT_TIMESTAMP, 'Hello, world!')

というSQL文が表示されただろう。

これがデータ操作するSQL文の一例だ。これも後でSQL文法を学んでみよう。

これでデータが1件追加できた。

 

こんなかんじで、とりあえず、phpMyAdminでMySQLをいろいろいじって練習してみよう。

 

まとめ

 

次回以降の予定は、

  1. データベース参考書を紹介
  2. SQL文法
  3. データベース設計方法
  4. データベースを使ったWebアプリ作成
  5. データベース理論

といったかんじです。

 


anond:20181015215004 未経験からプログラマーなんだが全然からない

anond:20181016015826 増田プログラマー養成講座 その1 パソコンの用意

anond:20181016164341 増田プログラマー養成講座 その2 プログラムデータ+処理、プログラム言語の種類

anond:20181016180059 増田プログラマー養成講座 その3 構造プログラミングの基本(順次、反復、分岐

anond:20181016193144 増田プログラマー養成講座 その4 子ども向け教材「Scratch」で構造プログラミング練習

anond:20181017161003 増田プログラマー養成講座 その5 オブジェクトとは何か?

anond:20181017191404 増田プログラマー養成講座 その6 OOPの種類、PHPの準備

anond:20181019181549 増田プログラマー養成講座 その7 OOPの仕組み(前半)

anond:20181020230044 増田プログラマー養成講座 その8 OOPの仕組み(後半)

anond:20181022232327 増田プログラマー養成講座 その9 MVCフレームワークを使ってみよう

anond:20181023184616 増田プログラマー養成講座 その10 OOP参考書

anond:20181024214133 増田プログラマー養成講座 その11 データベースを使ってみよう ←★今ここ★

anond:20181026145516 増田プログラマー養成講座 その12 データベース参考書

anond:20181024214737 増田プログラマー養成講座 コンテンツ一覧

2018-10-22

増田プログラマー養成講座 その9 MVCフレームワーク

前回はオブジェクト指向プログラミングOOP)で使う様々な仕組みについて学びました。

今回はOOPWebアプリを作ってみよう!

 

今日学ぶこと

 

OOPの使いどころ

OOP文法を学んだ後、OOP長所が発揮される場面をどうやって説明したらいいのか?を考えてみた。

横田意見を参考にして、「フレームワーク」を使って、OOPの使い方を見てみよう。

 

フレームワークとは?

framework →「枠組み」「骨組み」「構造」などという意味英語

システム開発で使われる「フレームワーク」とは、よく使われる機能のパーツを用意して、まとめて1つのパッケージにしたプログラム群のことだ。

 

イメージとしては、いろんなおかずが入ってる豪華な幕の内弁当のようなものだ。

ただし、ご飯のマスだけが空になっていて、プログラマー自分ご飯を用意しないと、弁当としては完成していない形になってる。

普通の白いご飯を作って追加しても良いし、好みや必要に応じて、炊き込みご飯やまぜご飯を作って追加しても良い。

ゼロから豪華な幕の内弁当を作るのは大変だけど、ご飯だけ用意すれば完成するので楽ができる。

 

プログラムの開発でフレームワークを使うと、プログラマー必要最小限のコードを書くだけでアプリを完成させられるので楽ができる。

 

ライブラリーフレームワークの違い

フレームワーク」と似た用語で「ライブラリー」という用語がある。

イメージとしては、ライブラリーは、ばら売りのおかずだ。

弁当を作るときに使いたいおかず(ライブラリー)を自分で考えて探し出し、選ばないといけない。

フレームワーク最初からおかずが全部用意されているので、自分でわざわざ選ばなくてもOK

 

プログラム動作で見た場合フレームワークライブラリーでは決定的な違いがある。

↑このページの「図1●フレームワークにおける制御の反転」という図解を見てみよう。

制御の反転」(Inversion of Control、IoC)といって、自分の書いたコードが主役から脇役になってる点が違う。

 

(主役と脇役という説明は適切ではないかもしれないけど、イメージとしてはそんなかんじ?)

 

MVCフレームワークとは?

フレームワークはいろんな機能全部入りで、こいつを使えば、ちょっとコードを書くだけで、高機能アプリがすぐに作れる。

ここでは「MVCパターン」という仕組みで作られた「MVCフレームワーク」を使ってみよう。

 

MVCは「Model」「View」「Controller」の略で、MとVとCの3つを自分で用意すれば、アプリが作れちゃう仕組みだ。

MVC歴史は古くて、GUI(Graphical User Interfaceグラフィカルユーザインタフェース)を作る方法定番だ。

→「MVC 仕組み」でGoogle画像検索すると、分かりやすい図解がいろいろ出てくる。

 

(参考)

Wikipedia説明は、文章学術的で難しいけど、正確な説明になってると思う。

↑このページの「MVC概要」という図が、MVCの仕組み=動作の流れを分かりやす説明してる。

 

MVCの仲間たち

MVCパターンと似たような仕組みが、他にもいろいろある。

 

こういうプログラム設計に関するノウハウは、「アーキテクチャー・パターン」という分野に蓄積されている。詳細はGoogle検索してみよう。

 

WAF(Web Application Framework

Webアプリを作るときに使われるMVCフレームワークには、いろいろある。

WAFを使うと、Webアプリが手軽に作れる。

 

有名なものとして、

などが挙げられる。

 

PHPOOP学習しているので、ここではPHPのWAFの1つであるCodeIgniter」を使ってみよう。

 

CodeIgniterコードイグナイター)

CodeIgniterは使い方がシンプルで、覚えるルールが少ないので教材に向いているだろう。

それでは、CodeIgniterを使ってみよう。

 

準備

↑このページの「Downloadから「3.1.9.zip」という圧縮ファイルダウンロードする。(2018年10月現在バージョン3.1.9でした)

 

ダウンロードしたファイル解凍して、「CodeIgniter-3.1.9」というフォルダが出てきたら、「waf」という名前に変えよう。(「waf」はWeb Application Frameworkの略。)

今「waf」フォルダの中には、「index.php」というファイルや、「application」「system」などフォルダがあるね?

この「waf」フォルダを以前用意したXAMPPの中にコピーする。(参照:anond:20181017191404 増田プログラマー養成講座 その6 OOPの種類、PHPの準備)

=「C:\xampp\htdocs」(Cドライブの中の「xampp」の中の「htdocs」というフォルダ)の中に「waf」をコピーして下さい。

=「C:\xampp\htdocs\waf」という位置コピーできたらOK

 

動作チェック

これで「Welcome to CodeIgniter!」というWebページが表示されたら、CodeIgniter動作確認OKです。

 

CodeIngiterの設定

$config['base_url'] = 'http://localhost/waf/';

 

Webアプリ作成

それでは「Hello, world!」と表示させるシンプルWebアプリを作ってみよう。

 

MVC「C」作成する。

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

 

class Hello extends CI_Controller {

 public function index()

 {

  $this->load->view('hello_index');

 }

}

ここで注目して欲しいのは、「class Hello extends CI_Controller」という部分です。

フレームワークが用意している「CI_Controller」というクラス継承して、自分で「Hello」というクラスオブジェクト設計図)を作っている、という点です。

ここでOOPの仕組み~継承を使ってるわけですね。

 

MVCの「V」を作成する。

次に、

<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>

<!DOCTYPE html>

<html>

<head>

 <meta charset="utf-8">

 <title>Test</title>

</head>

<body>

 <p>Hello, world!</p>

</body>

</html>

 

これでWebアプリができました!

今回は簡単なので、MVC「M」は用意しませんでした。(CとVだけで完成)

 

Webアプリ動作確認

Webブラウザーで「http://localhost/waf/index.php/hello」というURLアクセスして下さい。

画面に「Hello, world!」と表示されたら、Webアプリ作成成功です!

 

Hello, world!」の表示だけではショボ過ぎるけど、Webフレームワークを使えばもっといろいろな機能が作れます

詳細は、CodeIgniterマニュアルを参照して下さい。

↑このページで「ユーザガイド(日本語)」を読んでみて下さい。

 

まとめ

 

次回は、OOP理解を深めるための参考書を紹介してみます

 

Webアプリを作るときデータベースがないと不便なので、次の次ぐらいにSQLを学ぼう。

MySQLデータベース)を使えば、掲示板などのWebアプリも作れるようになります

 


anond:20181015215004 未経験からプログラマーなんだが全然からない

anond:20181016015826 増田プログラマー養成講座 その1 パソコンの用意

anond:20181016164341 増田プログラマー養成講座 その2 プログラムデータ+処理、プログラム言語の種類

anond:20181016180059 増田プログラマー養成講座 その3 構造プログラミングの基本(順次、反復、分岐

anond:20181016193144 増田プログラマー養成講座 その4 子ども向け教材「Scratch」で構造プログラミング練習

anond:20181017161003 増田プログラマー養成講座 その5 オブジェクトとは何か?

anond:20181017191404 増田プログラマー養成講座 その6 OOPの種類、PHPの準備

anond:20181019181549 増田プログラマー養成講座 その7 OOPの仕組み(前半)

anond:20181020230044 増田プログラマー養成講座 その8 OOPの仕組み(後半)

anond:20181022232327 増田プログラマー養成講座 その9 MVCフレームワークを使ってみよう ←★今ここ★

anond:20181023184616 増田プログラマー養成講座 その10 OOP参考書

anond:20181024214737 増田プログラマー養成講座 コンテンツ一覧

2018-10-17

増田プログラマー養成講座 その6 OOPの種類、PHPの準備

前回は、オブジェクト説明をした。

今回は、オブジェクトの使い方=オブジェクト指向プログラミングOOP)を学ぼう。

 

OOPの種類

オブジェクト指向プログラミングには、

  1. クラスベースJavaC++など)
  2. プロトタイプベースJavaScript、Ioなど)

などの分類があります

ここではクラスベースOOPを取り上げる。学習時間を短縮するために、Javaよりも簡単PHPOOPの基本を勉強してみよう。

 

PHPとは?

PHP (プログラミング言語) - Webページ作成のために用いられることの多い汎用プログラミング言語一種

PHPは誰でも手軽に使えるように工夫された、軽量なプログラム言語です。

 

PHPの準備

WindowsパソコンPHPを使うために、XAMPPというソフト無料)をインストールしよう。

 

XAMPPはいくつかバージョンがあるけど、ここではUSBメモリに保存できる「ポータブル」を使ってみよう。

↑このページにある「xampp-portable-win32-7.2.10-0-VC15.zip」をダウンロードして、ZIPファイルを展開します。

解凍して出てきた「xampp」をCドライブ直下コピーしてください。

これでPHPの実行環境XAMPP)の準備は完了です。

 

XAMPPの起動

Port(s)が「80,443」と表示されたら、XAMPP上のApacheWebサーバーソフト)が起動して、PHPが使える状態になってます

Apacheを止めるときは、「Stop」ボタンクリックします。)

 

PHPスクリプト作成

phpとは - はてなキーワード http://d.hatena.ne.jp/keyword/php

↓こんなかんじのサンプルコードがあるよね。

<?php

print("Hello, world!");

?>

プログラムソースコード増田に直接書くと、エスケープされて違う文字になるので、上の例では一部文字を置き換えてある。)

上記の表示の中で、全角文字の不等号「<」「>」を半角文字の不等号に置き換えて下さい。)

増田プログラムコード貼付けられないのか。不便だな!)

以上で、PHPプログラミングの準備と動作確認ができた。

 

PHPの基本文法

PHPの教材は、本やネット上の記事動画などたくさんある。自分で分かりやすものを探して読んでみよう。

ここではドットインストールPHP入門を参考にしてみよう。

 

3分程度の動画が30個=90分。最初は内容を理解できなくてもいいから、とりあえず全部一通り見てみよう。(1巡目は雰囲気だけつかめOK

 

「つまづきノート」の作成

2巡目以降は分からないことがあったらノート等にメモして、後で1つずつ解明していこう。

著者あとがき

 

私はGitを学ぶのに、実はとても苦労しました。それと同時に、「きっと同じように困っている人が他にもたくさんいるはずだ」と考えました。「理解するのに数日かかることを、短い時間でパパッと学べるコンテンツを作りたい」そう思いつき、「マンガでわかるGit 第1話」個人サイトにて公開したところ、いきなり、はてなブックマークで800ブックマークされました。

 

“つまづきポイント”を先回りするために

私は、Gitを使い始めて以降、わからないことがあったら「つまづいたこノート」に書いてきました。なお、本書の執筆にあたっても、日々勉強しながら解説を書くという形でした。わかばちゃんが「なんでこうなるの?」と疑問に思う部分は、私が過去につまづいた部分です。

 

ドットインストール PHP入門
(1) PHP利用の準備

 

(2) 構造プログラミングの基礎知識

 

(3) オブジェクト指向プログラミングの基礎知識

 

(4) その他、Webサイト作成一般的知識

 

(今回は、PHPの準備、PHPの基本文法理解までで終わってしまったorz

URLリンク10個以上貼ると、日記が書き込めないみたいなので、増田では記事を分割せざるを得ない。)

次回は、OOP関係している内容(#18~#24)を一緒に確認してみよう。

 


anond:20181015215004 未経験からプログラマーなんだが全然からない

anond:20181016015826 増田プログラマー養成講座 その1 パソコンの用意

anond:20181016164341 増田プログラマー養成講座 その2 プログラムデータ+処理、プログラム言語の種類

anond:20181016180059 増田プログラマー養成講座 その3 構造プログラミングの基本(順次、反復、分岐

anond:20181016193144 増田プログラマー養成講座 その4 子ども向け教材「Scratch」で構造プログラミング練習

anond:20181017161003 増田プログラマー養成講座 その5 オブジェクトとは何か?

anond:20181017191404 増田プログラマー養成講座 その6 OOPの種類、PHPの準備 ←★今ここ★

anond:20181019181549 増田プログラマー養成講座 その7 OOPの仕組み(前半)

anond:20181020230044 増田プログラマー養成講座 その8 OOPの仕組み(後半)

anond:20181022232327 増田プログラマー養成講座 その9 MVCフレームワークを使ってみよう

anond:20181023184616 増田プログラマー養成講座 その10 OOP参考書

anond:20181024214737 増田プログラマー養成講座 コンテンツ一覧

2018-09-07

Internet ExplorerIE

FirefoxをなぜかFFと略す人はいるけど

Google ChromeGCと略す人って見かけないね

ゲームキューブと間違えやすいからかな

2018-09-06

Google Chrome 10周年らしい

10年前はブラウザ何を使ってた?

2018-06-20

後継者ボンボンが連れてきたお友達幹部

親族経営の卸しの会社なんだけど後継者がある日突然連れてきて幹部入社したお友達

入社してすぐ「これからIT時代です」と言い始めて、本社-支社・支社-支社間でのFAX全面禁止にし、取引先にもFAXからチャットツールへの移行をお願いする方針に変わったことで、その方針当初は電話が鳴り止まない事態になった

今まで使っていたMicrosoft Excelや社内ツールからGoogle Spreadsheetへの移行を宣言し、帳票出力などの方法が代わり、年配社員阿鼻叫喚することになった

現場が大混乱したことによって一部の年配社員退職すると言い始め、事態収集するために薄給若い社員給料そのままで、年配社員だけ給料をこっそり上げていた

斜陽産業であることが判っているのに祖業のWebマーケットを先に楽天市場Amazon進出されているのは手遅れすぎる」と言い始めて、取引先が無料で使えるWebマーケットを開設

当然、開設しても年寄り経営者の多いこの業界で直ぐに利用が進むはずもなく赤字を垂れ流し、利用して貰えても利用法についての問い合わせ電話が鳴り止まないという状態

友達のお友達会計士と組んでWebマーケットの売上などの即時確認できるようになっているけど、これまたWebからしか確認できないことに取引先は不満が爆発する

絶対こんな会社辞めてやる!と思ったのが3年前

開設当初地獄を見たWebマーケット業界の全売上のWeb部門では9割という独占状態となり、規模の小さな取引先では年間の売上の8割がWebマーケットから、規模の大きな取引先でも年間の売上の6割がWebマーケットからという状況となった

頑なにFAXを使い続けていた取引先もWebマーケット存在が大きくなりすぎてチャットツールを使うようになる始末

3年間、幹部自ら社内・社外問わずに足繁く新システム講習会を開いて、時には直接取引先に行って教えているようだった

しろ今では自分関係あることが直接飛んでくるチャットツールが便利すぎてメールソフトを起動するのが億劫と思うように

世間Internet Explorer脆弱性がどうのと騒がれている中で、3年前にGoogle Chromeになってた弊社はどこ吹く風

当然、弊社の売上も伸びて今までWindows XPを使わされていたのに、パソコンが最新のDELLノートパソコンMacBook選択できるように

それどころか外部からの問い合わせ対応するオペレーター部門に「座り仕事から」とアーロンチェアが設置された、その後全社員アーロンチェアになった

Webマーケットの売上が伸びる毎に新入社員が増えて3年前の1.5倍になり、今年4月には70歳定年が宣言された

そして今日ボンボンの親である弊社の社長たまたま雑談してたら「ボーナス楽しみにしてろよ」とドヤ顔される

Googleに5年間勤め上げたお友達幹部はやっぱり優秀だった

2018-05-15

anond:20180514175413

日本語/Japanese

Android (アンドロイド) の Smart Phone (スマートフォン) をお持ちのお客様が、パーソナルコンピューターと言ったら、絶対Microsoftさんと言えるようにするべきだと思います

まりMicrosoftさんが、Apple社IOSMACiPhoneに負けないようにすればいいと思います

からこそ、Microsoft Store について 思ったことは、Google Chrome のアプりケーション(インターネットブラウザ)を用意するべきだと思います

------------------------------------

英語/English

If the customer who has Smart Phone in Android (android) (smart phone) says a personal computer, I think I should make sure that it can be said by all means Mr. Microsoft.

In other words, Mr. Microsoft thinks you should decide not to be defeated by Apple company, IOS, MAC and iPhone.

I think Application in Google Chrome (the internet browser) should be prepared for that I thought about Microsoft Store .

2018-05-14

Microsoft Store について 思ったこと。 ( The thing of which I thought about Microsoft Store. )

( 日本語 / Japanase )

Microsoft Store について 思ったこと。

Microsoft Store について 思ったことは、Google Chrome のアプりケーション(インターネットブラウザ)を用意するべきだと思います

なぜなら、Android提携ができるからです。(スマートフォン。)

あとは、Google Chome は、世界共通アプリケーションからです。

-------------------------------

( 英語 / English )

The thing of which I thought about Microsoft Store.

I think application in Google Chrome (the internet browser) should be prepared for that I thought about Microsoft Store.

Because you can cooperate with an android. (Smart phone.)

The back is because Google Chome is worldwide application.

2018-04-29

増田自演発見するためのライフハック

1,Google Chrome及びChrome以外の任意Webブラウザはてな匿名ダイアリーを開く

2,Google Chromeに「あるIPから投稿非表示」にする拡張を入れる

3.他のブラウザでのタイムライン比較して、消えているもの自演とみなせる

4,誰が自演をしているかまではわからないが、少なくとも同一投稿であることは把握可能

2018-04-10

Google Chrome デスクトップ版の「同期」のダメな点

デスクトップPC(Windows10)で、Google Chrome(65.0.3325.181)を「ユーザー機能ウィンドウ右上のやつ)」で以下のように使い分けていたとする。

ここで新しいノートPCを買ったとして、このブラウザ環境をまるまる同期させようと思い、GoogleアカウントChromeログインする。

しかし、同期されるのは、ユーザー1のブックマークChromeの設定と、拡張機能インストールのみ)だけで、その他のユーザープロファイルは一切同期されない。それをやろうとすれば、なんと個別Googleアカウント必要なのである。アホらしい。

拡張の設定やデータが同期されないのが一番がっかりした。uBlock OriginフィルタやuMatrixのルール、TampermonkeyのユーザースクリプトStylishユーザーCSS、Session BuddyやOne Tabセッション履歴、その他キー拡張系の設定なども全く同期されない。単にインストールしてくれるだけに過ぎない。これじゃ同期の意味が薄い。

じゃあプロファイルフォルダを丸ごとコピーしてくればいいかというと、それも簡単ではない。ユーザー分けも拡張の設定も失わずコピーするためには、Chromeログイン後に、基本的な設定の書き戻しや拡張インストールがあらかた終わった段階でいったんChromeを終了し、"Secure Preferences"と"Preferences"いう2つのファイルを除いて、旧プロファイルを新プロファイルに上書きする必要がある。もちろん、この方法で完全復元できるのはユーザー1のみで、ユーザー2とユーザー3の設定や拡張はすべて一からやり直しである

ちなみに、2つのファイルもろとも上書きすると、

ブラウザ設定の一部が別のプログラムによって変更されていたため、元のデフォルト設定に戻しました。

と表示されて、拡張インストール含めてすべての設定が消えてしまう。(実際には拡張本体は残っているのだが、英数字乱数みたいなフォルダだらけで、復活させるのがとても面倒くさい)。

こういう使い方はそんなにマイナーなのだろうか?

2017-12-25

全文パクリサイト発信者情報開示請求して1000万円請求した話

 「ブログ文章画像をパクったサイトを作られた! しかもググったら私のブログより上に出てくる!」といった話を見聞きするようになった。

 細々とブログ運営している私には対岸の火事と思っていたのだが、先日、私のブログパクリ被害を受けた。そこで泣き寝入りせず、逃げ得させない方針で対抗し、ある程度、成功を収めたので、個人情報などはぼかしつつ、その経験を共有したい。

————————————————————————————————————

 私がパクリに気付いたのは、外出先で自分記事確認しようと、最新の記事タイトル検索した時のこと。検索一覧で、自分ブログのすぐ下に、見慣れない名前サイトが現れたのだ。「たまたま同じタイトル記事を書いた人がいるのかな?」と確認すると、文章画像も私のブログとまったく同じ。

 「パクられてる・・・

 血の気が引いた。パクリサイトを詳しく見ると、なぜか記事の筆者として私のIDが示されている。私のIDクリックすると、“私の記事一覧”なるページへ移動。そこには、これまで数カ月の私のブログパクリ記事が並んでいた。

 パクられていたのは私だけではない。パクリサイト最近投稿を見ると、数十もの異なったブログから記事をパクっていた。

 パクられているブログには共通点があった。それはブログ更新情報を伝える「RSS全文配信」という仕組みを使っているブログを利用していること。

 RSSブログなどを登録すると、記事更新があった時にすぐに伝えてもらえる仕組み。仕組み自体は便利なのだが、パクリサイトは伝えられた更新情報悪用し、即座に記事の内容をそのまま自動的パクリサイトにアップしていたのだ。「RSS全文配信」ではなく、「RSS一部配信」なら防げるのだが、例えば、このはてな匿名ダイアリーの親戚であるはてなブログではRSS全文配信しか選べないので、こうした被害を受けやすい。

 キュレーションサイト自称するそのパクリサイトには注意書きがあった。

 「リンクさせていただいた際には、運営者さまへご連絡させていただき、ご承諾いただいた上で当サイト運営しております。 万が一、こちらの不手際でご連絡差し上げておらず、ご承諾をいただいてないブログ運営者で、リンクを外してほしいとのご要望がございましたら、すみやかに誠心誠意対応させていただきますので、よろしくお願いいたします」

 何が“誠心誠意”だ、こんなパクリサイトへの転載を承諾しているわけがない。

 私と同じく記事をパクられていて、連絡先が分かった人に確認すると、やはり「まったく連絡はいただいておりません!」との返事がきた。つまり、この注意書きには、パクリ元に見つかったらミス言い逃れ第三者から通報も抑止しようという、悪質な意図が込められていることになる。

————————————————————————————————————

 どうすればいいのか。

 パクリサイトには問い合わせページが用意されていたので、そこから連絡し、私のブログをパクったページを削除させるのは簡単だろう。しかし、それではパクリサイト運営で得た収入をなくせるわけではないし、私以外からパクった記事も削除されない。

 そこでWELQ問題の際、パクられた写真の利用料(賠償金)を請求した例にならうことにした。パクリサイト運営者が今までに得た収入を上回る利用料をとれれば、パクリサイト運営する動機消滅するのではないかと。

参考:キュレーションメディアに写真をパクられたので請求書を送って、18万円支払ってもらった(https://www.photo-yatra.tokyo/blog/archives/11079

 パクリサイトは1日1万5000ページビュー自称しており、Google Adsense広告を利用していた。Google Adsenseだと収入はざっくりページビュー10分の1円ほど、つまり1日1500円の収入パクリサイト過去記事を見ると数年運営していたので、100万円以上得ていると推測した。

 問題パクリ行為100万円以上請求する根拠であるほとんどのブログと同様、私のブログも「記事をパクったら●万円!」「写真は●万円で販売中」などとは示していない。また、パクられた写真すべてが「自分が完全に著作権を持っている写真」と自信を持って言えるかという問題もある。例えば、肖像権が含まれ人物写真ロゴキャラクター商品写真サイトキャプチャーゲームの1シーン、マンガコマなどは難しい。

 そこで発想を転換することにした。今までパクられた記事の利用料をとるのではなく、確実に私に著作権がある有料写真を大量に含んだ記事作成し、それをパクらせた上で利用料をとればいいのではないか、と。

————————————————————————————————————

 さっそく外出して、公園や雲、植物など、権利侵害しない写真撮影。私が撮影した証拠にもなるよう、一部の写真には私のメールアドレスを書いた紙も写りこむようにした。一応、有料販売する体裁なので、ピンボケなどしないように気を遣い、できる限り良い写真を撮ることに努めた。

 こうして撮影した写真ブログ掲載していくのだが、注意すべきはブログサービス規約。例えば、はてなブログでは「記事内での直接販売」を禁じている。そのため、別の場所写真販売して、ブログではそれを紹介する形にしなければならない。

 個人でも写真販売できるサービスにはPIXTAやFotoliaなどがあるのだが、ほとんどは審査があり、料金も自分で決められない。

 そこでオススメなのがnote、「ノート投稿する」からイメージ」を選ぶと、好きな価格写真販売できるのだ。販売価格の上限は1万円だが、noteプレミアムに入ると5万円に引き上げられるので、加入して1枚5万円で50枚販売することにした(1カ月に200点以上または一時点において100点以上の商品新規出品する場合特定商取引法に基づく販売業者として連絡先を掲載しないといけないので注意)。

 次にブログ販売写真を大量に掲載して紹介するのだが、パクリサイト自動的パクる際、相手はどうせパクった記事をチェックしていないと予想されるので、さまざまな注意事項も書いておいた。

 「転載禁止」「転載を認めている媒体はない」「無断使用した場合、1枚につき使用料ペナルティとして倍額の10万円」 「不正使用とみなされる場合損害賠償を求めるなど法的な措置を講じる」「キャンペーンなど短期的な利用であっても同じ料金」などなど。

 写真のものにもPhotoshopで同様の文言を埋め込み、「(C)2017 (私のID)」と著作権表示も加えた。加工なしの写真掲載すると、パクった相手が「これは自分が撮った写真だ!」と逆に主張してきた際、オリジナル写真を示して自分が作者と証明できなくなるので、こうした文言は入れておいた方がいい。私の場合は、1つの写真につき、著作権表示のみの画像と注意事項も加えた画像の2種類、計100枚をブログ掲載した。

 「もしかすると気付かれてしまうかも・・・」と危惧していたのだが、数十分後にパクリサイト確認すると、無事(?)、私の写真紹介記事がパクられていた。ご丁寧に注意書きもそのまま転載されている。

 さっそく証拠確保のため、(1)ウェブ魚拓をとり(念のため「https://megalodon.jp/」「http://archive.is/」双方で)、(2)右クリックからページを保存、(3)右クリックからソースを表示してコピペして保存、(4)Google Chrome拡張のFull Page Screen Captureを使用してページ全体をキャプチャーさら一時的ミスと言いわけできないよう、1週間後にも同様の作業を行った。

————————————————————————————————————

 完全に証拠を押さえたところで、利用料を請求する段であるパクリサイト運営者に連絡するには、問い合わせページを使う方法もあったのだが、より正式方法ドメイン登録者情報を調べて、そちらから連絡することにした。最終的に裁判で利用料を請求することになった場合相手名前や住所が必要になるからだ。

 ドメイン登録者情報の調べ方は簡単。例えばアスカネットワークサービスの「http://whois.ansi.co.jp」でパクリサイトURL検索するだけ。

 ・・・と思ったのだが検索した結果、「Registrar Abuse Contact Email(不正使用の際に連絡するメールアドレス)」として表示されたのは、GMOインターネットメールアドレス。これは個人情報を隠すため、GMOインターネットお名前.comというサービスを利用していた時に表示される。

 なのでGMOインターネット電話し、「著作権侵害され、利用料の請求書を送りたい」と伝えると、パクリサイトエックスサーバーというサーバー会社を利用していると教えてくれた。なお、ここでは著作権侵害の具体的内容を説明する必要はなく、パクリサイトこちらの動きが伝わることもない。

 次にエックスサーバーに連絡すると、パクリサイトエックスサーバー運用されていることは確認できたのだが、「発信者情報開示につきましては、プロバイダ責任制限法に基づき、書面にて発信者情報の開示請求をお送りいただいたもののみ対応いたしています」とのこと。まあ当たり前だ。

————————————————————————————————————

 名前や住所、メールアドレスなど発信者情報の開示請求必要ものとして、エックスサーバーから指定されたのは次の3点。

(1)発信者情報開示請求書http://www.isplaw.jp/d_form.pdf

(2)印鑑証明書

(3)問題サイトから情報流出によって権利侵害されたとすることが確認できる資料(2部)

 (1)発信者情報開示請求書テンプレートがあるものの、自分用にカスタマイズしないといけないので若干面倒。テンプレートの「貴社・貴殿」「注」などをうっかり修正し忘れてしまい、何度か作り直すことになった。書き方は↓の記事を参考にさせてもらった。なお、「発信者に示したくない私の情報」として私の氏名を指定した。

参考:写真無断使用された時の発信者情報開示請求の仕方(http://tanaka-desu.com/puroseki-hassinsya-kaiji/

 (2)印鑑証明書役所で発行してもらえるのだが(350円)、そもそも印鑑登録しておかないといけない。シヤチハタ印は印鑑登録できないので、実印を持っていなければ制作に少なくとも数千円、数日みておく必要がある。

 (3)資料パクリサイトがパクった記事と、自分ブログのパクられた記事PDFで保存して、セブンイレブン印刷写真100枚が含まれ記事で、しかも各々のサイトを2部ずつ印刷したので、コピー代だけで2500円かかった。

 (1)~(3)の書類を合わせると数センチにもなったので、郵便局レターパックプラス(510円)で送付。この書類サーバー会社に届くとパクリサイト運営者に連絡がいくので、必ずここまでに証拠を固めておくことが大切。Twitterなど表で騒ぐのも厳禁、書類が届いてサーバー会社ログを保存する前に該当記事を削除されてしまうと開示は認められなくなるらしい。

————————————————————————————————————

 書類を送った翌日、パクリサイトに変化が生じた。私のブログからパクった記事がすべて削除されたのだ。ただし、サイト自体は通常営業で、ほかの人の記事は全力でパクリ続けている。

 権利侵害根拠となる写真紹介記事が削除されたことで、「もしかすると発信者情報開示請求が通らなくなるかも」と心配したのだが、書類送付から2週間後、エックスサーバーから封書が届く。中を見ると、「発信者氏名」「発信者住所」「登録メールアドレス」が記されていた。

 さっそく登録メールアドレス宛に連絡。「発信者氏名」「発信者住所」が正しいか確認するとともに、該当記事を削除しているがウェブ魚拓証拠を示せること、写真100枚の転載料として10万円×100枚=1000万円を請求すること、そもそもどういう考えで運営しているか聞いてみたい、という内容にした。書き方は↓のサイト、およびネット写真を盗用された場合対処法を解説した『アサヒカメラ 2017年2月号』を参考にした。

参考:キュレーションメディアに写真をパクられたので請求書を送って、18万円支払ってもらった(https://www.photo-yatra.tokyo/blog/archives/11079

 すると、4時間後、すぐに相手から返信があった。謝罪言葉サイトを閉鎖したとのこと、ただし金額については妥当とは思えないところがあるという内容だった。

 この場合裁判金額を決めることになるのだが、そこまで進めるかどうかで悩んだ。同様のパクリサイトが生まれないようにするためにもパクリで高額の賠償金が発生することを判例として残すことは重要。私の主張が全面的に認められるかは分からないが、いろいろ調べた結果、ペナルティ部分は認められないかもしれないが、利用料部分は認められるのではないかと予想していた。

 しかし、相手個人可能性が高いこと、悪用が禁じられているとはい名前や住所といった個人情報が開示される罰則を受けていること、相手Google AdsenseIDなどで調べた結果たどりついた他のアフィリエイトサイトがあまり儲かっていないようにみえたこと(儲かっていたらこんなリスキーな手は使わない)、ほかにパクリサイト運営者がいる中、不幸にも私という当たり屋に追突してしまったのがちょっと気の毒に思えたこと、などからサイトを削除したことで良しとして、また何らかの権利侵害されない限り、請求は保留すると伝えた。ちなみにここまでは私の名前や住所は相手に伝えず進めていたのだが、請求書を送ったり、裁判に訴えたりするとなると、もちろん名前や住所を出す必要がある。

 そもそもRSS情報自動サイト転載する仕組みは、ネットに関する知識技術をそれなりに持っていないとできないこと。それだけの能力を持った人がパクリサイトに手を出した背景には、発覚した時の罰則が軽そうにみえたことがあっただろうが、この記事によって、その認識を変えられたらと思う。

 もし本当に悪い人が目を付けたなら、有料画像を大量に掲載し、パクらせることで、理論上、1億円でも10億円でも無限に、しか理屈が通った上で請求できるので、一発で破滅してしまう。

 今、パクリサイト運営しているならすぐに閉鎖した方がいいし、パクリサイト被害を受けている人がいるなら、ぜひこの方法で利用料を請求してほしい。私もまたパクられることがあれば、今度はしっかり利用料をもらうところまで進めるつもりだ。

 一応、著作権違反損害賠償請求時効3年で、しばらく悪いことはしにくいと思うので、相手の方にはこれを良い機会として、高い能力社会のために生かしてほしいと心から願っている。

アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん