AIによる自動デバッグも可能なバグレポートを1クリックで生成する「Jam」を使ってみた！ - paiza開発日誌

2023/06/07 5 users バグレポート ＪＡＭ paiza開発日誌 エラー ロク

どうも、まさとらん（@0310lan）です！ 今回は、Webサイトで不具合があった際に、誰でも簡単にバグレポートをつくってシェアできる無料のChrome拡張機能をご紹介します！ 1クリックするだけで、通信の異常やJavaScriptのエラーなど多彩なログをWebページとして生成してくれます。そのままシェアも可能なうえ、AIによるデ... 続きを読む

ブラウザ完結型！サクサク動く3Dゲームを開発＆公開できる「dot big bang」で遊んでみた - paiza開発日誌

2023/05/31 10 users paiza開発日誌 構築 まさとらん 3Dオブジェクト 作成

どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に3Dゲームを開発して公開できる無料のWebサービスをご紹介します！ ゲームに必要な3Dオブジェクトの作成から仮想世界の構築まで、すべてこのサービスだけで完結できるのが大きな特徴です。無料で使えるゲーム素材も提供されていて、誰でも今すぐゲーム開発を始... 続きを読む

JavaScriptで遊ぶ3Dゲーム！独自のステージも作成可能な「CodeQuest」で遊んでみた！ - paiza開発日誌

2023/04/26 14 users プレイヤー プログラミング 学習教材 まさとらん プログラム

どうも、まさとらん（@0310lan）です！ 今回はJavaScriptでプログラムを書いてプレイヤーを操作する3Dゲームのご紹介です！ 大きな特徴として、3Dのステージを自作できる機能が提供されており、誰でも簡単に自分好みのステージを作成して楽しむことができます。 プログラミングの学習教材としても利用可能なので、ご興味... 続きを読む

DiscordやSlackのボットを自由自在にノーコード開発できる「Dots」を使ってみた！ - paiza開発日誌

2023/04/05 7 users Dots ホスティ Discord Slack ボット

どうも、まさとらん（@0310lan）です！ 今回は、DiscordやSlackで動作するボットを、誰でも簡単に開発できるWebサービスをご紹介します！ ボットの動作を直感的で分かりやすいフローで可視化していて、必要な箇所をカスタマイズするだけで、思い通りのボットがノーコードで開発できます。作成したボットを無料でホスティ... 続きを読む

HTML要素をグラフィカルにアニメーション化できるJavaScriptライブラリ「Theatre.js」を使ってみた！ - paiza開発日誌

2022/11/09 135 users グラフィカル paiza開発日誌 HTML要素 操作 初期設定

どうも、まさとらん（@0310lan）です！ 今回は、HTML要素を簡単にアニメーション化できるJavaScriptライブラリをご紹介します。 初期設定はJavaScriptで書きますが、実際のアニメーション作りに関してはタイムラインエディタを利用した直感的な操作で実現しているのが大きな特徴です。ちょっとしたインタラクションから3... 続きを読む

ブラウザ上でArduinoやRaspberry Piの電子回路を作成＆実行できる「Wokwi」を使ってみた！ - paiza開発日誌

2022/10/05 59 users Arduino 回路 paiza開発日誌 Webエディタ 作成

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上で電子回路を組み立てたりプログラミングしたりできる無料のWebサービスをご紹介します。 Arduino、Raspberry Pi Pico、ESP32などのボードを使い、さまざまな電子部品を組み合わせて自由に回路を設計して動作確認もできる便利なWebエディタを提供しています。 ... 続きを読む

多彩なチュートリアルガイドを瞬時に自動生成してくれる「Scribe」を使ってみた！ - paiza開発日誌

2022/07/20 18 users Scribe チュートリアル 瞬時 paiza開発日誌 使い方

どうも、まさとらん（@0310lan）です！ 今回は、さまざまなチュートリアルガイドを簡単に自動生成してくれる無料のWebサービスをご紹介します。 例えば、Webサービスを初めて利用するユーザー向けのチュートリアルなどを、非常に簡単なステップでドキュメント化してくれます。 アイデア次第でさまざまな使い方ができるの... 続きを読む

超お手軽モーションパス！SVGアニメーションを簡単に作成できる「SVGator」を使ってみた！ - paiza開発日誌

2022/07/15 12 users SVGファイル アニメーション 手持ち SVGアニメーション

どうも、まさとらん（@0310lan）です！ 今回は、高度なSVGアニメーションを直感的に誰でも作成できるWebサービスをご紹介します。 手持ちのSVGファイルにアニメーションを追加できるのはもちろん、ゼロからイラストを描いてオリジナルのSVGアニメーションを作ることもできます。 記事後半ではモーションパスを活用したダ... 続きを読む

独自ドメインもOK！無料でNotionドキュメントをWebサイトに変換する「Popsy」を使ってみた！ - paiza開発日誌

2022/05/11 5 users Notion paiza開発日誌 ドキュメント 万能 ドメイン

どうも、まさとらん（@0310lan）です！ 今回は、万能なドキュメントサービスとして知られる「Notion」で作成したドキュメントを、誰でも簡単に一般的なWebサイトに変換して公開できるサービスをご紹介します。 基本的な機能はすべて無料で使えるうえ、とにかく簡単な操作でWebサイトに変換できるのが特徴です。また、ボ... 続きを読む

独自Webアプリや社内ツールが作り放題のオープンソース開発環境「ToolJet」を使ってみた！ - paiza開発日誌

2022/04/20 478 users ロジック データベース ドラッグ＆ドロップ 構築 連携

どうも、まさとらん（@0310lan）です！ 今回は、さまざまなWebサービスやデータベースと連携して、独自のWebアプリなどを手軽に開発できるサービスをご紹介します！ データソースの連携や画面デザインなどはドラッグ＆ドロップの操作で簡単に構築が可能で、ロジックやイベント処理などもわずかなJavaScriptを利用するだ... 続きを読む

非エンジニアがWeb開発で知ってると便利過ぎる無料サービスを厳選してみた！ - paiza開発日誌

2022/03/02 518 users paiza開発日誌 学習リソース 特定 非エンジニア 分析

どうも、まさとらん（@0310lan）です！ 今回は、Web開発などで役に立つ厳選した無料サービスをご紹介します！ 特にWeb開発に慣れていない初心者や非エンジニアの方でも、手軽に特定の機能を提供するページを構築できるサービスを厳選してみました。 また、複数人でのレビュー、サイトの分析、学習リソースなども合わせて... 続きを読む

JavaScriptで壮大なハッキング体験を実現するWebゲーム「Bitburner」で遊んでみた！ - paiza開発日誌

2022/02/24 276 users Steam 疑似 ハッカー気分 まさとらん paiza開発日誌

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上からリアルなハッカー気分を疑似体験できるユニークな無料Webゲームをご紹介します！ PCゲームとしてSteamからもリリースされていますが、今回ご紹介するブラウザ版は手軽に遊べるのでオススメです。ターミナル風のゲーム画面が特徴で、実際にJavaScriptを使っ... 続きを読む

JavaScriptを遊び尽くす究極のWebサービス・ツールを厳選して大公開！ - paiza開発日誌

2022/01/27 663 users paiza開発日誌 究極 まさとらん ツール web

どうも、まさとらん（@0310lan）です！ 今回は、JavaScriptを使ってとにかく遊んだり楽しんだりできるインタラクティブなWebサービスやツールを厳選してご紹介します。 ゲーム体験をしたり、アート作品を作ったり、JavaScriptで開発されたユニークなサービスを利用してじっくりと遊んでみましょう。 Webの楽しい世界にご... 続きを読む

フロントエンドを集中的に学習できる究極の無料リソースを厳選してみた！ - paiza開発日誌

2022/01/12 539 users paiza開発日誌 ドキュメント フロントエンド 究極 学習

どうも、まさとらん（@0310lan）です！ 今回は、フロントエンド開発者およびこれから学習をしようと考えている人に最適な無料リソースを厳選してご紹介します。 学習コンテンツばかりでなく、開発に便利なサービスやツールなども紹介しつつ、初心者から中級者くらまで役に立つドキュメントもまとめています。すべて無料... 続きを読む

Notionの標準機能だけでWebサイトビルダーを作ってしまった「The Super Builder」がスゴイ！ - paiza開発日誌

2021/11/17 434 users Notion フルカスタマイズ ノーコー paiza開発日誌

どうも、まさとらん（@0310lan）です！ 今回は、ごく普通のNotionドキュメントで構築された完全無料のWebサイトビルダーをご紹介します。 必要なものはNotionアカウントのみ！ 多彩なコンポーネントをドラッグ＆ドロップするだけで、誰でも簡単に美しいWebサイトを構築できるのが特徴で、フルカスタマイズ可能なノーコー... 続きを読む

APIキーもログインも不要！完全無料で使える天気予報API「Open-Meteo」を使ってみた！ - paiza開発日誌

2021/11/04 381 users パラメータ まさとらん paiza開発日誌 URL APIキー

どうも、まさとらん（@0310lan）です！ 今回は、誰でも無料で使える天気予報APIを提供してくれるWebサービスをご紹介します！ 面倒なユーザー登録やAPIキーの設定などが不要で、欲しい天気情報のパラメータを含めたURLを好きなように構成するだけで簡単にJavaScriptから制御できるのが特徴です。 日本はもちろん、世界中... 続きを読む

JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開！ - paiza開発日誌

2021/10/13 1195 users paiza開発日誌 最強 テキスト まさとらん 中級者

どうも、まさとらん（@0310lan）です！ 今回は、JavaScript初心者から中級者までをカバーできる学習コンテンツを厳選してご紹介します。 完全無料で公開されているものばかりを集めており、なおかつ質の高いコンテンツを選んでいますので独学したい方にも最適です。テキスト、動画、本、Webアプリなど、さまざまな種類の... 続きを読む

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

2021/09/16 11 users canva paiza開発日誌 ポスター スゴ技 まさとらん

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

超万能！Notionをまったく別のツールに大変身させるWebサービスを厳選してみた！ - paiza開発日誌

2021/07/29 339 users Notion paiza開発日誌 万能 用途 超万能

どうも、まさとらん（@0310lan）です！ 今回は、万能なドキュメントサービスとして人気の「Notion」を、さらにパワーアップさせて別の用途に活用できるWebサービスを厳選してご紹介します！ すべて無料で利用できる（もしくは無料プランありの）サービスであり、機能的に優れていて誰でも扱える簡単な操作のものを厳選し... 続きを読む

簡単すぎる！GitHubを自分だけのRSSリーダーに変える「osmos:feed」を使ってみた！ - paiza開発日誌

2021/07/07 26 users feed GitHub リポジトリ フィード まさとらん

どうも、まさとらん（@0310lan）です！ 今回は、GitHubのリポジトリをWebベースのRSSリーダーに変えることができるユニークなツールをご紹介します。 専門的な知識は一切不要で、マークダウンファイルに好きなフィードを追加していくだけですぐに自分だけのRSSリーダーを作って管理できるようになります。 すべて無料で... 続きを読む

USBに挿すだけ！Linuxで動く「M5Stack UnitV2」AIカメラの実力を試してみた！ - paiza開発日誌

2021/06/23 20 users カメラモジュール Linux paiza開発日誌 USB 実力

どうも、まさとらん（@0310lan）です！ 今回は、親指サイズの超小型ボディにLinuxを搭載し、さらにAI開発エディタやカメラなども詰め込んだ強力なカメラモジュールをご紹介します。 手持ちのパソコンにあるUSBに挿すだけですぐに起動し、専用の開発エディタを使ってAIカメラを試したりトレーニングをしたりなどが簡単に... 続きを読む

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

2021/04/07 28 users らくがき paiza開発日誌 マウス 一瞬 タッチ操作

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

Figmaを最強のデザインツールに変えるプラグインを厳選してまとめてみた！ - paiza開発日誌

2020/11/18 13 users figma ユーティリティ プロトタイプ 即戦力 最強

どうも、まさとらん（@0310lan）です！ 今回はブラウザ上でWebデザインやプロトタイプを作成できる「Figma」をパワーアップしてくれる、厳選された拡張機能をまとめてご紹介します。 デザインの構築を便利にしてくれるものから、Web開発の即戦力となるプラグインやツールの枠を超えたユーティリティを提供してくれるもの... 続きを読む

AIが手描きのスケッチを美しいプロトタイプに変換してくれる「uizard」を使ってみた！ - paiza開発日誌

2020/10/21 16 users uizard クローズドベータ スケッチ paiza開発日誌

どうも、まさとらん（@0310lan）です！ 今回は、手描きしたスケッチをAIが美しいワイヤーフレームに自動変換して、動くプロトタイプを誰でも簡単に作成できるWebサービスをご紹介します！ 現時点ではクローズドベータによる参加となりますが、すでに実用的なレベルに調整されています。これからプロトタイプを作成しよう... 続きを読む

ノーコードで万能型のチャットボットを自由に開発できる「Joonbot」を使ってみた！ - paiza開発日誌

2020/10/07 7 users スグレモノ ロジック チャットボット paiza開発日誌 うえ

どうも、まさとらん（@0310lan）です！ 今回は、ノーコードで誰でも簡単にチャットボットを作成＆公開できるWebサービスをご紹介します。 基本的な機能はすべて無料で利用可能なうえ、直感的に操作できる編集エディタと高度なロジックを組み立てられる機能を合わせ持ったスグレモノです。 ほとんどのケースに対応できる... 続きを読む