「Google Chrome」を含む日記 RSS

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

2019-05-11

Amazon Music Unlimited から返金処理してもらう(.co.jpと.comアカウント問題

audible.com(amazon.com)と amazon.co.jp で、同一メールアドレス・同一パスワードアカウントを持っていたおかげでトラブった(多分)記録。7ヶ月分全額返金獲得への3日間に渡る戦い(会社員の平日)。返金対応についてはKindle Unlimited記事は見かけるけど、Music Unlimited記事を見かけなかったので。

7ヶ月間980円が引き落とされ続けていたことにセブ島のおかげで気がつく

Round 1(火曜日)~ 別アカウント契約可能性(同一メアドパスワードで別アカウント

サービス利用終了のメールも来ているし、ステータス確認しても契約していない。

問い合わせ

Amazonサポートに「課金され続けているけど間違いだと思うから、気がついたのが遅くて申し訳ないけど7ヶ月分返金処理をお願いいたします」とメール

回答

ご連絡いただいたアカウント確認したところ、980円の請求が見当たりませんでした。ご利用のAmazon Music Unlimited2018年10月17日キャンセル処理されましたことがわかりました。

そのため、お客様Amazonアカウント複数お持ちである可能性が高いと思われます

※同じメールアドレス電話番号)での登録でも、異なるパスワードで会員登録をされた場合、異なるアカウントとして認識されます

Amazon.co.jpでは、プライバシー保護観点からサービスのご利用に関するお問い合わせは、該当するアカウント登録されておりますEメールアドレスからお送りいただく必要があります

万一、別アカウントについて心当たりがございません場合あらためて、お電話チャットにてお問い合わせくださいますようお願いいたします。

Round 2(火曜日)~ 別アカウントに心当たりなく不審メール調査願うも翌日電話へ持ち越し

アカウントについて心当たりはない。その場合電話チャットで、という回答だったが、明日仕事だし寝たかったのでとりあえずメールを投げた。

問い合わせ

アカウントについては今のところ心当たりがございません。

無料体験登録した際に「Amazon Music Unlimitedへようこそ」という件名のメールが送られてきていたようですが、全く同じ内容のメールを2通受け取っています。1通目は2018年9月17日22時49分、2通目は9月18日0時19分です。

これが何か悪さをしている、ということはございませんでしょうか。

回答

この問題について、情報確認しながら担当者からご案内することで迅速に問題解決できると存じます。お手数ですが、カスタマーサービスにお電話でご連絡くださいますようお願いいたしま

Round 3(水曜日)~ 謎の別アカウントあり。サービスは解約処理。返金は不可。

電話しました。

一般サポート

請求が来ているカード番号の下四桁を伝える。

つながるのを待つ間にメールボックスをさぐると、2018年5月3日に、audible.comから「Welcome | Great listening starts now」のメールが。これか・・?

しか無料体験登録時に異なるパスワードログインし直したような覚えはないのだけど(別ブラウザアクセスし直したりしてて、それぞれで記憶しているパスワードが違っていたりしたらあり得るか)。

Music Unlimitedサポート

とりあえずサービスは解約処理をしてもらった。返金は?

このアカウント何なの?

アカウントはとりあえずそのままにしてもらう。「返金処理をしていただけない点については全く納得がいっておりません」と、今思うとただのモンスター顧客捨て台詞を残して電話を終えた(ごめんなさい)。

Round 4(水曜日)~ 同一メアド同一パスワードの.co.jpと.comアカウント問題。ひとまず1ヶ月分返金獲得。

調べてみると、確かにプライムMusic Unlimitedの返金ポリシーは違うようだ。

アカウントの件は、同一メアド同一パスワードだった。audible.comとamazon.co.jpMicrosoft EdgeGoogle Chromeも現時点で記憶しているパスワードは同じ(パスワード変更もしてない、はず)。

聞いていることと違うし、変な操作をした記憶も無いし(過去のことすぎておぼろげだけど…)。自分操作ミスではなく、.comとco.jpアカウント体系がおかしなせいなんじゃないのか?!

と思って再びメール。あと無料体験終了後の再生履歴も再問い合わせ。また「電話しろ」と言われるのは嫌だったので(電話ってきっちり落ち着いて調べてくれない感じがしたので)、メールでの回答をお願いした。

問い合わせ

明日仕事だけどがんばってメールを書く。

今回何が起こってしまったのかいまいちつかめておらず、以下ご教示をお願いいたします。

アカウントBは、新規登録日付から察するに、audible.com のトライアル登録をした時のものと思われます

audible.com と amazon.co.jpアカウントは、同一メールアドレスで同一パスワードです(かつ同一クレジットカード)。

質問1】

同一メールアドレスでも別パスワードだと別アカウント認識されてしまうとのことでしたが、同一パスワードでも別アカウント扱いになり、2つの無料体験登録ができてしまうのでしょうか。

質問2】

アカウントA、アカウントBそれぞれで、無料体験登録処理を行った日時(2018年9月X日X時X分)はわかりますでしょうか。

また、その際のそれぞれのブラウザ情報はわかりますでしょうか(Microsoft Edge or Google Chrome 等)。

質問3】

無料体験期間後も音楽再生履歴があると伺いました。

こちらの内容も詳しくお知らせいただけますでしょうか(直近のもの)。

2018年10月X日X時X分、曲名ブラウザ

質問4】

契約自体は解除いただきましたが、同一メールアドレス同一パスワードである状況で、私のほうで解約する方法はあるのでしょうか。

今回発生したことは、そもそもの貴社のシステムバグのようなものではないかと、現時点では感じております。そうであれば、返金処理に応じていただくのが筋ではないかと思っております。7ヶ月分が難しいのであれば、最低限1ヶ月分だけでも。

カード明細を毎月確認していなかったことに引け目を感じていたため、毎月確認していて気が付いて連絡していたとしたら、1ヶ月分の返金には応じてもらえてもいいんじゃないかと思った次第。あとは、返金額ゼロよりは、少しでも返金してもらえたほうが自分として納得できるかなと思った次第。100を目指して0となるよりも、という。

回答

質問1】同一メールアドレスおよび同一パスワードでも別アカウント扱いになり、2つの無料体験登録ができます

質問2】アカウントA無料体験登録日時:2018年9月17日月曜日 22:49

アカウントB無料体験登録日時:2018年9月18日火曜日 0:19

誠に申し訳ございませんが、それぞれのブラウザ情報不明でございます

質問3】最終再生日:2018年9月17日 MP3 Desktop無料体験期間後には楽曲再生履歴はございませんでした)

質問4】同一メールアドレス同一パスワードである状況で、お客様にて解約いただく方法はございませんので、カスタマーサービスにて解約させていただきますクレジットカードの明細等をご確認の上、できるだけ早急にご連絡ください。

サイトの定額サービスは、通常ご返金対応をしておりません。しかしながら、このたびのご事情考慮させていただきまして、1ヶ月分のご返金を処理いたしました。

とりあえず、、再生履歴なかったんやん!しかもこれだけ見ると最終再生日より後で.com側の無料体験登録してるのかい

Round 5(木曜日)~ 再現性の無さとKindle例を挙げて、全額返金獲得!

あの「最低限1ヶ月だけでも」という記述をしていなければRound 4で全額返金をもぎ取れていたのかどうか。書いたせいで足元を見られたかどうか。

ことの顛末ランチで同僚に熱弁。「おかしすぎ、こうこうこういう例もあるし、全額返金目指して戦え」とエールをいただく。

KindleAlexaアプリで発生する.co.jpと.comアカウント問題では.comのアカウントが勝つとのことで、こうして必ず一方のアカウントが勝ってくれれば二重で登録してしまうことは無いだろうからよいのだけど、今回はそうではないからひどくないか(今回の自分現象KindleAlexaアプリ現象が同種なのかどうかもよくわからないけど)。

問い合わせ

もらった回答と、さらに調べた情報を組み合わせて、(再生履歴なかったんやんてめえらプンスコ、と埋め込みつつ、)明日仕事だけどがんばってメールを書く。これはもうお金問題ではないのだ。

同一メールアドレス・同一パスワードで別アカウントとは難解なシステムですね… 最初jp アカウントログイン、1時間半後に com アカウントログインが行われ、無料体験登録をした?原因は不明再現性なし = ユーザ側で解約する術がない)。

また、無料体験期間後に再生履歴は無かったとのこと、安心いたしました。「有った」と聞いた際にはひどく混乱いたしました。そして最終再生日よりも後に com アカウント無料体験登録をしているのですね…。

さて、1ヶ月分の返金のご対応、誠にありがとうございました。

あらためてググってみると ”Kindle Unlimited登録したつもりが無く、その旨サポート説明したところ8ヶ月分の返金処理をしていただけた” というブログが引っかかりました。

Kindle UnlimitedMusic Unlimited も「サービス性質上、通常は支払い済みの料金の返金を行うことはできない」という規約は同じかと思うのですが、ブログの方と私の対応に差が出る理由をご説明いただければ幸いです。

状況として「登録したつもりが無かった」は共通しています(1つのアカウント登録し、解約処理を実施した。もう1つのアカウントについては登録したつもりは無かった)。

回答

問い合わせのAmazon Music Unlimited過去の会費の返金につきまして、ブログでご覧いただいたKindle Unlimitedのケースと今回のケースは異なり、個々のサービス対応方法は異なりますが、今回は再考慮した結果、システム起因の可能性が高いことを考慮させていただき過去の会費を返金させていただきました。

ありがとう!!セブ島ホテル

まとめ

少なくとも、めんどくさいのでアカウントどちらかのパスワードは変更しておいた方がよさそう。

あと、今はもう無料体験登録したとき記憶が薄れていて、自分がした操作が思い出せないのも悪かった。カードの明細はこれからは毎月チェック、、しないだろな。ようこそメールが2通来て、なんか2通来たわ変なの、と思ったのはおぼろげに覚えている。

2019-05-05

Eggplant Gaming(エッグプラントゲーミング) が大好きなアカウント一覧

2019/05/05 12:51 、全てのページに <meta name="Hatena::Bookmark" content="nocomment" /> タグが追加された模様。

古いページも、クローラ巡回後にコメントページが非表示になる事が推測される。

ので、非表示になる前に、ブックマークの大半がこのサイトユーザ一覧はこちら。

b:id:Ventax000

b:id:OmonoJunpei

b:id:Tewpa

b:id:Vitokawa

b:id:Namaha

b:id:NamahageVege

今の同サイトの最新記事「「スマブラ」にGoogle Chromeの「あの恐竜」が参戦したらどうなるのか?何故か海外掲示板議論が白熱す」も、上記6ユーザの中最後の一人を抜いた5ユーザブクマしてる

2019-04-21

インターネットゾーニングの話

くそ長い話なので注意

最近TwitterロリキャラのR18イラストを描くアカウントへの規制が厳しくなってきたらしい。

そういったアカウントの凍結は前からあったが、最近特に見つかり次第凍結されている印象だ。

ぶっちゃけしまうと私はそういうイラストが好きなので、個人的には少し残念な状況ではある。

ただ、だからといって「表現の自由を守れ!」なんてTwitter社にケチをつけたいとは全く思わない。

みんな知ってる通り、日本という国はロリエロ絵に対する規制がかなり緩いが、世界的に見れば法律NGとしている国も少なくないし、国際的な流れは完全に規制寄りだ。

そんな状況では、いくら日本ユーザーが多いTwitter社でもロリエロ絵を看過できなくなって当然だと思う。

さて、それではそもそもロリエロ絵がTwitterなどのSNS上で投稿拡散されることの問題とはなんだろう。

ロリコンが増えることも社会的にはマイナスではあるが、これについては言論思想の自由で見逃されていい範囲だと思う。社会的プラス思想のみ肯定する世界になったら、それは単なるディストピアだ。

なので、間違いなく一番問題なのは「見たくない人の目に触れてしまう」ことだと思う。

すこし前に話題になった「お父さん、あれ気持ち悪い」発言だって、見たくないのに目に入ってしまうのが原因だし、他の既出問題もたいていここが原因だろう。

これの対策一見すると簡単で、「見たくない人が見ないところで投稿拡散すればいい」という「自主ゾーニングなのだけど、私の知っている限りこの試みは何度も失敗している。

これまで何度も、ロリエロ絵のイラストレーター達は「Twitterではやってられない! Pawoo(Pixiv運営するMastodonインスタンスTwitterに似ている)に移住しよう!」と発言しているのだが、まあ十中八九失敗している。

なぜかと言えば、Pawooはユーザーが圧倒的に少なく、絵を多くの人に見てもらえないからだ。

クリエイターにとって知名度こそ全てだ。知名度だけ高ければいいわけでもないが、知名度がなければ何もできない。そして、それはロリエロのイラストレーターも例外ではない。

というわけで、結局彼らは絵に修正を入れたりリンクを貼ったりして、だましだましTwitter活動し続けている。

とまあ、ここまで書くと「そんなもん描くやつ勝手にくたばればいいだろ」と思う人が多数派だろう。

まあその通りなんだけれど、ちょっとだけ待ってほしい。

上で書いたとおり、ロリエロ絵の最大の問題は「見たくない人の目に入る」ことで、それさえ無ければ被害者はいなくなる。

からゾーニングさえ上手くできれば(ほぼ)問題はないのだ。

ではロリエロに限らずweb上で、「見たい人にはちゃんと届くように」「見たくない人には届かないように」上手くゾーニングするにはどうすればいいんだろう。

私は「webブラウザ検索エンジン提供する企業が、最初ユーザーに見たくないもの選択させ」、「Twitterなどのサービス提供者が連携する機構を作り」、「投稿者がきちんとカテゴリ選択して投稿する」ことでしか解決できないと思っている。

例えば、Google Chromeブラウザ)のインストール時、ユーザーに「ポルノ」「暴力」など見たくないもの選択させる。

Twitterはそれに対応するカテゴリ選択肢を作り、投稿時などに選択できるようにする。

そして投稿者が「ポルノ」にチェックをつけて投稿すれば、ポルノを見たくない人には届かないといった寸法だ。

そして、これらのルールを破ったユーザーサービス提供者には即座にペナルティを課すようにする。

大仰なやり方ではあるが、web上のゾーニングロリエロだけでなく大きな問題なのでこれくらいやってもいいんじゃないかと思っている。

そして、この仕組みを作れるのは世界中のwebを席巻しているGoogleくらいじゃないだろうか。

…というわけで、Googleさん、そろそろ(誰も不幸にならない形で)ゾーニングに本気出してください。

お願いします。

はい

これが言いたかっただけ。

2019-04-17

若者応援おじさんの思い出2

毎日どうでもいい作業で疲れ切って勉強時間が取れなくなってしまった私は、最初出会った頃のAさんの言葉を信じて、「私が本当にしたいことは、仕様書テスト時のスクショプリントアウトしたり、よくわからないテスターをやったりすることではない。このままでは、プログラマとしてのキャリアを積むための勉強時間を作ることもできないし、業務内でコードを書くこともないか業務時間を短くしてほしい」と言った。少なくとも、最初Aさんと会ったときは、「君には人工知能人工生命を作り出したいという夢がある。俺はその夢を応援したい」という言ってくれていたから、そのために一番必要勉強時間が確保できないことは致命的だという認識を持ってくれると期待していた。そして、その願いが聞き入れられなかったら、さっさと退社しようと思っていた。

結局、返ってきた返答は「給料が減るぞ」ということを3時間かけて全く同じ内容を延々と繰り返すだけだった。その間、何が問題で、どうすればWin-Winになれるのか、何が無駄で、何が必要なのかということを議論することはできず、「給料が減る」「こんなに恵まれてるのはうちだけだ」「うちはブラックじゃない」と言い続けて、最初は私の「夢」キャリア」「技術的成長」ということを全面にプッシュしていたし、その点に合意があると思っていたのに、全く平行線で話し合いができない人はこういうところにいるんだろうなって思う。

その後は、PMの人に「俺が若い頃は始業時間の二時間から出社して、部屋中のゴミ箱ゴミを回収したり、社員お茶を汲んだりしていたものだ」みたいな小言を言われ始めて、いよいよ駄目な職場だというのがわかってきた。ただでさえ、偽装請負タイムカードを切らせる上に、更に一人だけ出社時間を早めて清掃員や事務員がやるような仕事プログラマ枠で就職した人間やらせようとする。もう救われないよなと思った。

結局、その会社を辞めて別のホワイト企業就職したら、非常に快適だった。前職では「ブラウザ」「Google Chrome」という言葉を知らないおじいちゃんがいて、IT系企業なのに「IEどれ、IE」みたいな人がテスターチームにいたけど、新しい職場ではそういうこともなかった。転職した教訓としては「うちはブラックじゃない」という会社は大抵ブラックで、まともな会社はそんな中身のない発言をせずに、出社日1日目に「うちには、ハラスメント対策部署があるから、何か不満があったら、そこに連絡して。そこは管轄が別系統から上司が君の陳述を握りつぶしたりはしないよ」って社内のトラブルシューティングの連絡先を教えてくれる。

じゃあ、ここで一旦まとめようか。

最初「夢」「才能」「自頭」「キャリアアップ」みたいな言葉で明るい未来イメージさせたり、自分のやりたいことに理解を示したりする。

⑫徐々にゴミみたいなルールやしがらみが明らかになっていき、それを指摘すると更に意義を感じられない業務をさせられた。

⑬「俺は人を見る目がある」「俺は合理的判断のできる部下の話をちゃんと聞く人間だ」と、初っ端から言う人間は信頼できない。

⑭他にも職場環境がいいところから声が掛かってるときに、できもしない好条件を提示してきて、他の条件の会社内定を辞退したあとに、条件を一気に下げる。

⑮何かあったら、「俺たちも大変なんだよ」と言って、問題を共有したり、認識したりするのを拒否する。

ブラック企業でも一応は職歴になるから転職するときめっちゃ楽。さっさとクソみたいなブラック企業は辞めたほうがいい。

以上、酔った勢い駄文を書き連ねてみた。特定されないように一部ぼかしたりしてるけど、まぁ、大筋としてはだいたいこんな感じだ。強いて、主語を大きくして日本社会敷衍して語るなら

「金や労働というのは、社会的に役に立つから文化的価値があるから存在したり、供給があったりするのではなく、巨大資本接続できるかどうかで決まる。関係者全員が糞だなって思ってても、それで大金が動いて、自分自分家族の財布に金が流れるなら茶番は続く。そんなことをしてるから、全員FAKE野郎ハイエナみたいな社会になるんだろ」

若者応援おじさんの思い出

https://twitter.com/MAEZIMAS/status/1113114798672113665

若者説教する老害は二流。

一流の老害は「君たちこそが真のニュータイプだ」とか言って、若者自分既得権益確保のための鉄砲玉にする。

…いやマジ本当に、若い人気をつけてね。若者説教おじさんは、せいぜいまだ極限の不愉快ですむけど、若者応援おじさんに乗せられると最悪人生詰むので…

というツイート流行っているので、私が遭遇した若者応援おじさんについて書こうと思う。

当時の私は親との折り合いがつかず、学力もそこそこあったし、勉強もしていたのにも関わらず大学に進学せずにフリーターをしていた。実家を出たかったし、大学にも進学したかたから金の工面が当面の目標だった。そんなとき出会ったのが若者応援おじさんのAさんである。Aさんはバブルの頃に就活をしていて、まだインターネットやパーソナル・コンピュータというのが流行る前から電子工作プログラミングをやっていた人だった。実際、経歴を聞いてみると10回以上転職を繰り返しているものの、有名企業(今にして思えば、カビ臭いSIerだが)で部長をしていたことがあって、年収が1700万ぐらい稼いでいたこともある人だった。

最初出会ったとき自分が如何にすごいかということを熱心に語っていた。80年台後半ぐらいのコンピュータ開発の大型プロジェクトに関わっていたとか、セキュリティ専門家とか、今までに触ったことのあるプログラミング言語が300個を超えるとか。でも、当時の技術的なトレンド(MongoDBRuby on Rails、AngularJSとか)についての知識が限りなく少なく、「フレームワークなんてその場で覚えればいい」みたいなタイプだった。中学生の頃にラジオ工作したとか、はんだごてで電子回路設計したとか、そういう話は熱心にするのに、Bram Moolenaarの名前を知らなかったりした。要は、最近プログラマがどういう関心やインセンティブプログラミングやってるかを知らずに、過去の栄光を語ってるようなタイプだったと思う。

まぁ、それでも、その人のコネで中規模程度のSIer入社して、そこそこいい感じの待遇だったように思う。当時の私の技術力は『わかりやすJava入門』『たのしRuby』を一通り終わらせて簡単言語仕様を把握したぐらいでろくにコードも書いたことのないような人間だったから、定時で帰れて手取り二十万もらえるのは甘い汁を吸えたとは思うんだ。

でも入社を決めた一番の理由が、そのAさんが私の関心に理解があると思っていたからだ。というのも、当時の私は「人工知能人工生命に興味があります。三年後に大学入学するまでにプログラミングスキルを磨きつつ生活費学費を稼ぎたい」ということを明言した上で、それを叶えてくれる会社を探していた。技術力はないものの、「自頭がいいか入社してからプログラミングを覚えればすぐに戦力になるよ」と複数人間から言われていて、それぞれ就職先を紹介してもらえるような状況になっていた。今から思えば、そんなコードを書けない人間を自頭なんて胡散臭いもので褒めるような人間は信用してはいけないと思うし、口車に乗せられたと思うのだけど。そこは自分にも甘いところがあったように思う。あ、あと、補足しておくと、当時はDeep Learningなんていうのは全く人口膾炙してなかった時期で、スチュアート・カウフマン金子邦彦に憧れてたような、周回遅れの複雑系に魅せられた若者が私だった。

駄文を書き連ねてしまったが、要は

①親との折り合いが悪く、大学に進学したいが、金が足りない

実家を出るために生活費を稼ぐ必要があったが、飲食バイトとかではスキルが身につかない状態で、価値の高い若い時間無駄にしてしま

③そんなところに現れたのが過去の栄光を話す若者応援おじさんのA

自分殆どコードを書いたことのない業務経験で、21世紀になっても複雑系の話に興味をそそられるような斜に構えたスノッブ

という状況設定理解してくれればいい。

では、入社後の話をしよう。私が配属されたプロジェクトは80万行程度のJavaコードで動いてるBtoB向けの製品保守開発してるプロジェクトだった。やってることはGoogleAmazonMicrosoftみたいな大手ならやってるようなサービスの完全下位互換みたいなソフトウェアを、情弱だけど社員数は多いみたいな企業に売りつけるような仕事だ。国産とか、セキュリティとか、そういうよくわからない言葉を並べ立てて、海外UIも洗練されていて、優秀なエンジニア管理してるものセキュリティ的に怪しいと不安煽り立てて売りつけるようなやつだ。そんなクソみたいな製品でも年間5億円ぐらいの売上になるのだからIT系って糞だなって思う。ネット上では優秀な人間ばかりがアウトプットしてるし、NDAの名の下に詐欺まがいのソフトウェア(今回の例なら無料UIも洗練されていて、使いやすサービス)が明るみにならないのだから、こんな国はさっさとスクラップ・アンド・ビルドすればいいのにって思うよ。IT化されてないのが時代錯誤で〜みたいな記事ネット上でもバズるけど、実際には10年前のスパゲッティコードを惰性と不安につけ込んで売りつけるようなSIerがたくさんある。そんで、そんな意味不明ソフトウェアを導入すれば、どこに何があるのか分からないUI操作に大切な業務時間を奪われて、日本全体の生産性が落ちてしまう。ユーザー時間生産性を奪い、開発者にとっても技術負債しかならないようなソフトウェアを売りつけてる悪性腫瘍みたいなSIerはさっさと滅んでしまえばいいと思うよ。

まぁ、私が配属されたプロジェクトはそんな感じだ。まるで意義を感じないが金にはなってるプロジェクトに配属された。そのプロジェクトの根幹部分は一人のエンジニア設計開発しており、そのエンジニアは既に退職して、どこに何が書いてあるのかわかってない人間が後任として保守を行っている。盲腸みたいに全く有難みのない機能を増やすことでより高く売りつけるようなプロジェクトだった。

そのプロジェクトの中にいる人について話そう。プロジェクトマネージャー仕事漬けで毎月350時間ぐらい働いている60連勤とか当たり前で、常に酔っ払ったような、眠そうな目をしてる人だった。にも関わらず、同じプロジェクト人間仕事がなさすぎて業務時間中に関係ない談笑をしたりしていた。プログラマテスター文書作成をするスタッフが40人ぐらいいるところで、閑散期(機能追加のサーバーリリース前以外)は暇そうにしてる人が多かった。プロジェクトマネージャーを除いて。要は、PM一生懸命働いているが、その一生懸命さは惰性で行われており、無能なのに業務時間が長いPMがいて、その人が全部仕事をやってしまう。他人に頼めない性格らしくて、存在意義が分からない業務他人に頼んでは「なぜこんなこともできないんだ?」って怒鳴るのが生きがいみたいな人だった。頑張ってることがアイデンティティになってて、その頑張りに意味があるのか、必要なのかという吟味ができず、タスク他人に振ることもできず、情報もそのPM一人だけが握っているから、周りの人も「私が仕事を請け負いましょうか」ということもできない。それで新入社員をイビるような存在意義のわからない仕事を振って、できなかったら人格否定をするような感じの。

私が受けた仕事ととしては、週に1回ベンダーのところに会議をしに行くんだけど、そのときの社内の資料を全部紙でプリントアウトして持っていくというのがあった。文書作成スタッフ製品仕様Wordでまとめて、600ページぐらいのpdfにしたものが1500万円ぐらいで売れるらしく、その増えた言語仕様プリントアウトしてベンダーのところまで持っていく。追加された仕様以外にも、今週やったテスト内容をExcelで纏めたものプリントアウトしたりしていた。紙の量で言うと、一回の会議で2500枚ぐらいで、それをキャリーケースに詰めて客先であるベンダーまで持っていくらしい。聞いた話では、その2500枚の会議資料殆どまれずに捨てられるのに、そのPMベンダーにその慣習を廃止しようとは提案しない。ベンダーとの週一の会議の他にも、進捗報告を主とする社内会議があって、PM以外の人はあのプリントアウトする悪習は廃止すべきという話が上がっているのにPMが首を縦に振らないから一向に改善されない。まぁ、そのプリントアウトするのをやるのが私の仕事だったわけですよ。毎週4時間ぐらい掛けてWordExcel文書サイズとか調整してさ。元の文書サイズや余白が狂ってるのに、客先に失礼だと言われて、手直しして、プリントアウされたコロコロコミック何冊分だよ? みたいな紙の束をホチキスで止めていくんだけど、ホチキスの止め方が汚いとやり直し。

じゃあ、なぜPMは頑なに意味のない業務をし続けて、それによって新入社員を使い潰そうとするのかと言えば、弊社の業績が悪くて倒産しそうだったときにそのベンダーが手を貸してくれたからそのときの恩義があるとかなんとか言っていた。だから、靴を舐めるようなことをするし、他人生産性を奪うようなクソ製品を世の中に出して何も感じないらしい。読みもしない産業廃棄物を作り出して、それを無碍にされて喜んでいるような業務が、今の日本の何割を占めているのだろう? そのPMの口癖は「俺はプログラミングは全くわからないが、こんなプリントアウト段取りもできないようなやつはプログラミングなんてできないと思うよ」だった。FizzBuzzどころか変数関数すら知らないような人間にこんなことを言われるのは屈辱だったし、これが高卒経験就職することなのだろうと思った。

他にも、私が受け持った仕事に、製品が動くかどうかを確認するテスターという仕事があった。RSpecSelenium自動化しようと言っても、そんな技術を持ってる人がいなかったから、一々自分でその製品を触って仕様通りになっているか確認しないといけなかった。画面遷移が600ページのpdfになっているから、それを見ながら正しい画面遷移ができているか確認する業務だったが、正直人間のやる仕事ではないと思う。画面遷移だから前のページから次のページに移行したときに前にどのページだったなんてスクショを撮ったぐらいじゃわからないのに、「このテストExcelにした内容じゃ、本当にテストしたのかわからないだろう?」と言われた。言われたとおりにExcelファイルスクショをひたすら貼り付けていたというのに。しかも、その他にも特定ファイルアップロードするときにどの条件だとアップロードができないか判別するテストをどうやって行うのか考えろというのがあった。今までにテスターをやっていた人に聞いても指針なんてないと言われ、「賢い人はそういうのを考えつくものだ。俺はパソコンに詳しくないが」とPMに言われ、嫌気が差した。

まぁ、ここまで書けば、如何にブラックと言うか、理不尽で不合理な職場かというのはわかったと思うけど、いい面もあったんだ。前にも書いたように、未経験高卒手取り20万貰えたのは嬉しかったし、研修のない会社だったから、最初の二ヶ月ぐらいは一人で勝手勉強しててと言われたから、実働換算で時給3000~4000円ぐらい貰える計算だったのかな。一番瞬間時給が高かった日はメールの返答に20分ぐらい使ったときだったから、日給1万、実働換算の時給が30000円ぐらいになった。それぐらい放任されていた。

最初社長が「君にはソースコードUMLを書いてもらおう」とか言って、クラス図を書く練習をしていたんだけど、現場の人は「今更UMLなんて必要ない」「ソースコードを読めばわかる」と言って、全く必要とされていなかった。だから業務とは関係ないTCP/IPRubyGit勉強をしていた。家のことで勉強に対してモチベーションが落ちていた私は、金を貰えるという環境では目の前の勉強に集中できるようになって、元の勉強するための生活リズムっていうのか、そういうのを取り戻せた。それは当時の私にとっては有難かったと思う。

ここまでをまとめると

無料で使えるサービス下位互換といえるような、他人生産性と金無駄にするような製品を開発してるプロジェクトに配属された

PMけが忙しく働いて、周りの人の割り振りができていない。

PM多忙なのはしなくていい仕事を引き受けているだけ。

社会悪のようなソフトウェアを売りつけて金を稼いでいるプロジェクトだった。

仕様書やテスト内容のプリントアウトという必要ない業務をしたり、指示内容と叱責内容が矛盾する理不尽を受けなければならなかった。

しかし、勉強してるだけで月20万貰える環境は有難く、当時の私にとっては願ったり叶ったりだった。

では、次に私がその会社入社から辞めるまでの経緯について書こう。最初のうちは、自分勉強時間を取れていたし、振られる仕事理不尽で意義を感じられないものであるものの、すぐに終わることが多かったか問題ないと感じた。それが徐々に仕事が増えていき、勉強時間が取れなくなっていった。

ここで若者応援おじさんAの登場である。Aさんは私と会ったときは有名企業に勤めていて、そこを辞めて私を紹介してくれた中小企業で働き始め、その数カ月後に私を紹介してくれた。元々、その会社社長とは懇意にしていたから、一緒に働こうという話が何十年も前からあって、今回ちょうどタイミングが合ったから、その友人の会社の重役として就職したらしい。私が就職したのはその数カ月後だった。

Aさんは「何か問題があったら、部下や上司という立場を気にせずに忌憚なく言ってほしい」「俺は人を見る目はある方だ。君は一本芯の通ったところがあるから、周りに流されずに新しいことをできるだろう」「君には将来性がある」「俺は新しい会社でも権力を持ってるからへんなことを言ったり、したりしてる人がいたら遠慮なく言ってほしい」とかそういうのを入社する前に言っていて、まぁ、色々とおかしいところ、FAKE野郎みたいな発言が多かったけど、そこだけは信じてたんだよね。本当に騙すんだったら、そんなすぐに辞められるようなリスクを上げるような発言はしないだろうってさ。ちなみにFAKE野郎って感じたのは、一方的自分の話だけをして、私が質問すると煙に巻いたり、私のことを買ってるという割には私の話をすぐに中断させて自分の話をし続けるとか。その人はFラン出身だったから、ちょっとインテリなことを言うと「君は変わってるね」って言ったり、きょとんとした顔で10秒ぐらい固まった後、すぐに自分の自慢話を再開したりと、決して自分の知らないことや分からないことを認めようとしなかった点だ。他にも、「私と働きたいと言ってくれていた会社はあったけど、そこは技術的に成長できそうだけど給料は月7万程度でバイト身分から、迷ってるんですよね。バイトから自由時間は多く取れるんですけど」みたいな発言をしたら、鳩が豆鉄砲を食ったような顔をして、私が感じていた不安を取り合ってはくれなかった。Aさんは「俺は社内で影響力を持っているから、君を正社員にすることもできる」みたいな話を延々としてたのに、いざ蓋を開けてみると、「君の面接での受け答えが駄目だから契約社員として雇用することになった」「あれから上層部に渋られてしまって、請負契約にすることになった」と話が二転三転していった。だったら、他にも選択肢があったのに、他のところに就職したのにと思ったが、自分能力や経歴で負い目を感じていたから強く言うことはできなかった。高卒就活するというのはそういうことだ。他にも選択肢があるのにも関わらず、どうせ労働に関する知識がないと足元を見られて、条件を徐々に下げられ、他に選択肢をなくした後で、悪い条件で働かざるを得ない状況になっていた。結局、勤務時間タイムカード管理されてるのにフリーランスとして請負契約を結ぶという偽装請負契約させられ、もっと技術力を磨ける選択肢は潰されてしまっていた。

私は会社問題点を丁寧に分析してpdfにまとめてAさんに送ったんだ。それが間違いだった。如何に会社がそのベンダーに良くしてもらったか、大変なのをわかった上で俺たちが会社を立て直してきたかということばかりを話していた。百歩譲ってそこはいいとしても、ベンダーとは関係なく職場環境を良くするための話までいい加減に聞かされてうんざりしていた。

「Aという問題があります。その背景にはBがあります。そのためにはCという解決策があります

という話をしたときに、「Bぐらいみんな当たり前にしている。君だけ特別扱いすることはできない」みたいな返し方をされて、問題が発生してる事自体はないものとされていった。結局、職場にはびこる不合理で理不尽業務ルール改善することはなく、私への人格攻撃で終わってしまった。

毎日どうでもいい作業で疲れ切って勉強時間が取れなくなってしまった私は、最初出会った頃のAさんの言葉を信じて、「私が本当にしたいことは、仕様書やテスト時のスクショプリントアウトしたり、よくわからないテスターをやったりすることではない。このままでは、プログラマとしてのキャリアを積むための勉強時間を作ることもできないし、業務内でコードを書くこともないか業務時間を短くしてほしい」と言った。少なくとも、最初Aさんと会ったときは、「君には人工知能このエントリーをはてなブックマークに追加ツイートシェア

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-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,誰が自演をしているかまではわからないが、少なくとも同一投稿であることは把握可能

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