paiza開発日誌

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

開発ネタ

JavaScriptだけでTrello風タスク管理ボードを開発できるライブラリ「jKanban」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、簡単なJavaScriptコードだけでTrello風の「タスク管理ボード」を開発することができるライブラリのご紹介です!非常にカスタマイズ性が高く、自分好みのタスク管理アプリを構築したい人などには最適でしょう。…

たった一行のHTMLコード追加でreCAPTCHAも導入できる、Webフォーム作成サービス「Basin」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、面倒なサーバーサイドの設定が不要なうえ、HTMLの記述だけで独自フォームを手軽に作成できる無料Webサービスをご紹介します!フォーム要素に「属性」を追記するだけなので、フォーム自体は好きなようにカスタマ…

現役エンジニアが使っているSublime Textの超便利プラグインと設定21個

Photo by Antonio Tajuelo 長田です。みなさんコーディングするときのエディタって何を使ってますか?paizaはRubyで作られているので、中のエンジニアもRubyMineを使っている人が多いんですが、今年入社した私はSublime Text派です。Sublimeはいいぞ…。今回…

今すぐWebサイトの多言語対応が簡単にできる・JavaScriptの翻訳ライブラリ「Glottologist.js」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、Webサイトやアプリなどを簡単に多言語対応できるJavaScriptライブリをご紹介します!HTML要素に「属性」を追加するだけで簡単に翻訳できるので、既存のWebサイトなどに適応しやすいという特徴があります。グロ…

一昨年新卒入社したエンジニアが、2年目に学んだことを振り返ってみる

Photo by Frederick Lang Jr. 青木です。2年目のエンジニアです。一昨年の4月に新卒でpaiza(ギノ) に入社して、2年がたちました。今回は、この2年で学んだことを書き出してみます。せっかくなので、新卒1年目の時と比較して、2年目はどんな変化があったのか…

ブラウザ上にAngular,React,Vue等の環境を一発構築&開発できる「CodeSandbox」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、面倒な開発環境を一瞬で構築してブラウザ上からWebアプリを気軽に開発&公開できる無料のWebサービスをご紹介します!完全なオープンソースで開発が進められており、React / Angular / Vueなどのプロジェクトを…

誰でも簡単にタスクやブックマークをダッシュボード化して共有できる「Tixio」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、社内やチームなど複数人で共有することができる「ダッシュボード」画面を作成できる無料のWebサービスをご紹介します!主に、ブックマークやタスクなどを共有することが可能で、ボードのレイアウトなども自由に…

開発効率を上げる!コードレビュー自動化サービス4選を使ってみた【SideCI・Codacy・Hound・Scrutinizer】

(English article is here) こんにちは、吉岡(@yoshiokatsuneo)です。 昔はソフトウエア開発というとローカルのPCでやることが多かったですが、近年のWebサービス開発では、クラウド上で動作するサービスの利用が欠かせなくなっています。 たとえば、GitHub…

暗号通貨採掘に適したハードウエア・ソフトウエアと環境構築する方法

秋山です。皆さんはいま流行りの暗号通貨採掘をしていますか?私は自宅でグラフィックボードを複数台使って採掘をしているのですが、最近はマイニング目的でグラボの需要が上がった結果、価格が高騰していますね。(暗号通貨の影響もあるようですがメモリモ…

プログラミング不要!スマホのタップ操作だけでミニゲーム開発ができる「Wevva」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、スマホの画面をタップ操作するだけでオリジナルのゲーム開発が手軽に実現するアプリをご紹介します!プログラミングは一切不要で、ゲームのキャラクター・操作方法・ルール・音楽・スコア付け…などをタップしな…

Django2.0入門: PythonフレームワークDjango2.0とPaizaCloudを使って10分でWebサービスを作る方法

Django2.0入門。最新版のDjango2.0は、2017年12月にリリースされました。Django2.0ではPython2のサポートが打ち切られて、利用できるのはPython3のみなので迷うことはありません。環境の整っている今なら、Djangoの勉強が始めやすいかと思います。今回は、ま…

コード不要・ブラウザ上で簡単にWebVRアプリを開発&公開できる「Patches」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、PC・スマホのブラウザ上でVR体験ができるWebアプリを簡単に開発可能なWebサービスをご紹介します。コード不要でブラウザ上から誰でも手軽に開発できるように設計されており、ブロック化されたさまざまな機能を…

Laravel入門: 初心者でも10分でWebサービスを作れる!PHPフレームワークLaravelとPaizaCloudの使い方

最新Laravel入門(Laravel5.6対応): Laravelは最も人気があり伸びているPHPフレームワークです。

面倒な作業不要で、Webアプリ開発が劇的にはかどる!至高のJavaScriptライブラリ6選

どうも、まさとらん(@0310lan)です!今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います!強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサー…

Alexaアプリ開発入門!PaizaCloudとRubyで、初心者も今すぐ開発できる方法

(English article is here) こんにちは、吉岡(@yoshiokatsuneo)です。 皆さんは、スマートスピーカーを使っていますか? 私は最近、Amazon Echoで「アレクサ(Alexa)」を使い始めました。最初は 「正直そんなに必要ないのでは?」 という気持ちもあったのです…

誰でもWeb上でリアルに動くHTML5アニメーションを製作できる「Animatron Studio」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザ上から誰でも簡単にHTML5で作られたアニメーションを製作できるWebサービスをご紹介します!Webサイトやサービスに組み込んで動きのあるコンテンツを作成したり、企業ロゴやバナー広告、商品紹介、イン…

はじめてのGoogle Homeアプリ開発入門。PaizaCloudとRubyで10分でアプリ開発して公開できた!

はじめてのGoogle Homeアプリ開発入門。PaizaCloudとRubyで10分でアプリ開発して公開できた!

チャットボットをブラウザ上で簡単に開発・公開できる「Landbot」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、Web上で誰でも簡単に高機能なチャットボットを作成して、そのまま公開まで可能になるサービスのご紹介です!登録フォーム、FAQ、アンケート…などを簡単にチャットボット化することが可能で、Webページとして公…

Pythonを使ってビットコインのアドレスを生成したので解説する

Photo by BTC Keychain 秋山です。最近ビットコインなどの仮想通貨が話題になってますね。エンジニアであれば、ブロックチェーンなどの使われている技術に興味がある…という人も多いのではないでしょうか。というわけで今回は、ビットコインとそのアドレス生…

Twitterボット(Twitter Bot)の作り方(Ruby編) - サーバ設定不要のPaizaCloud上でTwitterボットをRubyで作る

Twitterボット(Twitter Bot)の作り方(Ruby編)。サーバ設定不要のPaizaCloud上でTwitterボットをRubyで作る。

無償のデータベースと連携可能!Webサイトもブログも作り放題な「AppDrag」を使ってみた

どうも、まさとらん(@0310lan)です!今回は、初心者の方でも簡単にWebサイトやブログなどを作成して公開まで可能な無料のWebサービスをご紹介します!また、簡単にデータベースを構築したり独自のAPIを作成したりすることも可能で、使い方次第では簡単なWe…

完全無料!動画で実践的なWebプログラミングを学べる海外YouTube厳選まとめ

どうも、まさとらん(@0310lan)です!今回は、実践的なWeb開発をじっくり動画を見ながら学習することができる良質な海外YouTubeのチュートリアルコースを厳選してご紹介します!主に、JavaScriptをメインにしたNode.jsやReact / React Nativeなどを徹底的に…

機械学習にも便利!PythonライブラリやJupyter Notebookが今すぐ使えるクラウドIDE

Pythonは広く使われているプログラミング言語で、CSVなどのデータ処理、ウェブサービス、スクレイピング、ボットなど幅広い目的で使われています。 特に最近では、機械学習・AIなどのライブラリが充実していることもあり注目が高まっています。 ただし、Pyth…

初心者でも簡単快適なクラウド環境!HTMLでPaizaCloud拡張アプリ作ってみた

PaizaCloud Cloud IDEはブラウザ上で動き、デスクトップOS(Windows, Mac)のように使えるLinux環境で、ウェブ開発などが行えます。 クラウド上で動くので、パソコンで面倒な開発環境を設定する必要がなく、いつでもすぐに、どのパソコンからでも、ウェブ開発…

デザイナーにもGit/GitHubを使ってもらうようになったらメリットばかりだった話

Photo by Nick Quaranto 高村です。エンジニアは、普段からGitやGitHubを使ってバージョン管理をしている人が多いですよね。一方、周りにいるデザイナーなどエンジニア以外の職種の方々はどうでしょうか?普段からGit(GitHub)を使っているエンジニアからし…

たった4行でWebサービスができた!Ruby・Sinatra・PaizaCloudを使って最速でWeb開発をする方法

Ruby on Railsは覚えることも多く、敷居も高いです。 そこで便利なのがSinatraです。 Sinatraは、非常にシンプルなフレームワークで、Rubyをはじめたばかりの人でも簡単に書けるようになっています。 特にはじめてのプログラミングでは、小さいことから始め…

ブラウザだけでRailsを使ったWeb開発ができる!PaizaCloud使ってみた

(English article is here) こんにちは、吉岡(@yoshiokatsuneo)です。 Ruby on Railsでプログラミングをはじめよう! と思った時に、何が一番難しいと思いますか? プログラムの書き方でしょうか? 実は、最初にして最大の難関は、開発環境のインストール・…

1タップで顔写真が生きているように動き出す画像認識アプリ「Mug Life」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、1枚の「顔写真」がまるで動画のように生き生きと動きだすユニークなスマホアプリをご紹介します。高度な機械学習によって顔写真を高速に解析・分解することで、ハリウッド映画にも劣らない滑らかな3DCGを実現し…

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

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

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

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