paiza開発日誌

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

Webサービス紹介

エンジニアの転職・就活で有利になる!ポートフォリオ作りに役立つサービス6選

Photo by Qfamily こんにちは。谷口です。ITエンジニアの転職・就職活動で、「自分のスキルや経歴をどうアピールしたらよいかわからない…」と感じている方も多いのではないでしょうか。そんなときに、効果的なアピール材料となるのが「ポートフォリオ」です…

JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ドラッグ&ドロップで誰でも簡単にWebサイトを製作できるサービスのご紹介です!そのままでもWebオーサリングツールとして大変便利なのですが、JavaScriptで好きなようにカスタマイズしてオリジナルのエディタ…

プロトタイプにも最適! 誰でもWebサイトを爆速開発できる無料Webサービスをまとめてみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単に最近のトレンドを意識したWebサイトを作成できる無料のWebサービスを厳選してみました!短時間で美しいサイトが作れるので、プロトタイピングにも最適です。各サービスの特徴や使い方などを簡単に…

初心者でもほぼ無料でオブジェクト指向について学べるコンテンツ10選

Photo by Scott Akerman こんにちは。谷口です。プログラミング初心者の方で、オブジェクト指向の勉強に苦労している方は多いかと思います。(そして教える側で苦労している人も多いと思います)オブジェクト指向プログラミング(OOP) に適した機能を備えた…

ファイルアップロードや画像編集を劇的に簡易化するJavaScriptライブラリ「Uploadcare」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、自分のWebサイトに高機能な「ファイルアップローダー」を簡単に組み込めるJavaScriptライブラリをご紹介します!PCのローカルファイルや画像URL、多彩なオンラインストレージやSNSなどの写真も活用でき、画像編…

初心者でもほぼ無料でGitHubの使い方を学べるコンテンツ7選

Photo by Luke Anderson こんにちは。谷口です。開発業務未経験からITエンジニアを目指す方にとって、プログラミングだけでなく、習得しておきたいのがGitHubの使い方です。GitHubは、Gitの仕組みを利用し、オンライン上でコードを管理できるサービスです。 …

クリックしていくだけで本格的なWebサイトが作れる「Seicenta」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、超お手軽に本格的なWebサイトを作って、そのまま公開まで完結できるオススメの無料Webサービスをご紹介します!初心者の方ならテンプレートを選んでいくだけで完成するし、中級者以上の方はコンテンツをカスタ…

初心者でもほぼ無料でGitの使い方を学べるコンテンツ7選

Photo by othree こんにちは。谷口です。開発業務未経験からITエンジニアを目指す方にとって、プログラミングだけでなく、習得しておきたいのがGitの使い方です。Gitは、プログラミングしたコードの変更などをした履歴を管理してくれるシステムです。開発を…

これさえ見れば脱・JavaScript初心者!海外のYouTube動画を一挙大公開

どうも、まさとらん(@0310lan)です!今回は、基本的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました!海外のプログラミング系YouTube動画は、有料でもおかし…

「ITエンジニアの転職活動」で知っておきたい【面接対策】公開中

paizaの「転職成功ガイド」に、「技術以外で失敗しないための面接対策リファレンス」が追加されました!転職を目指すITエンジニアにとって、役立つ面接アドバイスが満載ですのでぜひごらんください! ITエンジニア・プログラマが転職で押さえたいポイント | …

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

Photo by Iwan Gabovitch こんにちは。谷口です。「Webサービスを作れるようになりたい!」という方の中には、「JavaScriptを学びたい!」と考えている方も多いかと思います。JavaScriptは、動的なWebサイトやアプリの制作に用いられ、「フロントエンド」と…

初心者でもほぼ無料でKotlinを勉強できるコンテンツ8選

Photo by John Voo こんにちは。谷口です。少し前ですが、Google I/O 2017で「KotlinがAndroidの公式言語になる」ということが発表されましたね。Kotlinは、IntelliJ IDEAなどを開発したJetBrains社が、「Java言語をもっと簡潔・安全になるように改良した産…

人工知能が手伝ってくれるWebサイト制作サービス「Bookmark」を使ってみた!

 どうも、まさとらん(@0310lan)です!今回は、誰でも簡単にモダンなWebサイトを作ってそのまま公開できる無料のWebサービスをご紹介します!類似サービスはいくつかあるのですが、Webサイトの構築やデザインの骨組みを人工知能が自動的に作ってくれるため…

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

Photo by ecodallaluna こんにちは。谷口です。先日paizaが行ったアンケートで、「好きなプログラミング言語」の4位にC#がランクインしました。 paiza.hatenablog.comC#は、Microsoftが開発した言語で、サーバー用のプログラムやゲーム、アプリ開発、企業向…

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