はじめに 今回もwebpackネタです。色々機能がありすぎるのか自分が記事書くの遅いのか、思いの外進んでおらずもどかしいです。 まぁそんなことはおいといて、webpackの開発環境用ツールのことについて触れたいと思います。 ただ公式にもありますが、本番環境で使うのは避けてくださいとあります。絶対使っちゃいけませんよ？ 今後も増えれば記事に追加していきます。もしおすすめがあれば是非教えてくださいm(__)m inline-source-map 通常ですと、複数ファイルをbundleしてエラーが発生した場合、 ブラウザのconsoleログに出てくるのはbundle.js(bundle.jsに出力したとして)の何行目・・・ と言う情報しか出てきません。 これではデバッグしづらいです。そこでinline-source-mapを使うわけですが、これを使うとbundle前のファイルを示してくれます。

これは Swift Tweets の発表をまとめたものです（次回開催はこちら）。イベントのスポンサーとして Qiita に許可をいただいた上で投稿しています。 ありがとうございました！Q&Aは他の人の発表中でも構わないのでリプを飛ばして下さい。 続いては僕 @koher の発表で、タイトルは "Swiftのエラー4分類が素晴らしすぎるのでみんなに知ってほしい" です。 #swtws — koher (@koher) 2017年1月14日 第 1 部: Swift の 4 種類のエラーについて あまり知られてませんが、エラー処理について、 Swift 2.0 設計時に Core Team がまとめた "Error Handling Rationale and Proposal" というドキュメントがあります。このドキュメントは、僕が去年 try! Swift で発表した際にも参考文献にしまし

お出かけ提案AIチャットボット「あるかな」、旅行先提案機能をリリース～AI（人工知能）の活用により、ユーザーニーズを的確にマッチング～ チャットボットサービスを専門に手掛ける株式会社アルカナ（本社：東京都目黒区、代表取締役社長：関口篤史）は、お出かけ先提案AIチャットボット「あるかな」において、日帰り旅行、宿泊旅行プランの提案サービスの提供を開始いたしました。 ■背景とサービス内容 これまで、旅行先を決定する際は、予めユーザーが情報サイトや書籍などで調査し、要件を満たした旅行プランを設計する必要がありました。本サービスでは、ユーザーの最寄り駅、子供の年齢などを考慮し、チャットボットがユーザーのニーズに合った旅の提案をいたします。このため、ユーザーが調査・計画にかける時間が大幅に短縮され、旅行の意思決定がしやすくなります。 本サービスでは、独自に構築したレジャー関連データベースを元に旅行プラ

Intro テストや仮実装で、適当なランダム文字列が欲しい場合に便利なスニペット。 random string DEMO // with random btoa(Math.random()) // => MC44NzEwODQwMjA1NDA2MTE4 // with crypto btoa(crypto.getRandomValues(new Uint8Array(16))) // => MjQ2LDE0NSwxNzAsMjQ0LDY4LDg3LDMzLDE0NiwxNzcsNjAsMTUyLDE3MSwxNTAsMTcsMTA4LDEwNA== // base64 has `=` remove them btoa(Math.random()).replace(/=/g, "") // => MC45NTM0NTM2OTY3MTc5MDY0 // lower case btoa(Math

Intro 特別なドメインとして予約され、特定の用途で使用可能なドメインとして、 .example .localhost .test などがある。 localhost の Draft や、 gTLD である .dev が Chrome で Preload HSTS になったなどの動きを踏まえ、これらの意味や用途を解説する。 ドメインを利用する上での注意 ドメインは、レジストラなどを通じて取得するため、インターネット上では好き勝手に取得することはできない。 しかし、自分で設定可能な DNS や hosts ファイルなどを使えば、任意のドメインを任意のアドレスに解決させることができる。 例えば、自分が適当にリクエストのテストを行うためのドメインを hosts ファイルに設定し、ループバックアドレスに解決して流していたとする。 このドメインがたまたま実在するものだった場合、そのテストを他のユーザ

富士通研究所は2017年9月20日に2017年度研究開発戦略説明会を実施した。同社は、この説明会を機に2つの新技術を発表した。ディープラーニング型AIが推論した理由を説明する技術と、組み合わせ最適化問題を解く専用コンピューターを実用化レベルに引き上げる技術である。 登壇した代表取締役社長の佐々木 繁氏。日経テクノロジーオンラインが撮影。スクリーンは富士通研のスライドで、意思決定はAIでなくヒトが行うことを示している。 説明会に最初に登壇した代表取締役社長の佐々木 繁氏は、最近のAIブームに触れて、「あちらこちらでAI技術を開発しているが、当初期待したほど社会実装（実用化）が進んでいない」と指摘した。例えば、現在のAIブームの主役ディープラーニング。学習済みのDNN（Deep Neural Network）を使って推論して、結果が出たとしても、その結果になった理由が分からない。「これでは、適

文章を書く仕事をしている多くのライターが苦手にしている作業のひとつに、かつて「テープ起こし」と呼ばれ、いまは「文字起こし」と呼ばれるものがあります。 これは取材やインタビューを行う際に録音したものを聞き返して、逐一正確に文字にしていく作業なのですが、とにかく単調で集中力が必要です。僕はこの作業が苦手ですぐ集中力が切れてしまうので、たとえば60分のインタビューの文字起こしをしようとすると、だいたいその3倍以上の時間がかかることを覚悟しなければなりません。 ある日、たまたま後輩と一緒にインタビューの仕事をしているときに、後輩が僕にこう言いました「新野さん、もし文字起こしを自動でやってくれるソフトがあったら僕は100万円出してもいいですよ」と。 まったく同感でした。この先ずっと、必要な時にいつでも機械がその場で自動的に文字起こしをしてくれるのなら、100万円ぐらい払ってもいい（僕もたまにクラウド

PICO-8でプログラミングを1から学ぶ連載、第10回です。前回はこちら。プログラミング経験者の方は、日本語マニュアルを読んで、すぐに創作にとりかかりましょう。作った作品は、ぜひ掲示板へ。 前回、トマトケチャップをぶっ放す銃を実装しました。次に、ビームを浴びせられることになる、かわいそうな敵キャラクター(ノン・プレイヤー・キャラクター = NPC)たちを作りましょう。 今回のゴール ・NPCをプレイヤー・キャラクター(PC)と同様の処理で表示させる。 ・AIによって、NPCがPCを追いかけるようにさせる。 まず、NPCの絵を描いてみます。こんな感じ。 NPCは、スプライトシートのタブ「1」に描いてみました。左上のスプライトの番号は64です。 AIを作る作業に入る前に、まずPCとNPCを表示・更新する処理を組み上げましょう。前回までに作った、PCを表示・更新するプログラムを整理して作ります。

機械学習とif文が地続きであることを解説しました。 ver.2 質問への回答を追加し、顧客価値の小問に図を追加してわかりやすくかみ砕きました。Read less

こんにちは！億兆の世界探検家☆ふるきちです＼(^o^)／ 最近本を読む時間がなくてニュースばかりですが、、 今回取り上げるニュースはこちら！ AI（人工知能）が広告を作る時代がついに到来！？ | 株式会社エムズコーポレーション 現在のAIの役割 現在実用化されているAI(人工知能)の主な役割は２つある。 機械学習をベースとした「予測」 →膨大な過去のデータを元にした傾向の割り出し 「識別」 →自然言語処理や音声識別、画像認識といった情報の判別や仕分け iPhoneに搭載されている"Siri"は、AI(人工知能)による「識別」機能によるものである。 AIによるマーケティング 現在AI(人工知能)が実用化されている分野は主に３つ。 自動化システム データ分析 データマイニング データマイニングとは、情報システムに蓄積した巨大なデータの集合をコンピュータによって解析し、これまで知られていなかった

独ハノーファーで2015年に創設されたスタートアップ企業「PEAT」は、画像認識により、植物の害虫や疫病、養分欠乏などを瞬時に診断するスマホアプリ「Plantix」を開発。 農作物をスマートフォンで撮影し、画像をアップロードするだけで、農作物の異常を自動診断し、対処法などを表示する仕組みとなっている。 ・スマホで撮影した農作物をアップロードするだけで、異常を検知 「Plantix」は、人工知能とクラウドソーシングを効果的に組み合わせているのが特徴だ。 「PEAT」が独自に開発した機械学習のアルゴリズムは、ユーザーが「Plantix」にアップロードする植物の画像をもとに、害虫や疫病などのパターンを学習。 現時点で、斑点病や黒星病をはじめとする疾病や、アブラムシ、アザミウマといった植物害虫など、180種類以上の害虫や疫病を自動で診断することができる。 また、「Plantix」は、家庭菜園を趣味

社内プロジェクトのあるある話。プロジェクトの対象が既存の社内業務だったり、その置き換えだったりする場合がほとんどなので、特に顧客に当たる実際の利用者とコンタクトを取らないまま完成させ、いざ管理職の会議等で報告、現場まで伝わる頃に突如「聞いてない」「使いにくい」という不満が続出して、最悪プロジェクトが振り出しに戻るパターン。もうひとつが、逆に顧客、パートナーである関連部署、ステークホルダー、果ては無関係な人などが明確な線引きのないまま"中の人"としてプロジェクトに流入し、とめどない肥大化の後、アレの動く城の如く崩壊していくパターン。組織内には、こういったエピソードに事欠きません。酒の肴には申し分ないかもしれませんが、そうも言っていられないですよね。ではどうしたら防ぐことができるのでしょうか。 MVP リーンスタートアップにはMVP（実用最小限の製品：minimum viable produc

機械学習を利用して、Webサイトが抱えるクロスサイトスクリプティング（XSS）の脆弱性を自動検出する技術が登場した。Webサイト側でXSSへの対策を施していても、それをかいくぐって攻撃するパターンまで見つけてくれる。2017年9月上旬に開催されたイベント「PyCon JP 2017 in Tokyo」で、三井物産セキュアディレクションの高江洲勲（たかえすいさお）セキュリティエンジニアが発表した。 高江洲氏は趣味で機械学習を勉強しており、せっかくだから本業のセキュリティに生かせないかと考えた。背景にはセキュリティ技術者の圧倒的な人材不足がある。機械で脆弱性を検出できるようになれば、これまでセキュリティエンジニアの職人技に大きく依存していたセキュリティ診断を自動化できる。 最初からすべての脆弱性を検出できるようにするのは大変なので、とりあえずXSSに対象を絞ることにした。XSSは、悪意のあるユ

■発行日：2017年8月28日 ■定価：2,500円+税 ■山崎圭吾、佐宗 万祐子、八木 美智子、濱野谷 芳枝　著 ■A5判 ■288ページ ■日経BP社 ■日経BPマーケティング ■ISBN：978-4-8222-5949-5 ■商品番号：263310 セキュリティ国家資格の合格指南書 過去問を一問一問詳しく解説 2017年春に新設された情報セキュリティの国家資格「情報処理安全確保支援士」試験に合格するための解説本です。 情報処理安全確保支援士とは何かを解説するとともに、試験に合格するための勉強方法やポイント、2017年春に実施された情報処理安全確保支援士試験の午前Ⅱ、午後Ⅰ・Ⅱで出題されたすべての問題を詳しく解説します。 本書の特徴は、2017年4月に実施された第1回情報処理安全確保支援士試験の問題を、実務に長けたセキュリティのエンジニアが、とにかく丁寧に解説していることです。 単に問

無料Wi-Fiサービスなどの公衆無線LANでは、WPAやWPA2▼などの暗号化方式を採用している。WEP▼だと盗聴される危険性が高いが、WPAやWPA2なら安心だと思っている人は少なくないだろう。ただ、SSIDやパスフレーズが公開された無料Wi-Fiサービスでも、安全だろうか。検証してみた。 パスフレーズが公開されている WPAやWPA2には、アクセスするときに入力する文字列（キー）がユーザーごとに異なる「IEEE 802.1X方式」と、すべてのユーザーで同じ文字列（パスフレーズ）を使う「事前共有鍵（PSK▼）方式」がある。どちらの方式でも、キーやパスフレーズがわからなければ、解読するのはまず不可能だ。 ところが無料Wi-Fiサービスは、アクセスポイントを識別するSSID▼やPSK方式のパスフレーズが公開されている。そこで実験8では、攻撃者がパスフレーズを知っているのを前提に、PSK方式の

「ITに全く関係ない分野からITに飛び込んで活躍しているエンジニア」など、何らか“越境”を経験したエンジニアを「越境エンジニア」と名付け、1カ月に一人ずつインタビューを掲載する。今月取り上げるのは、一般向けの投資サービスを手掛けるFinTechベンチャーの「FOLIO」でCDO（Chief Design Officer）を務める広野萌（ひろのはじめ）氏。デザイナーの立場から様々なアイディアをFOLIOにもたらし、同社のサービス開発をリードしている。今回は、パソコンに触れるようになったきっかけから前職のヤフーでの取り組みまでを聞いた。 父親は映像制作会社の経営をしています。その影響で、最初にパソコンを触ったきっかけは動画を作りたいということでした。パソコンでは動画制作を最初に学びました。中学校から高校にかけて、カメラやビデオカメラを触ったり動画編集をしたりして、友達と一緒にドラマや映画を作っ

webサイトの作成はどんどんいろんなツールが出て便利になってきています。ただ、そうなると大変なのがコンテンツ作成。慣れないとめんどくさいんですよね。 そんな悩みをAIによって解決しようと、世界中にユーザーを抱える大手Weeblyと、Ledgeでも何度か取り上げているAI自動コンテンツ生成ツールのArticooloが提携を開始したそう。具体的にはArticooloがプラグインアプリとして使用できるようになったそうです。 Articooloについてはこちら↓ [blogcard url=”http://admin.ledge.ai/articoolo”]来てしまった未来。AIによるいい感じライティング＆リライトツール『Articoolo』がやばい[/blogcard] の前に、Weeblyって？ Weeblyはアメリカ発のCMSサービスで、ウェブサイトやブログを簡単に作成することができるプラッ

Apple Store のサイドバーのように、要素をウィンドウのスクロールに追従させる jQuery プラグイン、jQuery Floating Widget を作りました。説明が難しいので、まずはデモをご覧ください! jQuery Floating Widget plugin demo このアイデア自体は新しいものではなくて、たとえば以下の記事で詳しく紹介されています: Fixed Floating Elements | jQuery for Designers - Tutorials and screencasts この方法で基本的にうまくいくんですが、フッターの高さがある程度あると、下までスクロールしたときに該当要素がフッター領域に食い込んでしまう場合があります。そこで、上記記事での実装を参考に、要素の「動ける範囲」を制限するための処理などを加えたものを考えてみました。 例として、フ

緯度経度のデータから、２点間の距離を求めたり、中心点の算出などが行えるライブラリです。 Geolib 100%pureJavascriptで書かれているので、node.jsでもフロントエンドでも使用できます。 node.jsでのインストール方法は以下。 var geolib = require('geolib'); //２点間の距離を求める var distance = geolib.getDistance( {latitude: 36.322356, longitude: 139.013057}, //高崎駅 {latitude: 36.383191, longitude: 139.073177} //前橋駅 ); console.log(distance+"m"); //->8642m //コンバート console.log(geolib.convertUnit('km', dista

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できません。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくないHTMLでもブラウザはなんとか処理するが、パーサーライブラリは正確なHTMLでないと処理できないことがある) 特に問題になるのは前者でしょう。最近のWebサイトではJavaScriptでDOMを操作することは珍しくなくなってきています。SPAであればなおさら難しく、もはやこういった手法によるスクレイピングは不可能でしょう。 ヘッドレスブラウザによるスクレイピング 動的なDOMやパーサーがうまく解釈できないとい

コンテンツマーケティングが広がり、コンテンツの充実を目指す企業が増えてきました。自社で蓄積したノウハウを自社内で記事化するのが理想ですが、中には業務の効率化とコスト削減のため、制作をクラウドソーシングサービスで発注している方も多いのではないでしょうか。 クラウドソーシングに発注する際、懸念点としてあげられるのが記事のコピペ（無断転載）です。もしかしたら、あなたが発注して納品された記事も、どこかから無断転載されているかもしれません。そんなとき、納品された記事がコピペされていないかをチェックするツールが、*「コピペチェックツール」*です。 今回は、コピペがなぜいけないのか解説した上で、調査に有効なコピペチェックツールをご紹介します。 コピペしてはいけない理由 コピペとは、「コピー（複写）＆ペースト（貼り付け）」の略語です。文章や画像をコピーし、別の場所にペーストすることを指します。 誰かが作っ

Mackerel / NewRelic / Elasticsearch Seminar という夢のコラボーレーションのイベントで登壇してきました。3サービスそれぞれ強みがあって、勿論競合する部分（代替できる部分）もあるのだけど組み合わせて使うことが多いと思っているサービスです。次は「住み分けにこんなユースケースあるよ」みたいな話が出来れば聞きたいのでそういう企業で喋りたい人、絶賛大募集中です。 登壇について で私の資料はこちら。 speakerdeck.com インフラエンジニアからすると知ってて当たり前のtopコマンドの見方みたいな話になってます。でもtopは今を知るためのコマンドで歴史を知るためにはモニタリングが必要です。そして歴史（履歴）が無いと障害対応の時に比較することができません。これは id:y_uuki くんが言ってる下記のツイートがまさにそのとおりだと思っています。 モニタ

要約 誰かに引き継ぐ予定のあるウェブアプリの開発では独自フレームワークを避けよう。 背景 会社組織において、誰かが独自フレームワークでウェブアプリを開発する。 システム稼働後、給料が低いなどの理由で転職する。 あなたはウェブアプリの開発経験はないが、どういうわけかこのアプリケーションを引き継ぐことになった。 理由 理由１，独自フレームワークは教育効果が低い HTTPとは、ルーティングとは、コントローラとは、テンプレートとは、といったウェブアプリ開発における基本的なキーワードも知らない状態でいきなりソースコードを渡される。 あなた「.php？これはPHPファイルだね。」 あなた「.html？これはHTMLファイルかな？」 一人目のクリスマスの霊「残念、これはSmartyテンプレートだよ。初心者には難しかったかな？」 あなた「は？Smartyテンプレートだったら拡張子は.tplに統一しろよ。」

今年、就職活動を控えた学生さんと、たまたま話す機会がありました 話を聞いている感じ、技術に自信をもっているみたいで よいねーどんどん技術磨いておくれーと話を聞いてました その時に将来はサーバーサイドエンジニアになるつもりなんですが 今の僕に”いくらだせますか？”と聞かれました 答えは”まぁ普通のバイトよりちょっと高いくらいは出す、あとは交渉次第かな”って言いました すごく不満そうだったので、一つ一つ説明をしました 給料はスキルや評価では決まらない 転職する人も含めて若干の勘違いをしているのが ”評価をされて給料を決めて欲しい” ”持ってる技術にお金を払って欲しい” ”給料はそちらが決めてくれる” でも大抵の場合はそんな採用はしないと思います もちろん全てのケースでではありませんが 採用側は”相場”で給料を決めます 例えばCOBOLという言語があるんですが、命令語は30くらいしかないし 実際

毎日何気なく使っている「電気」は、発電所でつくられて、オフィスや家庭に届けられます。 電気を安全・確実に届けるために、絶縁・導電材料が必要不可欠です。 実は、ここにもテープが使われています。 電気を通しやすい物のことを導体（どうたい）や導電体（どうでんたい）と呼びます。金属が導体の代表です。 逆に電気をほとんど通さない物を絶縁体（ぜつえんたい）または誘電体（ゆうでんたい）と言います。 ガラスがその代表です。 また、半導体（はんどうたい）というものもあります。導体が半分、絶縁体が半分の特性をもっています。半導体は、シリコンから作られることが多く、導体よりも電気を通しにくいことから色々なものに使われています。 絶縁テープとは 絶縁体の特性を持ち、電気を通さないテープのことを「絶縁テープ」といいます。 通電したくない部分や配線を束ねるために用いられることが多いです。 絶縁テープには様々な種類や特