B3S
menu close

ENGINEER　BLOGS

PICK UP

雑記

爆速デザイン革命：Figma Make × Gemini で……


わら
公開日:2026/02/27

デザイン制作において、「0から1を作る作業」に時間を取られすぎていませんか？ 今回は、FigmaのAI機能「Figma Make」と「Gemini」を組み合わせることで、サイト制作の生産性を劇的に向上させた実証データとそ […]

Laravel

$loopという変数について


#Laravel

イブリン
更新日:2026/03/03

AIってすごいところまで来ましたね。プライベートでは画像生成とかちょっとしたプログラム作りでかなり世話になっていますが、仕事中もレビューや複雑なロジックのリファクタリングでAIを使用したりしています。 その中で、意外にも […]

アプリ＆拡張機能

「名前も知らずに使ってた」便利機能。Webマケ時代の記憶をA……


うどん
公開日:2026/02/26

続けましてうどんです。 「あ、これ便利だな」と思って何気なく使っていたブラウザの機能。実はそれ、「ブックマークレット」という立派な名前があったんです。 今回は、前職のWebマーケティング部時代の「これ便利だったな」という […]

UIデザイン

Figma×MCPでデザインをコード化！無料枠の制限に挑んだ……


うどん
公開日:2026/02/25

こんにちは、うどんです。 「Figmaのデザインを、AI（MCP）を使ってそのままコードにしたい！」 そう思い立ったのが運の尽き（？）。 いつの間にかリモートMCPであればフリープランでも利用することができるんじゃ！と思 […]

雑記

スライド作成が超効率化⁉ 最新AIツール12選を一気見！


#AI活用

うどん
公開日:2025/10/31

いろいろなAI化で取り巻く環境が目まぐるしく変化しているうどんです。 目がぐるぐるまわりそうです。 最近いろいろなものがAI化されているので、（そこまで重要でもない）ちょっとした資料を作るときに、せっかくならツール差でど […]

雑記

無料のAIを利用してツールの作成ができるのか調べてみました。


#AI活用

きーぼう
公開日:2025/10/31

こんにちは、きーぼうです。 日々の業務でAI、特にGeminiを活用しているのですが、毎回同じようなプロムプトを入力するのが少し手間に感じていました。 定型的な作業はAIで効率化できても、「ちょっとだけ条件を変えたい」と […]
Read(読む)
Learn(学ぶ)

「カテゴリー: Javascript」の記事一覧

Javascript

サービスワーカーを使ってオフラインでWEBページを開く


#PWA
#ServiceWorker
#オフラインキャッシュ
#サービスワーカー

ぽんて　　更新日:2023/10/31

数年前に騒がれたサービスワーカー。 今更かもしれませんが少し勉強したのでブログにしておこうかなと思います。 今回はサービスワーカーで一番使われるであろう、オフラインでWEBページを表示させる方法とその仕組みについて書いて […]

JQuery

パスワードジェネレーターで生成したパスワードってどうなん？


#JQuery
#セキュリティ

イブリン　　公開日:2023/02/28

お久しぶりです。イブリンです。 開発中でパスワード生成機能を作ることがあり、 乱数の生成にはいくつがメソッドがあるが、パスワードをつくるのには暗号的に強いメソッドを使ってくださいと読み、 それぞれで作ったパスワードはどれ […]

Javascript

select2をJQueryでcloneしよう！


ぽんて　　公開日:2022/10/31

今回はselect2についてです。皆さん使ったことありますか？ このツールかなり便利で僕もしょっちゅう使っているのですが、少し変わったことをしようとすると 沼に落ちることがあります。 その沼にはまったときの一例を紹介した […]

Javascript

WebXR技術を使用したAR開発を模索してみた


#AR
#model-viewer
#three.js
#WebGL
#WebXR

イブリン　　更新日:2022/06/30

今回は、WebXR技術を使ってAR開発を作って見ました。 HTML＆CSS＆Javascriptで簡単に作れたので紹介していこうと思います。 完成品の紹介 2つのサービスを真似して開発してみました。 興味のある方は見てみ […]

Javascript

webpack、必須です。


#webpack5

edy　　更新日:2022/02/24

webpack、必須の時代になりました。 この記事では、次の事を記載しています。 目次 1. 背景 2. webpackとは 2.1. 社内でも何気なく体験しています 2.2. React、Vue.js開発でよく使われま […]

Javascript

Three.jsを使って3D製品ページを作成してみよう


#3D
#blender
#three.js
#WebGL
#webpack

イブリン　　更新日:2022/10/26

最近私は、three.js開発にドハマリしており、今はthree.jsを使ってvr、AR、MR（これは苦戦しそう）に挑戦しています。 今回はwebpackを利用してThree.js開発をしてみたので、webpackの概要 […]

Javascript

複数タブでポーリングする方法


はち　　公開日:2021/10/27

皆様こんにちはゴスケです。 最近、社内システムで「新着情報をポーリングする処理」の実装機会がありました。 なんも考えずsetTimeout()で新着情報を取得するAPIをコールしていたのですが、開いているタブの数だけリク […]

Javascript

JavaScriptで画像リサイズする


えだ　　更新日:2021/10/27

えだです。 前々から画像をアップロードするシステムの悩みで、1ファイルあたりのサイズが大きすぎる問題がありました。 総量問題だけで言うとアップ後にサーバー側処理でリサイズする方法でもいいのですが、環境(※1)や負荷を考え […]

Javascript

Flatpikrを利用してAirbnbのようなカレンダーを作……


#Airbnb
#Datepickr
#Flatpickr
#予約カレンダー

イブリン　　更新日:2021/08/04

今回は、私が会社の社内システムに導入した、物を貸し借りを管理するシステムに、 Flatpikrという日付カレンダーについてについてお話しします。 導入した理由 ◆タブレット端末をメインにしたシステムのため、指で簡単に日付 […]

Javascript

業務システム、Vue.jsはどうでしょう


#Vue.js

edy　　更新日:2021/08/12

業務システム、Vue.jsはどうでしょう この記事では、次の事を記載しています。 目次 1. 背景 2. Vue.jsとは 3. Vuex、Nuxt.jsとは 4. サンプルシステム 4.1. 画面操作性 4.2. 保守 […]

Javascript

【React】Atomic Components を実践して……


はち　　更新日:2021/08/04

皆様こんにちは。　ゴスケです。 最近、Reactで開発する際のコンポーネント設計にAtomic Componentsを参考にしたのですが、色々悩むことが多かったです。 ということで、今回はAtomic Component […]

Javascript

Three.jsはじめました！


#WebGL

edy　　更新日:2021/08/12

Three.js を研究してみました。 この記事では、次の事を記載しています。 作ったもの 1.WebGL、Three.jsとは WebGLとは、ブラウザで3Dグラフィックを表示させるための標準仕様(API)で、非営利団 […]
1 2 3