paiza開発日誌

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

Webサービス紹介

JavaScriptだけで本格的なチャットボットを開発できるライブラリ「BotUI」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザ上で動作するPC・スマホ対応の「チャットボット」を、超簡単にJavaScriptでプログラミングできるライブラリのご紹介です!Vue.jsとPromiseをベースにしたとても簡単な構造になっているのが特徴で、カス…

面倒な環境構築なし!初心者もすぐにプログラミングできるサイト9選

Photo by IDM Südtirol - Alto Adige : ICT & Automation こんにちは。谷口です。プログラミングの勉強や趣味の開発、また仕事でも「ちょっとコードを書いて試したい」ということってよくありますよね。もちろん、その言語の実行環境を設定済みのPCが手元に…

初心者でも超簡単にオフライン対応のWebサイトを構築できるJavaScriptライブラリ「UpUp」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単にWebサイトへ「オフライン対応」の機能を組み込めるJavaScriptライブラリのご紹介です!ネット接続が無い状態でも、通常のWebページと変わらないリッチなコンテンツを表示することが出来るので、ご…

複雑なCSSアニメーションが超簡単にJavaScriptで操作できる「Choreographer-js」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、複雑なイメージのあるCSSによるアニメーションをJavaScriptから簡単に扱えるようにしてくれるライブラリのご紹介です!マウスや画面スクロールなどの移動量をもとにして、リアルタイムなアニメーションを作成で…

JavaScriptでIoT開発!ブラウザ上の無料開発環境で「micro:bit」を使ったガジェットを自作してみよう

どうも、まさとらん(@0310lan)です!今回は、「micro:bit」を使ってJavaScriptによるIoT開発に挑戦してみたいと思います!ブラウザさえあれば、無料の開発エディタからプログラミングすることが可能なうえ、エミュレータも搭載されているので「micro:bit」…

初心者でもシェルコマンド・スクリプトの使い方を学習できるコンテンツ5選

Photo by Christiaan Colen こんにちは。谷口です。LinuxやUNIXなどのOSを使う際に欠かせないのが、シェルコマンドです。授業や仕事でLinuxなどを使う必要が出てきて、「プログラミングなら少しはできるけど、シェルって何…?」という方もいらっしゃるかと思…

Webアプリ、ゲーム、IoTまで!ブラウザだけでJavaScript開発環境が構築できるWebサービスまとめ

どうも、まさとらん(@0310lan)です!今回は、ブラウザだけで本格的なWebアプリの開発から、ゲーム、IoTまで幅広くトライできる無料のWebサービスを厳選してみました!それぞれの用途に特化したWebエディタをピックアップし、その特徴や機能などを解説して…

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

Photo by Joren De Groof こんにちは。谷口です。プログラミングをこれから学習しようとしている方や新人エンジニアの中には「Rubyについて学びたい!」という方も多いと思います。Rubyはオープンソースの動的なプログラミング言語で、プログラミング初心者…

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…


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

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