paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。

開発ネタ

完全カスタマイズOK!ブロックスタイルのテキストエディタを開発可能な「Editor.js」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、Mediumなどにも採用されているブロックスタイルのテキストエディタを開発できるJavaScriptライブラリをご紹介します!ヘッダー要素・リスト・画像など、それぞれのコンテンツを独立したブロックで管理すること…

今さら聞けない「なぜWebセキュリティ対策が必要?」を基本から解説!

Photo by EU Webnerd こんにちは。倉内です。先日paizaラーニングに「攻撃手法から学ぶハッカー入門(Webセキュリティ入門編)」が新登場しました!女子高生ハッカー凉月美影(CV: 内田真礼)と一緒にWebサイトへの攻撃手法と対策を学べる講座となっています…

これ1つでどんなドキュメントも作れる!高度な自動化も簡単に実現可能な「Coda」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、あらゆるドキュメントが作れて自分の好きなようにカスタマイズも可能なWebサービスをご紹介します。簡単に言ってしまうと、Word・Excel・IFTTT・Trelloが融合したようなドキュメント作成サービスになっており、…

Webデザインの困りごとを即解決、初心者でも使える便利ツール15選

Photo by Martha W McQuade こんにちは、谷口です。エンジニアのみなさん、デザイン周りで困った経験はないですか?Web制作をしていると、 カラーやフォントサイズなどをちょっと変えただけでデザインがおかしくなってしまった 適切なカラーやフォントがよく…

誰でもコンポーネントベースのWebサイトを作れるWebエディタ「Frontnd Builder」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、初心者の方はもちろん中・上級者も便利に活用できるWebサイト制作サービスをご紹介します!ReactやVueのようなコンポーネントベースの開発を、ビジュアルエディタを使って効率よく開発できるのが特徴です。コン…

ブラウザ1つで独自の機械学習モデルを無料で作成できる「Nanonets」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単にブラウザからオリジナルの機械学習モデルを作成・トレーニングすることができるサービスをご紹介します。画像に写っているモノを特定したり、対象のオブジェクトを検出・抽出するなどさまざまな活…

ITエンジニア向け・リモートワークや個人開発で使える便利ツールたち

こんにちは。谷口です。paiza運営元のギノでは、最近一部リモートワークが可能になりました。やった〜。エンジニアだと自宅に自分なりの居心地よい開発スペースを作っている方も多いと思いますが、今回はpaiza (ギノ)のエンジニアに聞いた「リモートワーク(…

アニメ見ながらプログラミングするために透過ウィンドウを実装する方法

もじゃ(@s10akir)です。paizaラーニングでプログラミング学習動画制作のアルバイトをしている専門学生です。今回はプログラミングなどの作業をしつつ、透過ウィンドウでアニメが見られるようにする画期的(?)な方法について書きたいと思います。実際、私…

必要なのはブラウザだけ!誰でもVRコンテンツを手軽に開発できるWebサービスを厳選してみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単にVRコンテンツを開発できるWebサービスの中から、特に優れた機能を提供しているものだけを厳選してご紹介します。基本的にはWebVRをベースにしているものが多いことから、開発したコンテンツはVRヘ…

プログラミング初心者でもHTMLの基本を学べる入門講座が新追加

こんにちは。谷口です。paizaラーニングの「Web技術入門編」に「Web技術入門編02 : HTMLを理解しよう」が追加されました!「Web技術入門編02 : HTMLを理解しよう」では、Webページを表現するためのHTMLについて、またWebページを取得・解析するためのテクニ…

VSCodeとDockerで簡単に開発環境を構築&共有する方法

もじゃ(@s10akir)です。paizaラーニングでプログラミング学習動画制作のアルバイトをしている専門学生です。以前こんな記事を書かせていただきました。paiza.hatenablog.com今回は、VSCodeとDockerを使って簡単に開発環境を構築する方法について書いてみた…

わずか数行のJavaScriptで機械学習をフル活用できる無料Webサービス「StackML」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単に機械学習を活用したプログラムをJavaScriptで構築できる無料のWebサービスをご紹介します!画像解析、顔検出、表情分析、骨格・姿勢解析、特徴分析…など、さまざまな用途において機械学習を活用し…

プログラミング初心者向け・Pythonで公開鍵暗号を実装する方法

Photo by Jacqui Brown 秋山です。Pythonエンジニアです。みなさんは公開鍵暗号という暗号方式を知っていますか?エンジニアの方なら知っているかと思いますが、プログラミングを始めたばかりの初心者の方だと、「聞いたことある気がするけど…何?」という感…

PythonでRaspberry PiにLTE通信を組み込める「sakura.io」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、Raspberry PiにLTE通信を簡単に組み込めるsakura.ioを利用した通信モジュールの使い方についてご紹介します!月額60円という破格の安さで通信ができることに驚きますが、専用のクラウドサービスを活用したデー…

プログラミング未経験でもWebアプリが作れるようになる学習ステップ

こんにちは。谷口です。プログラミング学習の目標として「Webアプリを作れるようになりたい!」と考えている初心者の方は多いですよね。ただ、初心者の場合「どんな勉強が必要なのか」「どうやって勉強すればよいのか」で迷うこともあるかと思います。今回は…

プログラミング初心者でもWeb技術の基本を学べる入門講座が新登場

こんにちは。谷口です。paizaラーニングに新規講座「Web技術入門編01 :URIとHTTPを知ろう」が追加されました!「Web技術入門編」では、WebサービスやWebアプリケーションの基本となるインターネットの仕組みなどが学べます。今回は「Web技術入門編01 :URIとH…

Pushするだけ!GitHubのリポジトリを個人ブログに変えてくれる【GitPress】を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、GitHubのリポジトリを誰でも簡単に個人ブログへと変換できる無料のWebサービスをご紹介します。マークダウンで書いた記事のファイルをリポジトリにpushするだけで、あとは完全自動でブログ記事に変換されて公開…

ブラウザだけで高度な動画編集を実現するWebサービス「Flixier」が無償公開中なので使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザからアクセスするだけですぐに動画編集ができるWebサービスをご紹介します。最新のWeb技術を駆使して構築されており、非常に軽快な動作で動画をバリバリ編集していくことが可能になっています。まだベ…

「簡単だよね」はNG!ディレクターがエンジニアと仕事するときの心得5つ

Picture by ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画『ぱいじょ!』高橋です。paizaのクリエイティブディレクターです。ディレクションやマネジメントなどの仕事をしていると、企画やプロジェクトを進めるのにエンジニアとのコミュニケーショ…

コードエディタとブログが融合!ソースコードを記事にできるWebサービス「Poet」を使ってみた!

どうも、まさとらん(@0310lan)です!今回はブラウザ上で利用できるコードエディタと、ブログ記事の作成・公開ができるエディタが融合したちょっと変わった無料のWebサービスをご紹介します!HTML / CSS / JavaScriptを利用したプログラミングをすることが…

アイデアに脱帽!2019年に絶対オススメしたいWebサービス・アプリ11選を解説付きで大公開!

どうも、まさとらん(@0310lan)です!今回は、数あるWebサービスやアプリの中から特にアイデアが優れているものだけを集めてご紹介しようと思います!ユニークな発想に触れることで、さまざまな発見や学びがあるはずなのでこれからサービスを開発しようと考…

VSCodeとPaizaCloudで超簡単に高機能な開発環境を構築する

もじゃ(@s10akir)です。情報系の専門学校に通いながら、paizaラーニングでプログラミング学習動画制作のアルバイトをしています。先日、MicrosoftからVisual Studio Code(以下VSCode)向けの「Remote Development」という拡張機能がリリースされましたね…

ゲーミフィケーションを超簡単に導入!ウィジェットアプリを誰でも作成できる「HoverSignal」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、簡単にゲーミフィケーションを取り入れたウィジェットを作成して、ユーザーの行動を促すことができるWebサービスをご紹介します!ブラウザ上でグラフィカルなエディタを使いながら、マウス操作だけで簡単にカス…

フォークするだけ!GitHub Pagesでアプリのランディングページを爆速で作れるツールが無料公開中!

どうも、まさとらん(@0310lan)です!今回は誰でも簡単にスマホアプリのランディングページを作成して公開できるツールについてご紹介します!基本的には設定ファイルをちょっといじるだけの作業で見た目のよいWebサイトが作れてしまうので、エンジニア以外…

ブレストは逆効果?アイデアの考え方についての科学的な話

Photo by Luigi Mengato 長田です。健康オタクエンジニアです。今回は、健康ではなく「ブレインストーミング(ブレスト)」について書きたいと思います。みなさんブレストってやっていますか?仕事で何か企画を立ち上げるとき、アイデアを集めたいとき、「と…

PC・スマホのブラウザでAIロボット開発!obnizを活用した「AI Robot Kit」で遊んでみた!

どうも、まさとらん(@0310lan)です!今回は、Wi-Fiに接続するだけでPCやスマホからIoT開発が可能になるobnizを利用して、AI技術を使ったロボット作りを楽しめるキットをご紹介します。初心者から上級者まで幅広く楽しめる工夫がされており、クラウド開発環…

簡単過ぎる!GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、Googleのスプレッドシートを利用して誰でも手軽にPWAアプリを開発して公開することができるサービスをご紹介します!スプレッドシートにデータを準備するだけなので、エンジニア以外の方でも簡単にアプリ開発を…

画像圧縮やオートコンプリートなどWeb開発を簡単にするJavaScriptライブラリ厳選まとめ!

どうも、まさとらん(@0310lan)です!今回は、Webアプリやサービスなどを開発する際に簡単な記述でさまざまな機能を組み込めるJavaScriptライブラリをご紹介します。画像、ファイル、音楽、オートコンプリート機能など、高度な技術をできるだけ簡単に実現し…

クラウドIDEのPaizaCloudを使ってpaizaを開発してみた話

長田です。paizaでは、クラウドIDE「PaizaCloud」も提供しています。PaizaCloudはブラウザを開くだけでエディタ、Webサーバ、DB等の開発環境が完了、OSの種類やバージョンなどに関係なくすぐに開発を進めることができます。「本当に実務で使えるレベルの環境…

【2019年版】JavaScript開発環境をブラウザに構築するクラウドIDEを厳選してみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザを本格的なJavaScript開発環境に変えるクラウドIDEを厳選してご紹介しようと思います!現在では、クラウドIDEといってもさまざまな特徴を持ったサービスが存在しています。フレームワークを活用したプ…





※このブログで紹介しているキャンペーンやイベント、およびサイト内の情報については、すべて記事公開時の情報となります。閲覧されたタイミングによっては状況が変わっている場合もございますのでご了承ください。

ITプログラマー・エンジニア転職・就活・学習のpaiza

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

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編AI機械学習入門

エンジニアのためのプログラミング転職サイト|paiza転職

プログラミング スキルチェックエンジニア求人一覧

未経験からエンジニアを目指す人の転職サイト|EN:TRY

プログラミング スキルチェックエンジニア未経験可求人一覧

エンジニアを目指す学生の就活サイト|paiza新卒

プログラミング スキルチェックエンジニア求人一覧

ブラウザを開くだけで エディタ、Webサーバ、DB等の開発環境が整う|PaizaCloud