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エディタを提供しています。 ... 続きを読む

独自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アプリなど、さまざまな種類の... 続きを読む

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

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

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

普通のコードエディタに見えて実は壮大なゲーム(MMORPG)画面の「CyberCode Online」で遊んでみた！ - paiza開発日誌

2020/09/02 636 users コードエディタ マルチプレイ MMORPG 画面レイアウト

どうも、まさとらん（@0310lan）です！ 今回は、どこからどう見てもごく普通のコードエディタに見えて、実はマルチプレイ可能なMMORPGというジャンルのゲームが遊べるちょっと変わったWebサービスをご紹介します。 見た目はVisual Studio Code風の画面レイアウトなのですが、本格的なテキストベースのMMORPGになっていて... 続きを読む

Webサイトの構造を可視化！簡単にビジュアルサイトマップが作れる「Octopus.do」を使ってみた！ - paiza開発日誌

2020/08/12 248 users エディタ paiza開発日誌 GUIベース 構造 ブロック

どうも、まさとらん（@0310lan）です！ 今回は、Webサイトの構造を可視化して直感的に理解しやすい「ビジュアルサイトマップ」を作成できるWebサービスをご紹介します。 ブラウザからGUIベースのエディタにアクセスするだけで誰でも利用可能で、すべてマウス操作でできるので初心者でも簡単に使いこなせます。ブロックを... 続きを読む

思わずWeb開発で使いたくなる便利機能をAPIで提供するサービスを厳選してみた！ - paiza開発日誌

2020/01/15 475 users API paiza開発日誌 CMS ストレージ Web開発

どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などで便利に使える機能をAPIで提供しているサービスを厳選してみたのでご紹介いたします。 画像系、ストレージ、CMS、認証系、APIモック…など、さまざまな用途に使えるサービスの特徴や基本的な使い方も合わせて解説しています。いずれも無料で使... 続きを読む

世界中のライブカメラにアクセスできる無料API「Webcams.travel」を使ってモニタリングしてみた！

2019/11/14 62 users たくさん まさとらん みなさん Google 無料API

どうも、まさとらん（@0310lan）です！ みなさんはインターネット上で一般公開されているライブカメラを利用したことがあるでしょうか？ もし、利用したことが無いという方は、試しにGoogleで「ライブカメラ」と検索してみてください。思った以上にたくさんヒットするのが分かると思います。 このようなライブカメラは、... 続きを読む

ログイン不要でどんなWebコンテンツも作り放題な万能Webエディタ「Voicer」を使ってみた！ - paiza開発日誌

2019/11/13 67 users Webペ Webエディタ 音声 テキスト まさとらん

どうも、まさとらん（@0310lan）です！ 今回は、さまざまなWebコンテンツを作成したり組み合わせたりできる無料のWebエディタを提供するサービスをご紹介します。 テキスト・画像・動画・音声・ファイル…など、さまざまなコンテンツを手軽に作成＆シェアできるだけでなく、それらを自由に組み合わせてオリジナルのWebペ... 続きを読む

JavaScriptでファミコン風2Dゲームが作れる無料のWeb開発環境「Bitmelo」を使ってみた！ - paiza開発日誌

2019/11/06 111 users プログラミング ステージ キャラクター まさとらん ファイル

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上に2Dゲームを開発できる環境を提供してくれる無料のWebサービスをご紹介します。 ゲームを作るのに必要なキャラクターの作成や効果音などの音作りから、ステージの作成やゲームロジックのプログラミング・ファイルへの書き出しまですべて統合されているのが大き... 続きを読む

リンクだけで誰でも好きなWebページを即座に作成＆公開できる「elink」を使ってみた！ - paiza開発日誌

2019/10/23 68 users ポートフォリオ 用途 まさとらん ジャンル プレス向け

どうも、まさとらん（@0310lan）です！ 今回は、好きなWebページやSNS投稿などのリンクを活用するだけで、さまざまなジャンルのWebページを作成＆公開できるサービスをご紹介します。 ポートフォリオ、ショップ、ビジネス、プロフィール、プレス向けなど、さまざまな用途に対応できるWebページを短時間で誰でも作成でき... 続きを読む

スプレッドシートをWeb開発の万能ツールに変えるおすすめサービス厳選まとめ！ - paiza開発日誌

2019/09/26 561 users スプレッドシート 即戦力 paiza開発日誌 データベース

どうも、まさとらん（@0310lan）です！ 今回は、Googleが提供しているスプレッドシートを表計算ではなく、Web開発の即戦力になる万能ツールへと変えてしまうサービスを厳選してご紹介しようと思います。 スプレッドシートのデータを活用して、Webコンテンツを作成したりデータベースとして活用するなどさまざまな開発手... 続きを読む

およそ8000種のAPIをブラウザ上でテスト実行可能な「Rakuten RapidAPI」を使ってみた！ - paiza開発日誌

2019/09/19 471 users Rakuten RapidAPI API テスト実行 楽天

どうも、まさとらん（@0310lan）です！ 今回は、膨大な量のAPIを横断検索できてそのままブラウザ上でテスト実行も可能なWebサービスのご紹介です。 元々はRapidAPIが提供していたサービスを楽天がパートナー契約を結んだことで、日本語でも利用できるようになりました。2018年末にはバージョン2.0となり改良も進んでいま... 続きを読む

Node.js,Python,RubyなどのWebアプリを完全無料でホスティング可能な「Unubo」を使ってみた！ - paiza開発日誌

2019/09/11 218 users サーバサイド GitHub ホスティング リポジトリ 作業

どうも、まさとらん（@0310lan）です！ 今回は、フロントエンドによる静的なWebページだけでなく、Node.jsなどのサーバサイドも含めた動的なWebアプリを無料でホスティングしてくれるサービスをご紹介します。 GitHubのリポジトリと連携することで、とにかくWebアプリを公開するまでの作業が簡単かつ高速に実現できるの... 続きを読む

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

2019/08/15 60 users テキストエディタ medium paiza開発日誌 出力 開発

どうも、まさとらん（@0310lan）です！ 今回は、Mediumなどにも採用されているブロックスタイルのテキストエディタを開発できるJavaScriptライブラリをご紹介します！ ヘッダー要素・リスト・画像など、それぞれのコンテンツを独立したブロックで管理することができ、保存時の出力はクリーンなJSONデータとして取得する... 続きを読む

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

2019/08/07 286 users カスタマイズ 非エンジニア まさとらん WEBサービス 自分

どうも、まさとらん（@0310lan）です！ 今回は、あらゆるドキュメントが作れて自分の好きなようにカスタマイズも可能なWebサービスをご紹介します。 簡単に言ってしまうと、Word・Excel・IFTTT・Trelloが融合したようなドキュメント作成サービスになっており、非エンジニアの方でも簡単に高度なカスタマイズができます。... 続きを読む

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

2019/07/03 107 users 骨格 用途 顔検出 プログラム まさとらん

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

PythonでRaspberry PiにLTE通信を組み込める「sakura.io」を使ってみた！ - paiza開発日誌

2019/06/27 279 users クラウドサービス Python やり取り 通信モジュール 通信

どうも、まさとらん（@0310lan）です！ 今回は、Raspberry PiにLTE通信を簡単に組み込めるsakura.ioを利用した通信モジュールの使い方についてご紹介します！ 月額60円という破格の安さで通信ができることに驚きますが、専用のクラウドサービスを活用したデータのやり取りなども簡単に導入できるのも魅力的です。 初心者... 続きを読む