paiza開発日誌

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

Webサービス紹介

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

期間限定で無料公開中!初心者向け「Ruby on Rails」を学べる動画レッスン

動画でプログラミングが学べる「paizaラーニング」は、Ruby on Railsを使ったWebアプリ開発が学べる「Webアプリ開発入門 Rails編」を公開いたしました。現在、普段は有料の「Webアプリ開発入門 Rails編」の各レッスンを、期間限定で連続無料公開しております…

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

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

初心者でも「Ruby on Rails」を学習できるコンテンツ7選

Photo by Andrew こんにちは。谷口です。プログラミングをこれから学習しようとしている方や新人エンジニアの中には「Ruby on Railsについて学びたい!」という方も多いと思います。Ruby on Railsは、Rubyで書かれているオープンソースのWebアプリケーション…

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

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

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

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

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

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

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

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

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

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

コマンドラインツールを自動生成できるPython Fireと他のライブラリ比べてみた

Photo by Jayphen 秋山です。先日「Python Fire」という、Pythonのコマンドラインツールを自動生成できるライブラリが発表されました。どのへんが便利なのか、実際に使ってみながら解説をしていきますので、気になってた人の参考になればと思います。Google…

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

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

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

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

世界初!猫が教える新プログラミングレッスン「ポートフォリオ制作編」を公開

初心者でも動画でプログラミングを学べる「paizaラーニング」は、ITエンジニアを目指す就活生向けに「ポートフォリオ制作編」を公開しました!paiza.jp ■ポートフォリオ制作編の概要 ITエンジニアを目指す就活で使われる「ポートフォリオ」。ポートフォリオ…

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

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

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

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

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

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

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

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

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

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

プログラミングを動画で学べる「paizaラーニング」独立オープン【無料キャンペーン実施中】

paizaは、これまで1コンテンツとして運営してきたプログラミング未経験者・初心者向け学習サービス「paizaラーニング」を、新サービスとして独立、正式オープンいたしました。paiza.jp ■「paizaラーニング」サービスの概要 <基本コンセプト> paizaラーニン…

未経験からのエンジニア転職をサポート・新サービス「EN:TRY(エントリー)」を開始

paizaは、エンジニア未経験の方や、経験が浅い方に向けた新サービス「EN:TRY」を開始いたしました。paiza.jp ■「EN:TRY」サービスの概要 <基本コンセプト> エンジニア職未経験者でも趣味でプログラミング経験がある、もしくは情報系学部出身などIT素養のあ…

二次元、異世界…ツイッター大喜利「次の常駐先が〇〇だったらいいのに」に集まった回答たち

paizaでは、2016年12月14日(水)よりツイッターにて「次の常駐先が〇〇だったらいいのに…ツイッター大喜利」を開催いたしました。皆さんご参加いただけましたでしょうか?たくさんの方にご応募&ツイートをしていただきまして、本当にありがとうございました…

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

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


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

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