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

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

プロを目指す人のためのTypeScript 本の感想 #ブルーベリー本

自分も教える事が多いので、読み手にどういう風に学んでほしいか、自分がどういう風に伝えるべきか、という視点で読んだ。 1章・イントロダクション そもそもTypeScript とはなにかみたいな話。 コンパイルエラーが出ている状態ではプログラムが完成したとは言えません。 力強い コンパイルエラーをただ避けるのではなく…

Web制作にすごい役立つ！ コードの軽量化や整形・ファビコンやQRコード作成・PDF変換など、便利ツールが一箇所で利用できる -ToolsOcean

CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptのフォーマッター、各種エンコード・デコード、QRコードの生成、カラー値変換、画像の最適化、ファビコン画像生成、ダミーテキスト生成、各種PDF変換など、Web制作に役立つツールがまとめて利用できるToolsOceanを紹介します。 便利なツールが一箇所で利用…

イベントループとプロミスチェーンで学ぶJavaScriptの非同期処理

JavaScript の非同期処理は非常に難しく、学習そのものにハードルがあります。 そして、難しさの本質は「制御の流れ」が掴みづらいことにあります。 この本では非同期処理の理解するために必用な概念(仕組み)である Event loop において Promise chain の処理がどのように動くかを実際にクイズ形式で学ぶことによって非…

fz-browse: fzfライクな自由度の高いインタラクティブな検索ツール、ただしブラウザに表示する

fz-browseという、fzfライクなインタラクティブな検索ツールを書きました。 fz-browse自体は検索エンジンを持っているわけではなく、既存のripgrepやripgrep-allなどのツールと組み合わせて、インタラクティブな検索体験を自分で組み立てるツールです。 コマンドを組みあわせたインタラクティブな検索(絞り込み)はpercol…

Makefileの代わりにnpm scripts+zxを使う – 詩と創作・思索のひろば

そこそこの規模があるプロジェクトで実行すべきタスクを定義するとき、初手として Makefile を使いがち。 Pros make は事実上どんな環境にもあることを期待してよい シェルで実行されるコマンドをそのまま書ける タスクの依存関係が明示できる Cons make では positional arguments が使えない 少し複雑なことをしようと…

Meta、JavaScript Webテキストエディターフレームワーク「Lexical」をOSS

Metaは現在、JavaScript Webテキストエディターフレームワークの「Lexical」をリリースしている。軽快さや拡張性、アクセシビリティを重視し、開発者は必要に応じた機能を持つテキストエディターが利用可能。基本的な雰囲気はWebで確認できるが、ローカル環境に導入する場合は、「npm install –save lexical @lexical/r…