paiza開発日誌

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

開発ネタ

JavaScriptで人工知能を活用した画像解析ができる「Kairos」で顔認識をやってみた!

どうも、まさとらん(@0310lan)です!今回は、人工知能を活用した高度な画像解析を、簡単なJavaScriptコードで実現できるWebサービスをご紹介します!画像に写っている「顔」を認識させて、その人物の「感情」を読み取ったり、顔の座標データを取得するよう…

初心者でもAWSの使い方を学習できるサイトと書籍6選

Photo by Andrew Mager こんにちは。谷口です。最近「AWSについて勉強したい、自分で使ってみたい」「仕事でAWSの知識が必要になった」という初心者の方から、「AWSがどんなものかよくわからないので知りたい」と聞かれることがよくあります。AWSとは「Amazo…

HTML・CSSだけでWebアプリを開発できる「Mavo」でGitHubをデータベース代わりにしてみた!

 どうも、まさとらん(@0310lan)です!今回は、HTMLに専用の属性を追記するだけで、誰でも簡単にWebアプリを開発することができるフレームワークのご紹介です!カスタマイズ性も非常に高く、GitHubと連携してデータを保存することも可能なのでアイデア次第…

プログラミング不要!Googleフォームを「チャットボット」に変換できる「Fobi.io」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単に「チャットボット」を作って公開することができる無料のWebサービスをご紹介します!必要な準備は「Googleフォーム」を1つ用意するだけ!プログラミングは一切不要で、すべてブラウザ上で完結でき…

GitHubだけで超高機能なスライド資料が作れる「GitPitch」の使い方を徹底解説!

どうも、まさとらん(@0310lan)です!今回は、ブラウザ上のGitHubでMarkdown(マークダウン)ファイルを作成し、そのまま超高機能なスライド資料に変換してくれるサービスのご紹介です!もちろん、自分でMarkdownファイルを用意してpushするだけでもOKなの…

プロジェクトを炎上させないために、新人PMが読むべき書籍5冊

Photo by Rhys Morgan こんにちは。谷口です。先日このような記事を書きました。 paiza.hatenablog.comこの記事でも書いている通り、開発プロジェクトにおいて「メンバーの働きやすさはPMにかかっている」というのは間違いないかと思います。ただ、もちろんP…

コード不要で手描き風のSVGアニメーションを自動作成できるエディタ「Vivus Instant」の使い方大公開!

どうも、まさとらん(@0310lan)です!今回は、誰でも超簡単にSVG画像をアニメーション化できる無料のWebサービスをご紹介します!このサービスは、JavaScriptでSVG画像を制御できる「vivus.js」をベースにしており、誰でもプログラミング不要で簡単に「手描…

ゲーム開発にも最適!ブラウザ上ですぐに3Dモデルが作成できる「3DC」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、「立体的な3Dモデルを簡単に作ってみたい!」という人にオススメなWebアプリが公開されているのでご紹介しようと思います!ブラウザから即座に起動でき、プラモデルを組み立てるような感覚で手軽に3Dモデルを作…

スマホだけでゲーム開発が完結できる画期的なアプリ「HopScotch」の遊び方を徹底解説!

どうも、まさとらん(@0310lan)です。今回は、iPhoneやiPadなどから手軽にゲーム開発ができるオススメの無料アプリをご紹介します!開発方法がとてもユニークで、指先1つで「ブロック」をドラッグすれば本格的なロジックをプログラミングすることが可能です…

WebストラテジーゲームでJavaScriptが学べる「Empire of Code」の遊び方を大公開!

どうも、まさとらん(@0310lan)です。今回は、基本的なプログラミングに慣れてきて、「次に何しようかな…?」と考えている人に最適なWebサービスをご紹介しようと思います!ブラウザから遊べる「ストラテジーゲーム(戦略ゲーム)」なのですが、自軍の兵士…

初心者でもLAMP環境でのWebアプリ開発方法を学べるコンテンツ8選

Photo by PROCal Evans こんにちは。谷口です。プログラミングを学習中の皆さんは、「LAMP(ランプ)環境」についてご存知ですか?LAMPとは、Webアプリケーションの実行環境の組み合わせを表したものです。Webアプリケーションの実行環境では普通、OSとWebサー…

Webエンジニアがよく使う【Git,Railsのための】pecoコマンド10種

Photo by michelle 中村です。開発業務では、なにかとターミナルを使って作業することが多いですよね。最近ターミナルを使うことが増えてきたけどあまり効率的に作業できていない気がする人、GUIツールから乗り換えてみたいけど、ちょっと勇気がいるなと思っ…

SlackとHubotで開発チームの分報を集めるBotを作ってみた

Photo by Alper Çuğun 中村です。チームで開発している皆さんは、そのチーム内でのコミュニケーションをどのようにとっていますか?最近、弊社のエンジニアチーム内ではSlackをもっと便利に使おうぜブームが来ているので、実験的に分報を書く取り組みを実施…

エディタ・OS・マウスetc…エンジニアに聞いた好きな開発環境ランキング

Photo by Juhan Sonin こんにちは、谷口です。ITエンジニアの皆さんは、エディタは何を愛用していますか?先日、paizaのご登録ユーザーの皆さんに対して実施したアンケートから、「好きなOS」「好きなエディタ・IDE」「好きなLinuxディストリビューション」…

マストドンとツイッターに同時投稿できるツールをPythonで作ってみた

Photo by Bryan Kemp 秋山です。最近話題の「Mastodon」( マストドン )ですが、皆さん使っていますか?私は、個人的にtootとtweetを同時にしたいと思うことが多いです。せっかくなので、それを叶えるツールを(ざっくりですが)Pythonで作ってみました。便…

コーディング不要・初心者でもブラウザだけで万能チャットボットを作れる「Tars」の使い方大公開!

どうも、まさとらん(@0310lan)です。今回は、誰でもプログラミング不要、「チャットボット」を制作して公開できるWebサービスのご紹介です!作れるボットの種類も幅広く、例えば…予約注文、カスタマーサポート、FAQ…などに対応するチャットボットを簡単に…

JavaScript初心者に最適!パラパラ漫画アニメーションをプログラムで制御できる「Wick Editor」を使ってみた!

どうも、まさとらん(@0310lan)です。今回は、誰でも気軽にブラウザ上で「パラパラ漫画」のようなアニメーションを作成できるWebエディタのご紹介です!このエディタが面白いのは、JavaScriptで動きを制御できるところで、活用次第ではインタラクティブなWe…

1位と2位は大接戦!エンジニアに聞いた【好きなプログラミング言語】ランキング

Photo by Connie Ma こんにちは、谷口です。ITエンジニアの皆さんは、数あるプログラミング言語の中で、どの言語が一番好きですか?先日、paizaのご登録ユーザーの皆さんに対して実施したアンケートから、「一番好きなプログラミング言語」の調査結果が出ま…

昨年新卒入社したエンジニアが、一年間で学んだことを振り返ってみる

Photo by Steven Cooper 青木です。昨年の4月にpaiza(の運営元のギノ)に新卒エンジニアとして入社いたしまして、一年が経ちました。長かったような短かったような。というわけで今回は、この一年で学んだことを、開発業務もそれ以外も含めて振り返ってざっ…

初心者でもJavaScriptでゲーム開発から公開まで可能!「WoofJS」エディタの完全チュートリアル!

どうも、まさとらん(@0310lan)です。みなさんは、ビジュアルプログラミング言語の「Scratch(スクラッチ)」を触ってみたことはあるでしょうか?ブロックを組み合わせるだけなので、視覚的にもプログラムが理解しやすいのですが、できることに限界があるた…

初心者でも簡単にWebサイトを面白くできるJavaScriptライブラリ8選を徹底解説!

どうも、まさとらん(@0310lan)です。みなさんは、JavaScriptライブラリを活用されているでしょうか?Web開発を効率化してくれたり、便利な機能を手軽に組み込んだりできるわけですが、今回はちょっと趣向を変えて「Webの楽しさ」を味わうことができるイン…

【一覧付き】初心者は意外と知らない?便利な関数たち(Python3版)

Photo by pycon jp 秋山です。Python3を使って開発中&勉強中の皆さん、組み込み関数はどれくらい覚えていますか?よく使うrange, input, min, max, dict……などしか覚えていないという人も多いかもしれません。公式ドキュメントを見ると、実に68個もの組み込…

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…