paiza開発日誌

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

開発ネタ

JavaScriptで制御できるWebベースの万能マップエディタ「Mapbox Studio」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、自分好みのマップをブラウザ上でカスタマイズしたり、JavaScriptから自在に制御可能な地図サービスのご紹介です!データを取り込んでマッピングしたり、プラグインによる拡張も可能で自分のWebアプリやサービス…

120万枚超えの画像をJavaScriptから無料で使える「Pixabay API」で画像検索サイトを作ろう!

どうも、まさとらん(@0310lan)です!今回は、完全フリーで利用できる画像共有サイト「Pixabay」が提供しているAPIを使って、簡単な画像検索サイトを作ってみたいと思います。非常に扱いやすいAPIが用意されており、特にフレームワークなどを使わなくてもピ…

Webサイトにチャットやアンケートなど7種の機能を簡単に追加できる「GetSiteControl」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、Webサイトに「チャット」「アンケート」「登録フォーム」…など、7種類のウィジェット(機能)を簡単に追加できる無料サービスのご紹介です!HTMLファイルに専用のコードを追加するだけで、あとはブラウザ上のダ…

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

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

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

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

Pythonを使って、ボードゲームで勝つための確率計算をしてみた

秋山です。最近、社内でボードゲームが流行っていて、お昼休みにみんなで集まって遊んだりしています。大体どんなゲームをやっていても、みんな途中から「誰が何手前でこうしていればああなっていた」とか「あのときこうしていたらこうなっていた確率はどれ…

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

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

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

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

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

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

エンジニアがPythonを使って自動化している4つのこと―退屈なことはPythonにやらせよう

Photo by andy.brandon50 秋山です。少し前にオライリーから「退屈なことはPythonにやらせよう――ノンプログラマーにもできる自動化処理プログラミング」という書籍が出て、話題になりましたね。退屈なことはPythonにやらせよう ―ノンプログラマーにもできる…

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

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

初心者でも超簡単にオフライン対応の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」…

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

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

Raspberry Pi Zero WとカメラモジュールをPythonで動かして撮影してみた

秋山です。「Raspberry Pi Zero W」が日本でも手に入るようになりましたね!(まだまだ品薄で、出荷即完売みたいな状況ではありますが…) www.switch-science.com私も運よく購入できたので、いろいろ遊んだりしています。とりあえず実物を見た第一印象は、す…

Python3で巨大な浮動小数計算の結果が変だったので理由を調べてみた

Photo by Jacob Munk-Stander 秋山です。タイトルのとおり、Python3で巨大な浮動小数計算をした時の計算結果についての話です。例えば、 11 × ÷ 10 という計算式があったとしましょう。普通に人力で単純に計算しようと思ったら、10の23乗を計算して、それか…

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

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

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

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

初心者でもAWSの使い方を学習できるサイトと書籍6選

Photo by Andrew Mager こんにちは。谷口です。最近「AWSについて勉強したい、自分で使ってみたい」「仕事でAWSの知識が必要になった」という初心者の方から、「AWSがどんなものかよくわからないので知りたい」と聞かれることがよくあります。AWSとは「Amazo…

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

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

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

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

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

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

プロジェクトを炎上させないために、新人PMが読むべき書籍5冊

Photo by Rhys Morgan こんにちは。谷口です。先日このような記事を書きました。 paiza.hatenablog.comこの記事でも書いている通り、開発プロジェクトにおいて「メンバーの働きやすさはPMにかかっている」というのは間違いないかと思います。ただ、もちろんP…

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

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

ゲーム開発にも最適!ブラウザ上ですぐに3Dモデルが作成できる「3DC」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、「立体的な3Dモデルを簡単に作ってみたい!」という人にオススメなWebアプリが公開されているのでご紹介しようと思います!ブラウザから即座に起動でき、プラモデルを組み立てるような感覚で手軽に3Dモデルを作…

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

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

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

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

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

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

Webエンジニアがよく使う【Git,Railsのための】pecoコマンド10種

Photo by michelle 中村です。開発業務では、なにかとターミナルを使って作業することが多いですよね。最近ターミナルを使うことが増えてきたけどあまり効率的に作業できていない気がする人、GUIツールから乗り換えてみたいけど、ちょっと勇気がいるなと思っ…