ZOZO大忘年会でFirebaseを使った1,000人規模のリアルタイムアンケートを費用2円で制作した話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はZOZOテクノロジーズ TECH BLOGにも同じ内容で投稿しています。よろしければ他の記事もご覧ください。 こんにちは！ ZOZOテクノロジーズ フロントエンドエンジニアの高橋（ニックネームはQ）です（@anaheim0894） 昨年12/26、毎年年末に行われる大忘年会（ZOZOCAMP2018）で、グループ会社も含めた1,000人規模でのリアルタイムアンケートを、FirebaseとVue.jsを使って制作しました。 当日会場にて弊社の昨年の事業紹介や、「楽しく働く」というコンセプトの動画を流し、動画の合間で質問をし動画と
「世界最悪のログイン処理コード」を解説してみた
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 ところでこのツイートを見てほしい。このソースコードをどう思う？ 世界最悪のログイン処理コード。 実際のサービスで可動していたものだとか……https://t.co/C2bG93ZCkj pic.twitter.com/EfVNAEslrn — はっしー@海外プログラマ🇳🇿元社畜 (@hassy_nz) 2018年8月10日 すごく……セキュリティーホールです…… 一応は動いていますが、あまりに問題がありすぎるため、Twitterでも話題になっていました。 問題点は片手に入り切らないぐらいある気がしますが、一つづつ解説していきま
ベイスターズが勝ってる時のみ応答して、負けてる時はしらばっくれるAlexaスキルをつくった - Qiita
#はじめに 私が物心ついたころ、日本で一番強いチームは横浜ベイスターズでした。 野手では谷繁、ローズ、駒田、鈴木尚、投手では三浦、斎藤隆、佐々木など…懐かしいですね。 やっぱり子供というものは、強いチームを好きになるもので、その時私はベイスターズのファンになりました。 ご存知の通り、ベイスターズはその後衰退の一途をたどるわけですが… 最近では仕事も忙しく、ベイスターズの試合を見ることは少なくなりましたが、いまだに試合結果だけは気になってちょくちょく見てしまいます。贔屓のチームが勝つと嬉しいですもんね。 ただ逆に、結果を見てベイスターズが負けていると萎えちゃいます。仕方ないですが。 そんな中、ある日ふと思ったんです。 「ベイスターズが勝ってる時だけ教えてくれれば、気分が落ち込まずに済むな…。」 #スキル ベイスターズ速報（非公式） #使い方 ■勝ってる時 「ベイス速報を開いて」 ↓ アレクサ
もし、異世界転生モノのチートスキルが「Gitコマンド」だったら【その１】 - Qiita
この記事のゴール 以下についてざっくり理解することができる（かもしれません）。 commitとはなにか checkoutとはなにか 本編 僕「好きです。付き合ってください！」 帰り道、僕は勇気をふりしぼって先輩にそう伝えた。 先輩はちょっと驚いた顔をした。 そのまま笑って、何かをつぶやく。 ーー僕は、横から突然やってきた暴走トラックに跳ねられたので、何も聞けなかった。 気がつくと、森の中にいた。 僕「ここは一体…？」 薄暗い森の中。 僕「そうか、僕、あの時…」 死んだのだ。 頭に霞がかかったかのようだ。思考がまとまらない。 しかし、僕はここが異世界なのだと、何故か瞬時に分かった。 周りを見渡すと、少しはなれたところに男が立っている。 フラフラとしたおぼつかない足取り。虚ろな瞳。痩けた頬。 明らかに憔悴しきっている。 男は虚空をしばらく見つめていた。 ……そして振り絞るような声で、こうつぶや
平成の次の元号を、AIだけで決めさせる物語 - Qiita
背景 平成の次の元号は何になるの？ エンジニアに限らず、多くの人が気になる話題である。 エライ学者先生ががんばって調べたり選んだりして決めるんでしょ。 しかし、時はAIが囲碁や将棋で名人を負かす時代。 そうだ！AIに新元号を決めてもらえばいいじゃん！！ まさに悪魔的発想・・・！ 「OK、Google、新しい元号は何になるの？」 ⇒ 教えてくれるワケがない。（元号関連記事くらいは教えてくれる） じゃあ自分で作ってみよう！ 人の判断を一切入れずに、AIだけで新元号作ることが出来るのか？が今回のテーマ 余談： ちなみに大喜利人工知能の、大喜利βさんに聞いたところ 「アメリカ」との答えが返ってきた。 このタイミングで、アメリカ合衆国51番目の州は「本州」です、とせよとの啓示なのか！？ 新元号のルールは？ 以下のように決められているらしい。 1. 国民の理想としてふさわしいようなよい意味を持つもので
Laravel による OAuth 2.0 と OpenID Connect の実装（Authlete） - Qiita
はじめに Laravel ユーザーに朗報です！ 『authlete/authlete-laravel』ライブラリをリリースしました！ このライブラリにより、OpenID Certification 取得済みの認可エンジン『Authlete』をバックエンドに用いた本格的な認可サーバー・OpenID プロバイダーの開発が、Laravel で可能となりました！ この記事では、PHP 用のフレームワークの一つである Laravel を用いて、OAuth 2.0 と OpenID Connect に対応する認可サーバー（兼 OpenID プロバイダー）とリソースサーバーを実装する方法を紹介します。実装には、PHP 共通の authlete/authlete ライブラリと Laravel 専用の authlete/authlete-laravel ライブラリを使用します。 なお、実例として Larav
Laravel + SendGrid Web API でメール送信する - Qiita
環境 PHP 7.2 Laravel 5.5 SendGrid Web API V3 まえがき Laravel でメール送信する方法はいくつかあるが、今回は SendGrid を使用する。 会員登録が必要だが、12,000 通/月 までは無料。 SendGrid には SMTP を使用する方法と、API を使用する方法がある。 今回は API を使用する。 両方試したが、圧倒的に API の方が使いやすい。 手順 API キーを作成する 公式サイトの手順に従って作成し、API キーをメモしておく。 メールが送信できるかテストする curl --request POST \ --url https://api.sendgrid.com/v3/mail/send \ --header 'Authorization: Bearer ここにAPI Keyを入れる' \ --header 'Cont
「赤の他人」の対義語は「白い恋人」 これを自動生成したい物語 - Qiita
背景 「造語対義語」がちょっと面白いと思ったので、Word2Vecを応用して機械に作らせてみよう！という試み。 やりたいことは、以下のようなギャグ対義語を自動生成すること。 「赤の他人」⇔「白い恋人」 「ウサギは寂しいと死ぬ」⇔「ゴリラは孤独を背負い生き抜く」 「生きろそなたは美しい」⇔ 「死ねブス」 「冷やし中華始めました」⇔ 「おでんはもう辞めました」 「コアラのマーチ」 ⇔ 「ゴリラのレクイエム」 「やせ我慢」 ⇔ 「デブ大暴れ」 「生理的に無理」 ⇔ 「理論上は可能」 「ゲスの極み乙女」 ⇔ 「ほんのりピュア親父」 「週刊少年ジャンプ」⇔「月刊老人スクワット」 「お母さんと一緒」 ⇔ 「お父さんは別居」 「そんなんじゃ社会に出てから通用しないぞ」 ⇔ 「それだけの力があれば幼稚園では無敵だろう」 果たしてWord2Vecを活用して、このようなユーモアを生み出せるのか！？ 本投稿の内
AWSがリリースしたブロックチェーンフレームワーク「AWS Blockchain Templates」は何がスゴイのか - Qiita
2018年4月21日 アマゾン（AWS）がブロックチェーンフレームワーク「AWS Blockchain Templates」をリリースしました。 AWS Blockchain Templates AWSがブロックチェーンフレームワークをリリースしたことによる、開発者サイドの利点について以下のとおり調査しました。 １．結論 クラウドシェア世界No.1であるAWSが、ブロックチェーンフレームワークをリリースしたことによる市場へのインパクトは大きい。 AWS上で、ブロックチェーンの環境構築、アプリケーション開発、アプリケーションのリリースまで一気通貫でできる。 AWS Blockchain Templatesは、EthereumとHyperledger Fabricの2つのフレームワークから選択できる。 AWS Blockchain Templatesは無料で利用できる。必要なコストは、ブロック
VuePress をお試ししてみた - Qiita
VuePress とは この記事は 2018-04-15 に記載されたものです。 VuePress は Vue の始祖こと Evan You 氏が新たに始めた Vue による静的サイトジェネレーターです。 Markdown によるページの作成が可能で、Vue の機能はもちろん、Webサイトを作っていてほしくなるシンタックスハイライトや、PWAのサポートがされています。 雑な解釈としては Vue 版の Gatsby という認識で良いのではないのかと思います。 VuePress の機能 公式に記載されている内容を抜粋して雑に翻訳してみました。 ref: VuePress | Introduction 技術文書に最適化されたビルトインのMarkdown拡張 Markdown 内部での Vue 活用 Vue により強化されたカスタムテーマシステム Progressive Web Applicati
2018年の最先端フロントエンドエンジニアになろう - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンドエンジニア / バックエンドエンジニア / DevOpsエンジニア@poly_soft この画像を見てティン！と来たので訳してみました。 以下はModern Frontend Developer in 2018の日本語訳です。 Modern Frontend Developer in 2018 この記事を始める前に、まず私のことと、このロードマップについてお伝えします。 私は過去5年間フルスタックエンジニアとして働いていて、そして現在はtajawalで、様々な役割を持つリードエンジニアとして働いています。 単に趣味だからと
58歳の文系エンジニアがCourseraのMachine Learningを苦労して完走した話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 老害と呼ばれそうなお年頃ですが、2018年3月の1ヶ月間でCourseraでスタンフォード大学が提供しているMachine Learning講座を修了しました。定年間近の老兵がどうやってこの講座を完走し、これから何を目指しているのかをお話ししたいと思います。 #動機（≠動悸） 2月のデブサミ2018で、ウルシステムズの漆原さんの講演を聴いて、一生エンジニアで飯を食っていきたいなら何か新しいことを始めなきゃダメだなと思ったのが始まりです。 2017年は、Xamarinを使ったiOS/Androidアプリ、Raspbian上でC#を使ったR
YYPHP#32「PHP7.2変更点、Laravelのスター数がRailsを超える、スキル上達法、最近の便利ツール」 - Qiita
これは2018年3月21日に開催したPHPerイベントYYPHP#32のイベントレポートです。 YYPHPは一言で「PHPerの部室」です。PHPについて、雑に、ゆるく、ワイワイ話し合う集いです。毎回お題を決めずに雑談を出発点にいろいろなことを突発的にやります。集まった人でコードリーディングをすることもあれば、一緒に開発ツールを触ってみたり、フレームワークについての情報交換をすることもあります。開催は毎週水曜19:00に高田馬場にて。 PHP7.2 クリティカルな何かがあったのか？ Laravel 5.5からは7系必須 object型宣言 PHP: 下位互換性のない変更点 - Manual PHP 7.2 Provides Modest Performance Boost Over PHP 7.1 - Phoronix 世界的なウェブの動き Laravelのstar数がRoRのものより多く
ゲームでよくされるチート手法とその対策 〜アプリケーションハッキング編〜 - Qiita
ゲーム、特にソシャゲ、ネトゲにおいて様々なハッキング(チート)が実際に行われます。 大きく分類すると、アプリケーションハッキング(クライアントサイドでのハッキング)とネットーワークハッキング(サーバーへのハッキング)とその他のハッキングがあります。 多くはエンジニアがよくやらかすバグであったり、知識(経験)不足を狙ってくるものです。 今回は内容のボリュームの関係上、アプリケーションハッキングについてのみ、実際によく行われるチート行為やその方法、対策などについて中心に挙げていきたいと思います。 ボタン連打 何が起こる? コスト(課金石など)を払うことなく無限にアイテムが増殖する。 やり方 上記のような「ボタン」を連打する。 対策 データベースの排他制御(トランザクション + ロック)を行う。 連打ができないように一度ボタンを押したら処理が完了するまで押せないようにする。 具体例・解説 1.に
Impostor Syndrome（詐欺師症候群）とQiitaについて - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? dev.to を見ていたら、 #impostorsyndrome というタグがあり、 #shecoded でもけっこうみんな Impostor Syndrome に苦しんでいたという記述がありました。 調べてみたら、 Impostor Syndrome （詐欺師症候群） に陥っている方は多いんじゃないかと思い、というか自分がまさに当てはまった気がしたので、エンジニアの視点でまとめてみます。 Impostor Syndrome とは wikipedia によると インポスター症候群またはインポスター・シンドローム(英: Impostor
なるべく短い正規表現で住所を「都道府県/市区町村/それ以降」に分けるエクストリームスポーツ - Qiita
rex = /ごにょごにょ/ p "東京都文京区後楽１丁目３−６１".match(rex).captures #=> ["東京都", "文京区", "後楽１丁目３−６１"] みたいなやつ。なるべく短く。 実用性？ そんなもの、うちにはないよ。 TL;DR 「読むのめんどくさい」という人用に最初に最終結果を置いておきます (...??[都道府県])((?:旭川|伊達|石狩|盛岡|奥州|田村|南相馬|那須塩原|東村山|武蔵村山|羽村|十日町|上越|富山|野々市|大町|蒲郡|四日市|姫路|大和郡山|廿日市|下松|岩国|田川|大村)市|.+?郡(?:玉村|大町|.+?)[町村]|.+?市.+?区|.+?[市区町村])(.+) あまり厳密ではないのでちゃんとしたとこでは使わないほうがいいです 住所データを用意する 郵便局からデータをダウンロードしておく。一ヶ月毎に更新されている。 → 郵便番号データ
職務経歴書（履歴書）を Gist の Secret で管理してみたらとても良かった - Qiita
はじめに 以前、職務経歴書を GitHub で管理しているという投稿を見て、「あーこれはナイスだな」と思った反面、 「そこまでオープンにするのは抵抗あるな」という感想で落ち着いていました。 しかし、やっぱり Excel などで管理するのはイケてないので、良い代替案を探していました。 そこで GitHubGist の Secret です しばらく使ってみたところ、自分の中で納得感があったので、手順やメリットなどを共有します。 手順 Gist へ行く resume.md のような名前でファイルを作成 ここで Create secret gist を選択します 職務経歴書や自己紹介などを記載 見せたい相手に見せる 自分の場合は Wantedly や LinkedIn に URL を貼っていました Secret Gist の良いところ 見せたい人だけに見せられる URL を知らないとページにたどり
転職ドラフトで1000万円超えのオファーを2度貰ったエンジニアが「評価された理由」と「正社員で働く意味」について考えてみました。 - Qiita
【キャリア/転職ドラフト】正社員/契約社員エンジニアという働き方のメリット/デメリット - YouTube ここ数年はフリーランスエンジニアとして色々な企業様でお世話になっているのですが、「正社員は嫌だ」というわけではなく、また「自分の市場価値をシビアに知っておきたい」ということもあり、転職ドラフトには毎回参加させて頂いております。 転職ドラフトに関してご存知ない方はこちらとかこちらの記事が参考になると思われます。 ちなみに私は転職ドラフトや運営会社のリブセンスさんとは何の関係も無いのでステマとかではありません。 どんなオファーを貰ったのか 私の場合、年齢的に普通におじさんだということもありまして、オファーが0件の場合も多いのですが、有り難いことに今までに1000万円超えのオファーを2回頂いた経験があります。 1回目のオファーに関しては、実際に面談にも伺ったのですが、労働環境やチーム方針等
至高の言語、Nimを始めるエンジニアへ - Qiita
流行っていなくとも、良いものは良い。美しいものは美しい。 『Nimを触り始め(る|た)けどドキュメント少なすぎ！ なにから学べばいいかわからない！』 という人（過去の私）へ贈ります。 「このあたり知っておけば、言語理解が速いはず 」 って想いで書いています。 触り始めて間もない私なので粗があると思いますが、みなさんにとってNimへの良い入り口となれば幸いです ちなみに私はWeb系に偏っており、ポインタ？美味しいよねぇ といった具合です。 詳しい記事への導線を配置しているので、この記事はあくまでも最初のつまづき用の杖だと思ってください。 Nimの素敵ポイント いきなり本題とずれますが、宣伝させてください。 Nim とは 美しくありながら パフォーマンスがかなり高く メタプログラミングに長けた コンパイル言語です。
Qiitaで記事にCodePenが埋め込めるようになりました - Qiita
Qiitaで記事にCodePenのPenが埋め込めるようになったので、実際に作りつつ埋め込み方を紹介します。 CodePenのエディタの開き方 CodePenにアクセスし、ログインまたは登録後「Create」→「New Pen」を選びます。 するとエディタ画面が出ます。 HTML, CSS, JSなどを入力してSaveします。 埋め込み方 エディタ画面の右下のバーに Embed という項目があるのでクリックします。 するとモーダルが出るので、HTML形式を選択してボックス内のHTMLタグをコピーします。 コピーしたHTMLは以下のような感じになると思います。 <p data-height="265" data-theme-id="0" data-slug-hash="dJgNLK" data-default-tab="js,result" data-user="tomoasleep" da
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
