(English article is here) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 皆さんは、スマートスピーカーを使っていますか？ 私は最近、Amazon Echoで「アレクサ(Alexa)」を使い始めました。最初は 「正直そんなに必要ないのでは？」 という気持ちもあったのですが、実際に使い始めると、なかなか便利で手放せなくなってしまいました。 携帯電話を取り出す必要もなく、誰でも、どこからでも、声だけで使える というのは利便性が高いですね。最近の機械学習・AI技術の進歩もあり、認識精度もいよいよ実用的になってきたなと感じます。 ある調査によると、アメリカでは成人の18%がスマートスピーカーを保有しており、さらに保有者の 65%は「手放せない」と言っている…という結果も出ています。 (参考: The Smart Audio Report | N

Photo by Malcolm Tredinnick こんにちは。谷口です。 最近は機械学習が流行っているからか、PythonやNumpyなどの数値計算系のPythonライブラリなどが人気ですよね。 では、PythonのWebフレームワークである「Django」については知っていますか？ Djangoは、とりあえずWeb開発に必要なものが全部入っている、Webアプリケーションフレームワークです。Rubyで言うところのRailsのような感じですね。 初心者でも比較的簡単にそれなりのWebアプリを作成することができるので、Pythonを使ってWeb開発をしてみたい人には最適です。 そこで今回は、プログラミング初心者の方でもDjangoの使い方を学べるコンテンツを8件ご紹介していきます。 ■初心者でもDjangoの使い方を学べるコンテンツ ◆Djangoの公式ドキュメントとチュートリアル 日本

どうも、まさとらん（@0310lan）です。 今回は、Webサイトやアプリなどへ複数人によるリアルタイムコラボレーション機能を、驚くほど簡単に実現してくれるJavaScriptライブラリのご紹介です！ このライブラリ自体は、数年前から存在しているので知っている方も多いと思いますが、まだ「知らないよ…」という方は、ぜひこの機会にトライしてみてください。 いまだに、ちょっとした「コラボ機能」を実装したい時に重宝する唯一のライブラリになっています！ 【 TogetherJS 】 ■「TogetherJS」の始め方！ それでは、実際にサンプルを作りながら「TogetherJS」がどのようなライブラリなのかを見ていきましょう！ まず最初に、「TogetherJS」を利用するのに必要となる本体ファイル「together.js」をGitHubからダウンロードするか「git clone」で取得します。 も

どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います！ 強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサービスとして利用できるものまで、ピックアップしてみました。 これからWeb開発を始めようという人はもちろんですが、開発ネタに困っている人も何か良いアイデアが発見できるかもしれないので、ぜひ参考にしてみてください！ ■波形表示やプレイヤーも作れる高機能な音楽ライブラリ！ 【 wavesurfer.js 】 音声ファイルを読み込むだけでグラフィカルな波形表示が可能で、多彩なオプションを利用することで自在に音声を制御できるJavaScriptライブラリです。 音声の再生・早送り・巻き戻し・ミュートなどの基本機能はもちろん、音声の書き

Photo by Mark Hawkins こんにちは。谷口です。 最近、どことは言えませんが会社（IT系ではない）が倒産してしまった友人に会ってきました。 友人は「自分の会社は大丈夫だと思ってたのに、急に経営が傾いてしまった」と言っていましたが、paizaに登録しているエンジニアでも、同じように「大企業だから安定していると思って入社したのに、急に会社が傾き出した」「自分の会社だけは大丈夫だと思っていたので、転職なんか考えたこともなかった」と言う方はいらっしゃいます。 「うちの会社は大丈夫」「大手だから大丈夫」と無意識に思い込んでいる人は結構多いようですが、よく考えてみるとこの「大丈夫」には何の根拠もありませんよね。今や大手の家電メーカーでも簡単に傾きますし…いろいろな会社が急に倒産したり記者会見したりしています。 永続的な安定が保障されている会社なんてこの世に存在しないのに、なぜ「自分だ

Pythonのビジュアライゼーションライブラリseabornとpandasを使うと、ペアプロット図（散布図行列）を簡単に作成できる。 seaborn.pairplot()関数を使う。 seaborn.pairplot — seaborn 0.8.1 documentation 第一引数にpandas.DataFrameを指定するだけで各列同士の散布図がマトリクス上に配置されたペアプロット図が作成できる。対角線にはヒストグラムが配置される。 Irisデータセットを例に、各種引数による設定などを説明する。 Irisデータセット seaborn.pairplot()関数の使い方とデフォルト設定 カテゴリデータに従って色分け: 引数hue カテゴリの順番を指定: 引数hue_order カテゴリの色を指定: 引数palette グラフ化する列を指定: 引数vars, x_vars, y_vars

KMeans 法は、機械学習における教師なし学習のクラスタリングという問題を解くためのアルゴリズム。 教師なし学習というのは、事前に教師データというヒントが与えられないことを指している。 その上で、クラスタリングというのは未知のデータに対していくつかのまとまりを作る問題をいう。 今回取り扱う KMeans 法は、比較的単純なアルゴリズムにも関わらず広く使われているものらしい。 実際に書いてみても、基本的な実装であればたしかにとてもシンプルだった。 ただし、データの初期化をするところで一点考慮すべき内容があることにも気づいたので、それについても書く。 KMeans 法の具体的なアルゴリズムについてはサンプルコードと共に後述する。 今回使った環境は次の通り。 $ sw_vers ProductName: Mac OS X ProductVersion: 10.12.3 BuildVersion

概要 conda 使っていると、大体の有名どころのパッケージは見つかるのですが 当然、存在しないものもあります。いろんなページで、そういうときは pip でインストールすると記載されています。 例えば、私が個人的にめっちゃ使っているパッケージに pyperclip ってのがあって これは、デフォルトでは 見つかりません。 ~$ conda search --full-name pyperclip Fetching package metadata ........... PackageNotFoundError: Packages missing in current channels: - pyperclip We have searched for the packages in the following channels: - https://repo.continuum.io/p

秋山です。 Pythonに限った話ではないですが、プログラミングをしていると、使っているライブラリのバージョンを変えたいけど別のライブラリとの依存関係があって難しい…みたいなことってありますよね。 こういったバージョン由来のトラブルやつらみをある程度カバーして助けてくれるのが、仮想環境とパッケージ管理です。 仮想環境とパッケージ管理を使いこなせるようになれば、少なくとも「バージョンの依存関係であっちを入れたらこっちが動かなくなった！」とか「Pythonのバージョンを上げたらこっちのパッケージが動かなくなった！」みたいなトラブルからは解放されます。 今回はPython初心者向けに、仮想環境とは何ぞという話と、venvとpipを使った標準的なPythonにおけるパッケージ管理方法、さらにPipenvを使ってもう少し楽に管理する方法などについて書いていきます。 ■venvとpipを使ってみる P

秋山です。 PythonはNumpyとかSympyとか、数値計算が得意なライブラリが充実しています。もちろん中学・高校の数学で習うレベルの計算もすぐにできちゃいます。 というわけで今回はPythonでプログラミングをして、中学・高校で習う数学の問題を解いてみました。 Pythonが使えるようになれば、中学・高校レベルの数学では困らずに済む。かもしれない。 ■中学2年生レベル ◆連立方程式 ◇問題 x + y = 3 x + 3y = 13 のとき、xとyを求めよ。 Numpyを使って、連立方程式を行列計算で解いてみました。 ■中学3年生レベル ◆2次方程式 ◇問題 x^2 - 10x + 24 = 0 のとき、xを求めよ。 昔の授業では (x - 4)(x - 6) = 0 x = 4 , 6 このような解法を習ったと思います。 この問題は、NumpyのPolynomialを使って式を作り

どうも、まさとらん（@0310lan）です！ 今回は、簡単なJavaScriptコードを記述するだけでインタラクティブなマップを自分のWebサイトに設置できるサービスをご紹介します！ Googleマップよりも手軽に扱えるのが特徴で、スクリプトを読み込んで少ないコードを記述するだけなので誰でも簡単に利用できると思います。 マップのカスタマイズやマーカーの設置、イベント処理、ナビ機能など…、それぞれの基本的な使い方を詳しく解説していきます！ 【 Mapfit 】 ■「Mapfit」の使い方 それでは、実際に「Mapfit」を使うために必要な準備から進めていきましょう！ 「Mapfit」を使うには、専用のCSSファイルとJavaScriptファイルが必要になるのですが、これらはCDN経由で簡単に導入できるようになっています。 以下の「linkタグ」と「scriptタグ」をHTMLファイルに挿入す

paizaラーニングでは、動画レッスンとオンラインエディタ&実行環境を通して、未経験者でもプログラミングが学べます。 今回は、paizaラーニングの「DB/SQL入門編」で公開しているレッスン内容をご紹介します。 動画と演習課題で学べる「DB/SQL入門編」は、ただいま7月2日（月）までの期間限定で全編無料となっておりますのでぜひごらんください。 ■DB/SQL入門編の学び方 各チャプターに進むと、上のようなレッスン画面が開きます。 動画エリアでは、各チャプター約3分の動画が表示されます。 補足テキストエリアでは、動画の補足説明や、解説している問題の問題文などが表示されます。「演習課題へ進む」ボタンを押すと、そのチャプターの学習内容をもとにした類似問題が出題されます。 コードエリアでは、動画を見ながら、動画に出てきたものと同じSQL文をすぐに書くことができ、実行結果もすぐに入出力エリアで確

Photo by Christiaan Colen こんにちは。谷口です。 プログラミング初心者の中には「仕事で必要になりそうなんだけどよくわからない…」「プログラミングなら多少できるけどシェルって何？」といった方もいるかと思います。 LinuxやUNIXなどのOSを利用するときに欠かせないのがシェルコマンドです。シェルにはいろいろな種類がありますが、最近のLinuxやMacなどでは、bashがシェルの標準環境とされ、広く使われています。 「黒い画面が怖いし、難しそう…」と思われるかもしれませんが、シェルを使えるようになると「キーボードとテキスト画面だけでOSを操作できる」「コマンド履歴が作業手順になり自動化もできる」などといったメリットがあります。 そこで今回は、シェル初心者でも無理なく学べる学習コンテンツを5件ご紹介します。 ◆paizaラーニングのシェルコマンド入門編 動画と演習問題

こんにちは、マンガチームアプリケーションエンジニアのすてにゃん ( id:stefafafan ) です。マンガチーム以前はMackerelチームに所属していて、その時の仕事については以下の記事を参照ください。 developer.hatenastaff.com 「はてなではどういうものを開発しているのだろう？」「あの方はどういう仕事をしていて、どういう事を意識しているのだろう？」など、気になっている人もいると思うので、今回ははてなのマンガチームでの仕事を紹介したいと思います。 はてなのマンガチームとは？ はじめてのチーム異動 GigaViewerに関わり始める GigaViewer採用3例目「マガポケ」 GigaViewerについての解説記事を社内向けに書いた GigaViewer採用4例目「コミックDAYS」 GigaViewer採用5例目「くらげバンチ」 振り返り はてなのマンガチー

先々週のAtCoder Regular Contest 098で念願の青Coderになれて、競プロモチベが止まらないMisterです。 プログラミング歴1年半、こと競プロ歴に関しては半年弱の私が今まで何をやってきたのか、いい機会なので振り返ってみます。 目次 目次 AtCoder編 ABC-A,B及びARC-A ABC-C ABC-D、ARC-B AGC-A,B バイリンガルへの道？ 解説記事 今後の話 AtCoder編 私がメインで取り組んでいるコンテストサイトは、もちろん「AtCoder」である。 無論一番多くの問題を解いているのもAtCoderであり、青になった時点で大体500問解いていた。 そこで、私がどのような過程を踏んでAtCoderの問題を解いていったのかを振り返ってみようと思う。 ABC-A,B及びARC-A ABC-A,Bのように「今の実力なら瞬殺できる」ような問題を大量

どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単にクオリティの高いデータの可視化（データビジュアライゼーション）を実現することができる無料サービスのご紹介です！ アニメーションも自動生成されるうえ、ネット上に公開したり自分のブログやサイトに挿入することも簡単にできます。 また、上級者向けにJavaScriptを活用した独自テンプレートの作成機能が用意されているなど、自由度の高いサービスなのでご興味ある方はぜひトライしてみてください！ 【 Flourish 】 ■「Flourish」の使い方 それでは、実際に「Flourish」を触りながら、どのように始めたらいいのかを見ていきましょう！ まずは、サイトのトップページにある「Sign up」から無料のユーザー登録をしておきます。 メールアドレス、パスワード、ユーザー名を入力すればすぐに登録は完了します！ すると、自分専用の「マ

はてなブログ公式ミートアップ中止のお知らせ（2018/06/25 13:12追記） 7月1日に予定していた「はてなブログ公式ミートアップ」につきまして、開催を中止することにいたしました。 6月24日夜、福岡市内にてブログ関連のセミナー開催後に講師が刺殺されるという痛ましい事件が発生いたしました。事件の全容については不明ですが、本件を受け慎重に検討いたしました結果、参加者の安全確保のため、今回のイベントについては中止とさせていただきます。 開催直前のご案内となり、大変申し訳ありません。ご応募いただいた方には、別途お申込みメールアドレスに中止のご案内をします。何卒ご了承いただきますよう、よろしくお願い申し上げます。 なお、次回の開催について現時点では未定となります。 ＊ 追記ここまで ＊ 参加のお申し込み受付は終了しました。たくさんのご応募、ありがとうございました。 結果は当落にかかわらず、6

どうも、まさとらん（@0310lan）です！ プレゼン用のスライド資料を作成する時に、テキストボックの配置に悩んだりフォントやカラーリング、チャートの作成に時間を掛けていたりしませんか？ 今回ご紹介するサービスは、AIの活用により多種多様なスライド資料を学習させて最適なデザインを提案し、無駄な時間をカットして本来プレゼンに必要な「伝えたいこと」だけに集中できます。 超短時間で見栄えが良くて分かりやすいスライド資料を作りたい方は、ぜひ参考にしてみて下さい！ 【 Beautiful.AI 】 ■「Beautiful.AI」の使い方！ それでは、実際に「Beautiful.AI」を触りながらどのように利用すればいいのかを見ていきましょう！ トップページにアクセスしたら、画面上部にある「SIGN UP」ボタンをクリックします。 「メールアドレス」「パスワード」を入力すればユーザー登録は完了です！

どうも、まさとらん（@0310lan）です。 今回は、これからJavaScriptを学習しようという人や、ちょっとしたプロトタイプを開発したい人に向けて、オススメの「オンラインコードエディタ」を厳選してご紹介しようと思います！ 選んだ基準としては…、 SSL対応のWebサービス JavaScriptの実行環境が備わっている 作成した「コード」や「作品」の公開が可能 面倒なログイン不要ですぐに使える 無料で利用できる …などの点を重視しながら、誰でも「ブラウザ」さえあれば今すぐ使えるモノをまとめてみたので、ご興味ある方はぜひ参考にしてみてください！ ■Webページとしても公開できる実用的なエディタ！ 【 PLAYCODE 】 「PLAYCODE」は、まだ新しいサービスですが、JavaScriptプログラミングの学習はもちろんのこと、ちょっとしたプロトタイプの開発に最適なコードエディタと言える