Future Tech Blog フューチャー技術ブログ

人気のタグ

タグ一覧へ

JavaScript タグ

よく読まれている記事

よく使われるカテゴリ

新着記事

全30本

Java製のSalesforce Apexパーサーをブラウザで動かす

Salesforce ApexというJava5に似た構文を持つ言語のパーサーをJavaで実装したので、それをブラウザ上で動かすという実験をしてみました。JavaからJavaScriptとWebAssemblyの両方にコンパイルして、パフォーマンスを比較できる形で検証しています。

プロによる本気の攻略本『JavaScript/TypeScript実力強化書』で発表しました

プロによる本気の攻略本『JavaScript/TypeScript実力強化書』 - FL#115というForkwellを運営するGroovesさんのイベントで登壇してきました。

TypeScript/JavaScript Array完全攻略2024

イマドキのJavaScriptの書き方2018]というのを以前書いたのだけど、配列周りはかなり変わっているな、というのを思ったので、そこの部分だけアップデートするつもりで書いてみました。

2015年頃のフロントエンジニアだってvoid(0)のワクワクを理解したい

「void(0)」がどんなものなのか、どんなうれしみや期待があるのかなど、これを期に自分なりに調査・整理しようというのが本記事のモチベーションです

PostgreSQL拡張機能のPLV8を使ってみた

PostgreSQLで手続き型処理を実装することにがっつりと向き合うことがなかったため手続き型処理の実装言語はPL/pgSQL一択だと思いこんでいたのですが、実は複数の選択肢がありました。PL/pgSQL、PL/Tcl、PL/Perl、PL/Pythonや、サードパーティ提供も含めると多数の言語が使えるようです使えるようです。

package.json dependencies メンテの仕方 最短ルート

package.json の dependencies をメンテナンスするにはどこから手を付ければいいか、を解説します。

p5.jsで好きなプログラミング言語発表ドラゴンを作ろうとした

JavaScriptライブラリの1つであるp5.jsに入門します

Angularをがんばらないで書く

他のフレームワークをいろいろ触ると、Angularはかなり独特な雰囲気があります。隠しきれないJava感というか、他のフレームワークでは存在しない様々な概念が見え隠れして、それをキャッチアップするだけでも結構重いです。もちろん、それぞれ意味があって...

JSパッケージ管理ツールpnpmの概要と内部構造を眺める

Vercelに触れてみようVercel CLIのインストール方法を調べていたところ、パッケージ管理ツールを用いたインストール方法としてnpm, Yarnと並んでpnpmが書かれていました。pnpmではどのようにパッケージを管理しているかなどの特徴を調べました。

俺のシステムがこんなに脆弱性だらけのわけがない(linkedpackageの紹介)

セキュリティに対して、きちんとお金をかけて対応すべきである、というのが近年の風潮です。そんな中、システム開発では多くのオープンソースのコンポーネントを組み合わせてシステムを構築するようになってきたため、使っている部品の脆弱性管理、というのがかなり大きな市場になってきました。当社にはOSSのVulsが有名ですね。

JavaScriptのコレクション操作入門

このフューチャー技術ブログを機能拡張する過程で学んだコレクション操作で利用頻度が高い順にまとめます。ブログ運営（？）の保守運用な雰囲気が少しでも伝わればなと思います。

ES2021／ES2022を知ろう

少し前にES2021にて変更される新機能が発表されました。JavaScriptを扱う上では知っとくべき！と意気込んだもののECMAScriptが何者なのかすら曖昧な理解だったので、この機会に学んだことをまとめてみようと思います。* ECMAScriptがJavaScriptにとってどのような役割を持つのかを知る

Cypress入門～初心者でも簡単にE2Eテストが作れる～

皆さんは普段どのようにE2Eテストを行っていますか？忍耐強く手動でポチポチ画面を触って...というのはなかなかにしんどいですよね。自動化ツールを使って楽したいけど難しくてよくわからない、という方もいらっしゃると思います。本記事では、テスト自動化ツールを全く使ったことのなかった私が、テスト自動化ツールであるCypressの導入から基本的な使い方までをご紹介していきます。

k6の使い方 シンプル&軽快な負荷試験ツールを試す

業務で行っている開発がいよいよリリースを視野に入れたフェーズに入り、E2Eテストや各種性能試験をしました。

Auth0 Rulesのユニットテストを書きたい

案件で認証プラットフォームであるAuth0を利用していますが、Auth0の機能の中でもRulesと呼ばれるユーザ認証時にJavaScriptの関数を走らせる事が出来る機能は非常に強力で様々なニーズに対応することが可能になります。その中でJavaScriptの関数で書けるRulesに対して、ユニットテストを書く事が出来れば、Ruleの質も担保出来ます。

mxGraphで階層グラフを可視化する

前回の記事では、JavaScript製のグラフ可視化ライブラリについて概観しました。また、その1つであるVis Networkについて紹介し、階層グラフの可視化を行いました。Vis Networkはcanvasでの高速な描画が可能で、階層グラフをライトに表示・加工する場合は非常に有用ですが、大きな階層グラフを表示する場合にエッジの交差が多くなってしまうという課題があることを見てきました。

Vis Networkで階層グラフを可視化する

業務で階層グラフを可視化する機会があったので、階層グラフの可視化について共有させていただこうと思います。グラフとは関係を抽象化したもので、線グラフや棒グラフなどのチャートとは異なる概念です。

Auth0で認証成功後に任意のWebページを表示させたい

とある案件で、ユーザがログインした後に任意のページを表示させたいニーズがありました。こういった時はアプリ側でやってあげれなくもないのですが、複数のアプリが Auth0 で認証している場合には、アプリの数だけ改修が発生してしまいます。今回は context.redirect という Auth0 のユニークな機能を使って、改修を最小限に抑える方法を紹介します。

Service Worker開発で起きた不具合を振り返る

Service Worker開発で起きた不具合と対応方法を記載します。Service Workerは、ブラウザがWebページとは別にバックグラウンドで実行するJavaScriptになります。

2020年秋にVue.jsのアプリケーションを作るなら、押さえておきたい5つのポイント

ここ最近はVue.jsでのフロントエンド開発をしています。ほぼ何もない状態からのスタート段階から始めたのですが、その際調査したことが学びになったので共有します。

親子でプログラミング学習　Alexaスキルを作ろう

今年から小学校でプログラミング教育が必修化になったとのことですが、プログラミングと聞くとまだまだ「難しい」、「私には無理」と言った苦手意識を持つ子供や親も多いのではないでしょうか？そこで今回は幼児～小学校低学年の子供とその親を対象として一家に一台はあるであろうスマートスピーカーのAlexaを使ったプログラミングをすることで、プログラミングが楽しいと思ってもらえるようにブログを書かせてもらいました。※あくまで楽しいと思ってもらえるところまでがゴールなので分岐や繰り返しの話はしません。

Vue.jsで最速に始めるCheetah Grid

今回、記事を投稿することになったきっかけは、フューチャー発のOSSであるCheetah Gridを使用した業務システム開発に携わったことです。また、現在、Cheetah Gridの公式ドキュメントは英語のみで公開されており、日本語で解説された記事などがあまり存在しないことも挙げられます。そこで、Cheetah Gridは機能も豊富で、業務システム開発で使いやすいため本記事で紹介します。※本記事は入門者対象です。

Slack×GASの日報テンプレBOTを実務に導入してみた

Slackに投稿するための日報をBOT化・自動化したので自由研究企画に混ぜてもらい記事にすることにしました。毎日共通で書かなければいけないタイトルなどの固定項目やスケジュールの記載を自動化することで、作成時間を短縮し、重要な部分に時間を割けるようになりました

Chromeの拡張機能作ってみた！

現在業務では直接開発をする機会はないのですが、業務の合間を縫って日々プログラミングを勉強中です。 そんな中、お世話になっている先輩から手始めに、Google Chromeの拡張機能の作成方法を教えて頂いたので、拡張機能の作成方法入門を書いていこうと思います。

webpack入門

JavaScriptでの開発は実行結果が視覚的&ツール周りが充実しているのでプログラミング覚えたての人も楽しみながら進められると思います。一方、開発環境周りは充実しすぎているがゆえ難しいと思ったので記事にしました。