paiza開発日誌

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

Webサービス紹介

PCカメラが「QRコードリーダー」に大変身!JavaScriptで簡単に開発できる「Instascan」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、お手持ちのPCに搭載されているカメラや、USB接続のWebカメラなどを「QRコードリーダー」に変えてしまうJavaScriptライブラリのご紹介です!すでに「QRコード」を読み取るスマホアプリなどが多く存在しています…

入門者向け・HTML/CSSの基礎が学べるサイトと本8選

Photo by Christian Heilmann こんにちは、谷口です。最近、エンジニアやデザイナー以外の方からも「HTML/CSSの勉強がしたい」と言われることが増えてきました。「仕事で使うことがある…」という方はもちろん「趣味でやっているブログやWebサイトを改造した…

ブラウザだけで簡単にプログラミング動画を作って公開できる「Scrimba」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザさえあれば今すぐ「プログラミング動画」を制作してネット上に公開できる無料のWebサービスをご紹介します!自分の声を一緒に収録することも可能なので、チュートリアル動画やプログラミング講座などを…

1行のJavaScriptコードでユーザーの行動分析を動画で確認できる「LogRocket」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、自分のWebサービスやサイトに訪問したユーザーが、どのような行動をしているのかを動画で再現してくれるサービスのご紹介です!ユーザー側で発生した不具合などのログも記録されたり、特定のユーザーだけを抽出…

機械学習のデータセットを可視化する「Facets」で遊んでみた

秋山です。先日、Google Open Sourceで「Facets」という機械学習向けデータセットの可視化ツールが公開されました。サイトはこちら opensource.googleblog.com (※Chromeであれば、ブラウザ上でどういったことができるかのデモを触れます。Safariだとうまく動…

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

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

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

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

数学・情報科学などに関する、面白くてためになるサイトとアプリ5つ

Photo by Peter Morville こんにちは、谷口です。みなさんはプログラミングや周辺知識の勉強でどんなサイトやアプリを使っていますか?最近、弊社のエンジニアたちから数学や情報科学などに関するちょっと楽しくて勉強になるサイトを聞いて、いろいろ見たり…

初心者でも分かる!アルゴリズムの初歩的な話と入門サイトや本5選

Photo by Mike Goren 秋山です。皆さんは「アルゴリズム」という言葉を聞いて何を思い浮かべますか?最近では機械学習や人工知能(AI)、ビッグデータなどが話題になっているので、ディープラーニング、ニューラルネットワーク、クラスタリング、グラフ理論な…

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

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

プログラミングの勉強で挫折する人は、続けられる人と何が違うのか?

Photo by Peter Alfred Hess こんにちは。谷口です。最近はオンラインでプログラミングが学べるサービスも増え、プログラミングの勉強を始めるハードルはかなり下がってきました。paizaでも、プログラミングが動画で学べるサービス「paizaラーニング」を公開…

初心者向け・PHPの練習問題をたくさん解ける学習サイトと本8選

Photo by Dirk Haun こんにちは。谷口です。paizaでは転職・就職サービスの他に学習コンテンツ「paizaラーニング」も運営しています。多くのプログラミング初心者の方にご利用いただいている中、よく質問されるのが「最初に勉強するのに適したプログラミング…

【解答コード公開】異世界を救う召喚プログラマ続出!その方法を解説

paizaで先月から公開しておりました、異世界転生ファンタジーRPG『ロジックサマナー~閃光の召喚プログラマ』(略してロジサマ)にたくさんのご挑戦ありがとうございました!今回はランキング問題の解法を解説いたします。(※解答コードはPythonで記述してい…

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

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

未経験からエンジニアへ!初心者向けのプログラミング学習方法3つ

Photo by katesheets こんにちは。谷口です。エンジニア未経験の方や、経験が浅い方に向けた新サービス「EN:TRY」を始めて以来、「これからプログラミングの勉強を始めたい」という初心者の方からのご相談を受けることが増えてきました。特に「プログラミン…

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

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

初心者向け・C言語の練習問題をたくさん解ける学習サイトと本8選

Photo by frontriver こんにちは。谷口です。先日paizaが行ったアンケートで、「好きなプログラミング言語」の3位(※学生2位・社会人4位)にC言語がランクインしました。 paiza.hatenablog.com学生人気が高いのは、情報系学部の授業でプログラミングの基礎と…

初心者向け・Pythonの練習問題をたくさん解ける学習サイト7選

Photo by thekirbster こんにちは。谷口です。先日paizaが行ったアンケートで、「好きなプログラミング言語」の1位(※社会人2位・学生1位)にPythonがランクインしました。 paiza.hatenablog.comPythonは1990年代前半からオランダ人のグイド・ヴァンロッサム…

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

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

ゲームエンジニア志望者は必見!キャリアや働き方を学べる動画公開

動画で学べるオンラインプログラミング学習サイト「paizaラーニング」は、「ゲームエンジニア入門編1: キャリアや働き方について学ぶ」のレッスンを公開いたしました。就活生から現役エンジニアの方まで、ゲームエンジニアを目指すすべての方を対象とした、…

遊ぶだけでプログラミングが身につく、7つの本格的ゲームが楽しすぎる!

Photo by Trevor Owens こんにちは。谷口です。プログラミング初心者の皆さんは、これから何を使って勉強しようと考えていますか?paizaを運営していると、 プログラミング未経験だけど勉強を始めたい 環境構築や経験者向けの書籍に挑戦したけど挫折してしま…

初心者向け・Javaの練習問題をたくさん解ける学習サイトと本9選

Photo by Ruth Hartnup こんにちは。谷口です。先日paizaが行ったアンケートで、「好きなプログラミング言語」の2位(※社会人1位・学生3位)にJavaがランクインしました。 paiza.hatenablog.comJavaは、1990年代前半にサン・マイクロシステムズ(2010年Oracl…

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

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

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

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

自分でプログラミングした3Dロボットを動かす対戦ゲーム「Code Warriors」で遊んでみた!

どうも、まさとらん(@0310lan)です。今回は、迫力満点の3Dロボット対戦ゲームで遊びながら、プログラミングも勉強できてしまう一石二鳥のサービスをご紹介しようと思います!操作するロボットは、JavaScriptでプログラミングしないと動かないようになって…

ブラウザだけでJavaScriptを使った3Dゲーム開発ができるWebエディタ「nunuStudio」を使ってみた

どうも、まさとらん(@0310lan)です。今回は、面倒な「インストール」や「ユーザー登録」など一切不要で、ブラウザから即座に起動できる無料の3Dゲーム開発エディタのご紹介です!ゲームに限らず、3DコンテンツやVRアプリに興味のある方にもオススメのサー…

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…などに対応するチャットボットを簡単に…