paiza開発日誌

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

logo

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

開発ネタ

それ、Canvaで作れます。Web開発者が知っておくべき10のスゴ技!

どうも、まさとらん(@0310lan)です!今回は、人気のグラフィックデザインツール「Canva」に搭載されている多彩な機能のうち、Web開発者に役立つ機能を厳選してご紹介します。「Canva」は、アイキャッチ画像やバナー広告・ポスターを作成するなど、さまざま…

1クリックでブログ開発環境を構築!クラウドIDE「Glitch」で始める完全無料ブログ運用術!

どうも、まさとらん(@0310lan)です!今回は無料で使える人気のクラウドIDE「Glitch」を使って、JavaScriptで制御可能な静的サイトジェネレータ「eleventy」をベースにしたブログ開発環境を構築してみましょう!面倒な作業は一切不要で、ブラウザからエディ…

ノーコードで自分専用ダッシュボードを作成&公開できる「Widget Board」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でもお手軽に自分専用のダッシュボードを作成できるWebサービスをご紹介します!さまざまな機能をブロック化したウィジェットを画面にペタペタと配置していくだけで、タスク管理・情報収集・旅行計画・エンタ…

FigmaのデザインをそのままWebサイトに変換&公開できる「Figside」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、Figmaで作成したWebデザインを一般的なWebサイトに変換して、そのままネット上に公開できる無料のWebサービスをご紹介します!面倒な操作や設定などは一切不要で、Figmaと連携するだけで誰でも簡単に扱えるのが…

ノーコードで電子掲示板(フォーラム)を開発できる「Forum.Land」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、面倒なサーバ環境の準備が不要なうえノーコードで自分だけの掲示板(フォーラム)を手軽に作れるWebサービスをご紹介します。掲示板の作成からユーザー管理・運用まで、このサービス1つで丸ごと完結するのが特…

ReplitのクラウドIDEがゲーム開発環境に大変身する「Kaboom editor」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザ1つで多言語に対応したプログラミング環境を提供する「Replit」と、JavaScriptで手軽に2Dゲームを開発できるライブラリ「KaBoom.js」がコラボしたゲーム開発環境をご紹介します!誰でもブラウザからア…

超万能!Notionをまったく別のツールに大変身させるWebサービスを厳選してみた!

どうも、まさとらん(@0310lan)です!今回は、万能なドキュメントサービスとして人気の「Notion」を、さらにパワーアップさせて別の用途に活用できるWebサービスを厳選してご紹介します!すべて無料で利用できる(もしくは無料プランありの)サービスであり…

ブラウザ上からNode.jsやPythonでバックエンドを無料で開発可能な「Napkin」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ブラウザ上からNode.jsやPythonをプログラミング可能なクラウドエディタを提供する無料のWebサービスをご紹介します。サーバレスでバックエンドを開発できるうえ、シンプルなエディタから即座にエンドポイント…

簡単すぎる!GitHubを自分だけのRSSリーダーに変える「osmos:feed」を使ってみた!

今回は、GitHubのリポジトリをWebベースのRSSリーダーに変えることができるユニークなツールをご紹介します。 専門的な知識は一切不要で、マークダウンファイルに好きなフィードを追加していくだけですぐに自分だけのRSSリーダーを作って管理できるようにな…

高度なモーションデザインを無料で作成できるWebエディタ「Jitter」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、Webデザインに活用できるモーションデザインをブラウザ上のエディタから誰でも簡単に作れるWebサービスをご紹介します。手軽に高度なアニメーションを実現できる機能が豊富に提供されており、簡単なものならマ…

USBに挿すだけ!Linuxで動く「M5Stack UnitV2」AIカメラの実力を試してみた!

どうも、まさとらん(@0310lan)です!今回は、親指サイズの超小型ボディにLinuxを搭載し、さらにAI開発エディタやカメラなども詰め込んだ強力なカメラモジュールをご紹介します。手持ちのパソコンにあるUSBに挿すだけですぐに起動し、専用の開発エディタを…

Googleスプレッドシートが高度なWebサイトに大変身するノーコードサービス「Siteoly」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、普段から使い慣れているGoogleスプレッドシートを高品質なWebサイトに変換できるWebサービスをご紹介します!ユーザーがやることはセルの値を変更するだけというお手軽さと、Webサイトのレイアウト構成を細かく…

どんなWebサイトもノーコードでPWA化を実現できる「Progressier」を試してみた!

どうも、まさとらん(@0310lan)です!今回はあらゆるWebサイトを誰でも簡単にノーコードでPWAに変えることができるWebサービスをご紹介します。一般的なサーバにホスティングされているサイトだけでなく、Wordpressで作成されたサイトからWebflowなどのサー…

JavaScriptコードをインタラクティブに連結できるブロックエディタ「natto」を使ってみた!

どうも、まさとらん(@0310lan)です!今回はJavaScriptを変わった方法で実行できる無料のオンラインエディタをご紹介します!nattoは、無限の広さのキャンバスを持ったエディタです。このキャンバス上には複数のブロックを作成できます。ブロックのひとつひ…

ゲーム感覚で実践的なWebデザインの基礎を学習できる「Uxcel」で遊んでみた!

どうも、まさとらん(@0310lan)です!今回は、さまざまなミニクイズなどのゲームで遊びながら、実践的なWebデザインを誰でも学習できるWebサービスをご紹介します。基本的な知識だけでなく、実際のWebサイトやアプリの画面などを活用してWebデザインに必要…

12種類のWebツールをAPIで提供する「ApiStacks」をJavaScriptで使ってみた!

どうも、まさとらん(@0310lan)です!今回はさまざまな機能を持ったツールをAPIから手軽に利用できるWebサービスをご紹介します!自動スクリーンショット、メールアドレス検証、IPアドレス探索、PDF変換…など、ゼロからプログラミングすると面倒な機能を誰…

ドキュメントを作るように誰でも独自フォームを開発できる「Tally」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、ドキュメントエディタに文章を書くような感覚で簡単に独自フォームを開発できる無料のWebサービスをご紹介します。単純な問い合わせフォームなどのフィードバックだけでなく、Stripeと連携した決済フォーム、条…

Raspberry Pi Pico向けの極小ディスプレイ「Pico Display Pack」を使ってみた!

どうも、まさとらん(@0310lan)です!今回はRaspberry Pi Picoに最適化された極小ディスプレイの基本的な使い方についてご紹介します!Picoにピッタリ合わせられるすてきなデザインで、IPSディスプレイの鮮やかな画面とプログラマブルなボタンが搭載されて…

動きが超リアル!「らくがき」を1クリックで高度な3Dモデルに変換できる「Monster Mash」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単に「らくがき」から高度な3Dモデルを作成してアニメーション化までおこなえる無料のWebサービスをご紹介します。ブラウザからアクセスするだけですぐに使えて、マウスかタッチ操作で適当な「らくがき…

URL1つで多彩なアイキャッチ画像を自動生成できる無料Webサービス「SocialSplash」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、URLのクエリパラメータを編集するだけで多彩な種類のアイキャッチ画像を作成できる無料Webサービスをご紹介します!さまざまなテンプレートも提供されており、背景画像・テキスト・テーマカラーなどを自由に編…

ノーコードでチャットボットのプロトタイプ作成からテストまで実現する「Botsociety」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも簡単にチャットボットのプロトタイプを作成して、多数の人にシェアすることで検証テストまで実現するWebサービスをご紹介します!大規模なチャットボットの開発を行う前に、自分がイメージしているボット…

定番アルゴリズム「DP(動的計画法)」をプログラミング練習問題集で学ぼう!

こんにちは。paizaラーニングでコンテンツ制作をしている学生スタッフの工藤です。みなさん、「DP(Dynamic Programming、動的計画法)」って知っていますか?DPは代表的なアルゴリズムのひとつで、競技プログラミングの問題を解く際にも多く用いられます。…

ノーコードでGraphQLのAPIを簡単に自作できる「Apirocket」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、誰でも手軽にノーコードでGraphQLを利用したAPIを自作できるWebサービスをご紹介します!APIの骨組みをマウスでポチポチと設定していくだけの簡単操作が特徴で、無料でホスティングもしてくれるので別途サーバ…

炎上防止の強い味方!おすすめのプロジェクト管理ツール10選

こんにちは。倉内です。開発プロジェクトの成功を左右する「プロジェクト管理」ですが、過去プロジェクトの踏襲で結果的に「なんとなく成功した」「なぜか失敗した」となっていませんか?確かにプロジェクトは規模や難易度によって千差万別で同じものがない…

HTMLファイル1つで完結!JavaScriptで高度なスライド資料を作成できる「PRESENTA Lib」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は純粋なJavaScriptだけであらゆるタイプのスライド資料を手軽に作成できるライブラリをご紹介します!わずかなコードを記述するだけのシンプルな使い方と、プラグインによる強力な拡張性も備わっているのが大きな…

URL1つであらゆるチャート・グラフを生成&カスタマイズ可能な「Image-Charts」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、URLだけで多種多様なチャートやグラフを生成できる無料のWebサービスをご紹介します!棒グラフ・折れ線グラフ・レーダーチャート・バブルチャート…など、さまざまな種類を生成できるだけでなく、細かいスタイリ…

コードを1行追加するだけでどんなWebサイトもノーコードで編集できる「Scepter」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、WebサイトのHTML内に1行のコードを追加するだけで、誰でもノーコードでカスタマイズができるようになるWebサービスをご紹介します!Webサイトの要素を直接クリックしてそのまま編集ができるようになるので、誰…

JavaScriptのみ!3つのメソッドだけで手を検出可能な機械学習ライブラリ「Handtrack.js」を使ってみた!

どうも、まさとらん(@0310lan)です!今回は、JavaScriptで機械学習モデルを手軽に扱える便利なライブラリをご紹介します!わずかなプログラムで静止画像やWebカメラからのリアルタイムな映像を解析して「手」を検出できるのが特徴です。JavaScriptライブラ…

完全無料!ブラウザのみでスクリーンキャスト&動画編集を実現する「RecordCast」を使ってみた!

どうも、まさとらん(@0310lan)です!今回はブラウザからアクセスするだけでスクリーンキャストや高度な動画編集を実現する無料のWebサービスをご紹介します。ブラウザ用の拡張機能なども一切不要で、誰でも今すぐブラウザの画面を録画してスクリーンキャス…

料理はしたくないが健康が気になるのでプログラミングで解決する

RitaEによるPixabayからの画像 青木です。paizaラーニング担当のエンジニアです。突然ですが、料理をするのって結構手間がかかりますよね。材料を切ったり量ったり焼いたりしなければならないですし、火を通す料理は完成を待たないといけません。しかもただ…

paizaのおすすめコンテンツ

Webセキュリティ入門 ハッカー入門 Webセキュリティ講座がスタート!CVは内田真礼さん! Python✕AI 機械学習入門講座 CVに上坂すみれさんを起用!人気の機械学習講座を公開中!
paiza転職 paiza新卒 EN:TRY paizaラーニング 記事内に記載している情報は、記事公開時点でのものとなります。 Copyright Paiza, Inc, All rights reserved.