paiza開発日誌

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

Webサービス紹介

初心者でも簡単!ゲーム感覚でプログラミングを学べる8つのサイトが楽しすぎる

Photo by Casey Fleser こんにちは。谷口です。プログラミング初心者の皆さんは、何を使って勉強していますか?初心者の場合、上級者向けの書籍やチュートリアルなどから始めてしまうと 難しすぎてよくわからない… 環境設定がうまくいかない… なかなか進まな…

面倒なメールのやり取りをSlackのチャットで一括管理できる「SharedBox」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、不特定多数のユーザーとSlackを使ってチャットによる一括管理が可能になる無料のサービスをご紹介します!無料で取得可能な専用のメールアドレス宛に届いたメールが、Slack上でチャットのようにやり取りできる…

勉強が下手な社会人がやってはいけない5つのこと

Photo by Bartosz Maciejewski こんにちは。谷口です。プログラミングに限らず、「勉強を始めたものの途中で挫折してしまった…」という経験はありませんか?勉強がうまくいかないと「自分の出来が悪いのかな…」と落ち込んでしまいますよね。ただ、それは「勉…

コードを書かずに誰でもPWAライクなスマホアプリを開発&公開できる「Calcapp」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単にアプリを開発してそのままスマホの実機で利用することができるWebサービスをご紹介します!Excelやスプレッドシートなどの表計算アプリでよく使う「関数」を活用してロジックを簡単に組み立てられ…

ChromeブラウザだけでWebサイトのCSSを変更&シェア可能な拡張機能「StyleURL」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、WebサイトのCSSを自分好みに変更してビフォー・アフターを簡単にシェアできるChrome拡張機能をご紹介します!開発者ツール上で普通にCSSを変更するだけで永続的に適用できるので、ブラウザさえあれば誰でも実行…

【PHP x MySQL入門】 - はじめてのPHPとMySQLデータベースWeb開発チュートリアル

PHP入門 MySQL 入門

ブラウザに溜まる大量のタブを一発解消できるChrome拡張機能「Workona」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザに複数のタブが溜まってしまう問題をスマートに解消できるWebサービスをご紹介します!さまざまなWebサービスを切り替えて業務をしている人に最適で、専用の仮想スペースを活用して効率よく整理できる…

初心者に最適!プログラミングやIT関連の知識が学べるWeb漫画7選

Photo by Schezar こんにちは、谷口です。プログラミング初心者の方々は、どのような方法でプログラミングの勉強がしたいと思いますか?まったくの初心者がプログラミングの勉強を始めると、どうしても学ぶことが多くて、ハードルを感じたり挫折したりしまう…

独学でWebプログラミングを学習できる海外のチュートリアルサイトをまとめてみた!

どうも、まさとらん(@0310lan)です!今回は、Web開発全般のノウハウを丁寧なチュートリアル記事や動画で学習することができる海外のサイトを厳選してご紹介します。プログラミング言語の学習だけでなく、ReactなどのフレームワークやWebデザイン、サーバー…

言語別・初心者向けプログラミング練習問題を解ける8つのサイト

Photo by hackNY.org こんにちは。谷口です。プログラミング初心者の皆さんは、どんな方法で勉強を進めていますか?プログラミングは自分の手でコードを書いて初めて身につくスキルです。ただ、初心者のうちは「プログラミングで何を作りたいか」がなかなか…

今すぐ導入可能!JavaScriptで3Dの地球上にデータを可視化できる「Gio.js」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、わずか数行のJavaScriptコードを書くだけで3Dの地球上にデータをマッピングして可視化できるライブラリをご紹介します!初心者でも簡単に扱えるように設計されており、カスタマイズ性やインタラクティブな機能…

初心者でもDB設計やデータモデリングについて学べる7つのサイトと本

Photo by Samuel Mann こんにちは。谷口です。「SQLは何となく書けるけど、DB設計はしたことない…」「DB設計について一度ちゃんと学んでおきたい…」という人は多いですよね。DB設計とは、DBのデータモデル(DBの構成など)を作成する作業です。DBを一から作…

初心者がプログラミングを勉強するときにやってはいけない5つのこと

Photo by Cory Sitko こんにちは。谷口です。プログラミング初心者の皆さん、勉強ははかどっていますか?最近は「プログラミングを学びたい!」という人が増えていますが、プログラミングを習得するにはさまざまなハードルがあります。教材が増えて学びやす…

PWA入門!JavaScriptで簡単に高速化&オフライン対応のWebサイト制作チュートリアル!

どうも、まさとらん(@0310lan)です!今回は、基本的な機能を持った簡易的なPWA(Progressive Web Apps)対応サイトをフレームワークなどを使わず素のJavaScriptで作ってみたいと思います。主に、スマホのホーム画面からアプリのように起動したり、サービス…

プログラミング初心者でもPHPを楽しくやさしく学べる6つのサイト

Photo by Felix De Vliegher こんにちは。谷口です。プログラミング初心者で Webサービスを作ってみたい Wordpressを触ることになった Webディレクター/デザイナーで、エンジニアと仕事をしている という方の中には、PHPに興味がある方も多いと思います。PHP…

プログラミング初心者でもRubyを楽しくやさしく学べる9つのサイト

Photo by alex lang こんにちは。谷口です。「Rubyを勉強してみたい」という人は多いですよね。Rubyはコードの記述量が比較的少なくて済むため、初心者でも読み書きがしやすく、学習も進めやすいプログラミング言語です。Rubyを学ぶメリットとしては「学習教…

PC・スマホのブラウザから無料でIoT開発環境が使える「obniz Cloud」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、手軽にIoT開発が可能な「obniz」向けに提供されている無料のWebサービスについてご紹介したいと思います!自分の「obniz」を登録するだけで、トークンの発行やprivateなプログラムを作成したり定期実行ができる…

プログラミング初心者でもJavaを楽しくやさしく学べるサイト7選

Photo by Ruth Hartnup こんにちは。谷口です。Javaは開発の幅が広くライブラリも豊富で、長年にわたり世界中の幅広い開発分野で使用されている言語です。Javaエンジニアの求人も、以前は金融関係のシステム(ATM等)など比較的大規模な開発案件が中心でした…

初心者でも機械学習のディープラーニングについて学べる6つのスライド&動画

Photo by Gerd Leonhard こんにちは。谷口です。機械学習やディープラーニングに興味がある方は多いと思いますが、なかには 機械学習とディープラーニングの違いがわからない… 機械学習とディープラーニングって同じだと思ってた… という人も少なくありませ…

無料でブラウザ上から本格的な3Dモデリングや書き出しが可能な「VECTARY」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザだけで誰でも簡単に本格的な3Dモデリングができるサービスをご紹介します!ゼロから自分の好きな造形物をマウスだけで簡単に作成できるように工夫されており、アクセサリーやキャラクターなどさまざま…

Web上でJavaScript版Jupyterのような高機能ノートブックを作成できる「Observable」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、話題のJupyter Notebookみたいな使い方ができるノートブックを面倒な環境設定不要で、手軽にブラウザ上から無料で作成できるサービスのご紹介です。マークダウンで文章を書いたりJavaScriptによるコードを実行…

初心者向け・問題を解きながらプログラミングの練習ができる6つのサイト

Photo by hackNY.org こんにちは。谷口です。プログラミング初心者で、「スキルアップのために練習問題を解きたい」という方は多いかと思います。実際、初心者にとって学習サービスなどを使ってプログラミング練習問題を解いてみるのはとても勉強になります…

1行のコードでWebサイトやブログに音声コメント機能を設置できる「Heyoya」を使ってみた!

どうも、まさとらん(@0310lan)です! 今回は、自分のWebサイトやブログなどへ誰でも簡単に音声が録音できるボイスコメントを設置できるサービスのご紹介です! 生成される1行のコードをHTMLにコピペするだけなので、初心者でも簡単に導入することができる…

Web開発がラクにできる!超便利な統合開発環境(IDE)5選

こんにちは、谷口です。皆さんは統合開発環境(IDE)を利用していますか?「自分でプログラミングしてWebサービスを作りたい!」と思ったら、エディタにコードを書いて、コンパイラでコンパイルして、デバッガでデバッグして…と、作業ごとにさまざまなツール…

初心者でも機械学習の基本的なアルゴリズムを学べる11のスライド

Photo by fdecomite こんにちは。谷口です。最近、機械学習の勉強をしている人や、機械学習関連の求人が増えてきましたね。弊社のエンジニアにも、機械学習を勉強中の人達が何人かいます。ただ、初心者だと「機械学習を勉強したいけど、難しいし何から手を付…

JavaScriptだけで独自のカラーピッカーを開発できるライブラリ「Pickr」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、素のJavaScriptだけで構成されたフルカスタマイズ可能な「カラーピッカー」のライブラリをご紹介します!非依存のライブラリなのでReact・Angular・Vueなどのフレームワーク上で使いやすく、また簡単な記述でUI…

初心者でもPython用Webフレームワーク「Flask」について学べるコンテンツ5選

Photo by David Mulder こんにちは、谷口です。「Pythonを使ってWeb開発」と言うと、Djangoが思い浮かぶ方は多いかと思います。Djangoは多くの機能を取り揃えたフレームワークで、デフォルトの機能や連携出来るライブラリが非常に豊富なため、比較的素早く簡…

【初心者向け】Python×AI・機械学習入門講座が全編無料で登場【CV:上坂すみれ】

プログラミングが動画で学べるpaizaラーニングでは、本日から「Python×AI・機械学習入門編」の無料公開を開始しました。 ■Python×AI・機械学習入門編を教えてくれるのは? Python×AI・機械学習入門編の進行役として、新キャラクター「スベトラーナ・小百合・…

ブロックをつなげるだけで計算機アプリが開発できる「Calconic」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブロックを繋いでいくだけで「画面UI」や「計算ロジック」などを自由に組み立ててオリジナルの計算機アプリを開発できる珍しいサービスをご紹介します!アイデア次第で活用方法は無限にあり、例えばスマホ代の…

初心者のスキルアップに最適!プログラミング問題がたくさん解けるサイト6選

Photo by Irvin Chen こんにちは。谷口です。初心者がプログラミングを学ぶなら、何はなくとも自分で手を動かしてコードを書いてみることが重要です。自分でなんとなくコードを書いてみるのも悪くはないですが、それだけでは書いたコードが正しいのか間違っ…