paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」(https://paiza.jp ギノ株式会社)の開発者が開発の事、プログラミングネタ、ITエンジニアの転職などについて書いています。

開発ネタ

JavaScriptだけで「AI(人工知能)」による高度な画像認識を実現する「Clarifai」の超簡単チュートリアル大公開!

どうも、まさとらん(@0310lan)です。今回は、最近よく話題になっている「AI(人工知能)」を活用し、写真を自動認識して何が写っているのかを教えてくれる機能を作ってみたいと思います!「なんだか難しそう…」と、思うかもしれませんが、ごく普通のJavaSc…

わずか1行のJavaScriptでWebサイトにリアルタイムコラボレーション機能を実現できる「TogetherJS」を使ってみた!

どうも、まさとらん(@0310lan)です。今回は、Webサイトやアプリなどへ複数人によるリアルタイムコラボレーション機能を、驚くほど簡単に実現してくれるJavaScriptライブラリのご紹介です!このライブラリ自体は、数年前から存在しているので知っている方も…

JavaScript開発はこれ1つでOK!超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開!

 どうも、まさとらん(@0310lan)です。今回は、JavaScriptでWeb開発をされている方や、これから勉強しようという方も含めてとても便利に使える無料オンラインエディタのご紹介です!バックエンドは「Node.js」でプログラミングして、フロントエンドは「HTM…

「あとで読む」をあとで読んだことありますか?PocketとTodoistで必ず読めるようにする方法

Photo by ThoroughlyReviewed 中村です。Webには、見つけた記事を「あとで読む」用に保存しておいてくれる、便利なサービスがいろいろありますよね。はてなブックマークでもあとで読むタグをつけることができますし。ただ「あとで読む」という意志が強すぎる…

初心者でも音楽アプリが作れる!Web Audio APIを簡略化したJSライブラリ「Tone.js」でピアノ鍵盤を作ってみよう!

どうも、まさとらん(@0310lan)です。今回は、Web Audio APIの実装で面倒な処理をすべて簡略化し、誰でも音楽プログラミングを楽しむことが可能なJavaScriptライブラリのご紹介です。わずか数行のコードでゼロから「音」を作り出し、メロディを奏でたりエフ…

データ分析初心者向け、Pythonでデータ取得&グラフ描画する方法

秋山です。サービスを運営していると、いろいろなデータから必要な情報だけを取得して分析するような機会もたくさんあるかと思います。分析に使えるツールは世の中にたくさんあるので、どれが使いやすいかは人それぞれですが、今回は「分析を始めたばかりで…

JavaScriptコードは1行のみ!超手軽にWebサイトでパララックス効果を実現できる「Rellax.js」使ってみた

どうも、まさとらん(@0310lan)です。みなさんは、自分のWebサイトに「パララックス効果」を取り入れたいと考えたことはありませんか?「なんだか難しそう…」とか、「実装が面倒くさい…」のようなイメージをもし持っているのであれば、今回ご紹介するJavaSc…

HTML・CSS不要!JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説

どうも、まさとらん(@0310lan)です。今回は、簡単なコードでインタラクティブなWebアプリやゲームなどを作れる「オンラインコードエディタ」のご紹介です!HTMLやCSSを書く必要がなく、さらにJavaScriptを簡単・安全にプログラミングできる「CoffeeScript…

Rubyエンジニアがおすすめする、開発に役立つ超便利なgem15個

Photo by Daniel Morrison 中村です。先日、弊社エンジニアがPythonの便利なライブラリをいくつかご紹介する記事を書きましたが(後でリンク貼りますね)、paizaのメイン言語はRubyなので、Pythonの次はRubyの便利なgemについても書こうと思います。今回挙げ…

わずか1行のコード追加で、どんなWebサイトもCMSっぽくできる!「Simpla」の驚くべき使い方を徹底解説

どうも、まさとらん(@0310lan)です。今回は、既存のWebサイトを究極にシンプルなCMSっぽく管理することができる無料のWebサービスをご紹介しようと思います!このサービスを活用すれば、Webサイトのテキストや画像などの編集、サイトの更新作業などを直感…

初心者でも簡単にできるPythonの環境構築とエディタで実行する方法

秋山です。今日はPythonの初歩的な環境構築について、公式サイトに従ったインストール手段の補足やAtomでの使い方とかを書いてみます。バージョン管理、パッケージ管理などのはひとまず置いておき、手元でPythonが実行出来るまでを解説します。環境構築と言…

【2017年版】ブラウザ上で使えるJavaScript開発&実行環境Webサービスの厳選まとめ

どうも、まさとらん(@0310lan)です。今回は、これからJavaScriptを学習しようという人や、ちょっとしたプロトタイプを開発したい人に向けて、オススメの「オンラインコードエディタ」を厳選してご紹介しようと思います! 選んだ基準としては…、 SSL対応のW…

Docker 1.13リリース!新機能、コンテナ凍結・解凍(CRIU)を試してみた!

こんにちは、吉岡(@yoshiokatsuneo)です。 昨日、半年ぶりにDockerの新バージョンDocker 1.13がリリースされました。 Docker 1.13では、ついにコンテナ凍結・解凍(CRIU)が実験的機能として試せるようになりました。 コンテナ凍結・解凍では、コンテナを停止…

これからエンジニアになる人必見、入社前から読んでおくべきIT系ニュースサイト22選

Photo by Ruben Schade 秋山です。4月からエンジニアとして就職する予定の皆さん、技術系の情報収集はどうしていますか?新しい技術やプロダクト等の情報収集は技術者として欠かせないことです。特にIT技術は毎日のように進化していて、流行もすぐに変わりま…

初心者からのJavaScript開発入門!iTunesのJSONデータを使ってランキングサイトを作るチュートリアル大公開!

どうも、まさとらん(@0310lan)です。今回は、JavaScriptでJSONを使った「Webアプリ開発」に挑戦してみようと思います! そこで、アップルが提供している「RSS Generator」からJSONデータを取得し、多彩なジャンルのランキングサイトを構築してみましょう!…

プログラミング問題を作るエンジニアが、数学的な面白いアルゴリズムを紹介してみた

Photo by Alex Graves 秋山です。paizaでは主にプログラミングスキルチェック問題の作成を担当しているので、アルゴリズムについて調べることもよくあります。というわけで今回はみんな大好き?な、数学的なアルゴリズムについて書いてみたいと思います。プ…

Pythonの学習を始めた初心者が、知っておきたいテクニック4つ

Photo by francois schnell 秋山です。Pythonって多少プログラミング経験がある人であれば、文法的にはそこまで難しい言語ではないと思うのですが、初心者の人がPythonでゼロから何か作ろうとしたり、細かーい修正をしなきゃならなくなったりしたときに、知…

Web上からソースコードの圧縮・整形・変換など190以上のツールを利用可能な「BeautifyConverter」を徹底解説!

どうも、まさとらん(@0310lan)です。今回は、ブラウザ上からWeb制作などで便利に使えるミニツールを190以上も搭載した異色のWebサービスをご紹介しようと思います!特に、ファイル関連のジェネレーターやコンバーターが豊富に揃っているのが特徴で、コンソ…

ツイッターで出題した未定義問題のお詫びと調査と解説について

Photo by Alan Becker Capuyá 青木です。先日、paizaのツイッターアカウント(@paiza_official)で出題した四択問題について、皆様からたくさんのご指摘・ご批判をいただいたので、その経緯と結論をお伝えします。次のような問題を考えて出題しました。int i…

Pythonエンジニアが紹介する、Pythonの超便利なライブラリ・フレームワーク13個

Photo by hoerner_brett 秋山です。私は主にPythonを使って開発をしているので、今回はPythonの便利なライブラリやフレームワークを紹介していきたいと思います。と言っても割と定番のものを中心に使っているので、既にPythonをがんがん使っている人にとって…

Python初心者が2系→3系への移行時に意外と気づかないけど、知らないままだと危険な変更点

Photo by Yuya Tamai 秋山です。私は主にPythonを使って開発をしているのですが、Python2系とPython3系にはいろんな変更点があります。で、互換性がない変更点も割とあって、よく知らないまま初心者が2系から3系に移行しちゃうと結構危険なところもあるので…

Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた!

どうも、まさとらん(@0310lan)です。みなさんは、「CSSフレームワーク」を活用しているでしょうか? いきなりフレームワークと聞くと、「なんだか難しそう…」と思ってしまうかもしれませんが、最近は誰でも利用できるようにシンプルな設計で公開されている…

MacBook Pro Late 2016を会社に買ってもらったので、Vimmerが使ってみたゆるい感想

秋山です。MacBook Pro with TouchBar Late 2016を会社の金で買ってもらったのが今週月曜に届きまして、金曜まで使ってみた感想を書いていきたいと思います。ちなみに新旧マシンスペックは 【新】 MacBook Pro (15-inch, Late 2016) CPU : 2.9 GHz Intel Cor…

あなたが所属する開発チームのランクを決める、12の質問「ジョエル・テスト」

Photo by shaz wildcat こんにちは、吉岡(@yoshiokatsuneo)です。 動きの速いIT業界において、良い製品やサービスをどれだけ素早く生み出せるかは大変重要なことです。 そのためには、エンジニアにとって質が高く、成長できる開発環境が欠かせません。 では…

知らなきゃ損する!Web開発で絶対使いたくなる、人気のJavaScriptライブラリ8選と導入方法を公開

どうも、まさとらん(@0310lan)です。今回は、毎日のように誕生する新しいJavaScriptライブラリの中から、思わず使ってみたくなるようなオススメのライブラリを厳選してご紹介しようと思います。 そのままWebアプリとして活用できそうなモノから、コードの…

JavaScriptライブラリを使った超簡単チェスゲーム開発入門!ブラウザ上でCPU対戦が可能!

どうも、まさとらん(@0310lan)です。今回は、JavaScriptによる簡単なゲーム作りに挑戦するため、「チェス」をテーマにした開発チュートリアル記事となっています。 「なんだか難しそう…」と思うかもしれませんが、簡単な手順で実現できるJavaScriptライブ…

ブラウザだけで今すぐ使える!無料の「ゲーム開発環境」Webサービス厳選まとめ!

どうも、まさとらん(@0310lan)です。 みなさんは、「ゲーム開発」にご興味あるでしょうか?最近人気の「Unity」みたいな統合開発環境があれば、かなり本格的なゲーム作りが個人でも可能になってきましたが、実はこのような統合型の開発環境をブラウザ上で…

機械学習・転職・彼女など…2016年の楽しみなアドベントカレンダー【読むもよし書くもよし】

Photo by Tatsuo Yamashita こんにちは。谷口です。そろそろアドベントカレンダーの季節がやってきます。今年のアドベントカレンダーで面白そうなのが多いので、個人的に楽しみなものをまとめておきます。【※アドベントカレンダー is 何】 アドベントカレン…

ブラウザ上で超簡単にWebサイトが作れる!Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開!

どうも、まさとらん(@0310lan)です。今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版…

デザインセンス不要でWeb制作が捗る!登録ナシですぐ使える「HTML5/CSS3」の無料テンプレート12選+α

どうも、まさとらん(@0310lan)です。ネット上には、Webサイトを効率よく制作できるように多種多様な高品質テンプレートが存在します。そのまま利用しても良いし、開発やデザインの参考にしてみたり…など、その活用範囲は広いのですが、検索すると「有料・…


プログラミング入門講座|paizaラーニング

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編