超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita

2024/03/29 787 users Qiita Chrome みなさん 効率 普段

はじめに みなさんはChromeのか拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際... 続きを読む

2020年でJavaScript学ぶならきっとブラウザ向けJSガン無視していきなり初手node.jsがいいんじゃないかというメモ - min.t (ミント)

2020/11/12 213 users Python 何者 PHP min.t ミント

tricken@WPサイト設置した @tricken node.js が何者なのかようやくわかったわ……フロントエンド側のJavaScriptじゃなくて、PythonやPHPと同じように書いてはバイナリ実行＆サーバサイド実行できるタイプのJavaScriptってことか……Python3.8 と同じ感じでJavaScriptファイルが扱えることがわかって驚いている。 2020-11-11 ... 続きを読む

面倒なJavaScriptコードのとりまとめがこれ1つで可能に、「webpack」入門 | さくらのナレッジ

2019/06/18 556 users Webpack ナレッジ 結合 概念 変換

最近JavaScript関連の開発で採用が進んでいる「webpack」は、JavaScriptファイルの変換や結合といった操作をコマンド1つで実行できるツールだ。本記事では、webpackとは何かという基本的な概念から導入方法、実際の利用例などを紹介する。 モジュール管理機構の不足や未サポート機能の問題をツールで解決する「webpack」... 続きを読む

最新版で学ぶwebpack 4入門 - スタイルシート(CSSやSass)を取り込む方法 - ICS MEDIA

2018/03/05 144 users Webpack モジュールバンドラー Sass CSS 焦点

ウェブのフロントエンドエンジニア開発で人気を集めるモジュールバンドラーのwebpack（ウェブパック）。webpackにはJavaScriptファイルのバンドルだけではなく、スタイルシート(CSSやSass)のバンドルもできます。ICS MEDIAの記事「 最新版で学ぶwebpack 4入門 」では、webpackの基本的な使い方を解説しましたが、この記事ではスタイルシートに焦点をあてて解説します... 続きを読む

タスク自動化ツール「gulp」 を使って制作時間を短縮しよう | Webクリエイターボックス

2014/12/24 371 users Sass Gulp コンパイル CSS タスクランナー

みなさん、タスクランナーを使っていますか？タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし！今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSやJavaScriptファイルの圧縮や結合、Sassの... 続きを読む

<script async>でJavaScriptの非同期読み込みを - fragmentary

2014/10/13 302 users Ilya Grigorik スクリプト すごいひと パターン

2014-10-14 <script async>でJavaScriptの非同期読み込みを JavaScript HTML JavaScriptファイルをスクリプトから非同期で読み込むパターンは古い、という話を目にしたのはもう半年前のこと。 言ったのはIlya Grigorik。月末のGoogle Japanでのイベント、月初のHTTP2ConferenceにくるWebパフォーマンス界のすごいひと... 続きを読む

NAVERまとめに見る遅延ロードのすすめ « NAVER Engineers' Blog

2013/01/16 206 users NAVER Engineers NAVERまとめ 大吉 初詣

あけましておめでとうございます。NAVERまとめのフロントエンドを担当している縣です。初詣で引いた大吉のおみくじを握りしめながら今年も張り切っていこうと思います。 今回はJavaScriptの遅延ロードの仕組みをNAVERまとめに導入した際のお話を紹介します。 遅延ロードの検討 昨年NAVERまとめのまとめ閲覧ページや、まとめ編集ページでのJavaScriptファイルの読み込みを遅延ロード化する作... 続きを読む

Webサイト製作の知識だけでOS Xネイティブアプリを作成『MacGap』 | Macの手書き説明書

2012/01/11 300 users zip XCode Public MacGap CSS

最後のビルド作業にだけXcodeが必要ですがHTML、CSS、JavaScriptの知識だけでOS Xネイティブアプリが作れるファイル一式です。特定のサイト専用ブラウザを作ったり、HTML5の機能を使えばオフラインでも使える完全に独立したアプリが作れそう。Zipを解凍してできたフォルダの中には「public」というフォルダがあり、そのフォルダにHTML、CSS、JavaScriptファイルを置いて... 続きを読む

JavaScriptファイルやCSSファイルを圧縮して高速化する「YUI Compressor Online」 - GIGAZINE

2009/01/13 315 users Java GIGAZINE 強者 圧縮 JSファイル

Yahoo！の社員であるJulien Lecomte氏が開発した「YUI Compressor」という有名なJavaScriptファイルとCSSファイルの圧縮を行うJAVAで作られたツールがあるのですが、それをもっと簡単に利用できるようにオンラインで提供する強者が現れました。サイト名はそのまんま、「YUI Compressor Online」となっており、JSファイルなどをアップロードすれば自動的... 続きを読む

デザインスクロールをブロック要素に適用するJavaScript （jsScrolling） - youmos

2007/07/12 109 users youmos スクロールバー ブロック要素 サンプル ブラウザ

ブロック要素など、コンテンツ上で長い文章やソースコードなど表示したい場合便利なのが、jsScrolling。ブラウザのスクロールデザインとは異なるオリジナルのスクロールバーを表示させることが出来る。 サイトのデザインに統一感を出したい場合に、コンテンツに配置したイメージをスクロールバーとして利用することも出来る。機能ごとにJavaScriptファイルが分かれているがサンプルを参考に作成すれば比較的... 続きを読む

ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos

2007/06/20 179 users youmos ウィンドウ CSS タブ ナビゲーション

コンテンツにナビゲーションを設置する際、コンテンツの端にタブ状のナビゲーションを表示できるようにしてくれるのが、side-bar.js。タブをクリックするとスライドしながら、メニューが表示される。 利用するにはmootools.js又は、scriptaculous.jsが必要になる。ダウンロードファイルには動作に必要なJavaScriptファイルとデザイン用の画像イメージなども含まれている。CSS... 続きを読む

複数のJavaScriptファイルを１コネクションでスッキリ一括読み込みする方法:phpspot開発日誌

2007/02/05 104 users phpspot開発日誌 一括 Issue 複数 ライブラリ

IEで透過PNG画像の透過処理を簡単に行うJavaScriptライブラリ「alphafilter.js」 次の記事 »：JavaScriptで3Dオブジェクトを作成するためのライブラリ「JS3D」 Supercharged Javascript Pre-compression also doesn't solve a multiple connection issue. 複数のJavaScript... 続きを読む

画像やページをLightBox風に表示できるThickbox:phpspot開発日誌

2006/05/08 317 users them thickbox Lightbox風 class

Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の... 続きを読む

Makeを利用したJavaScriptファイルの結合・圧縮 - llameradaの日記:

2005/12/04 113 users llamerada Make 結合 圧縮 日記

ある程度の規模のJavaScriptプログラミングでは、モジュール毎に、複数のファイルに分割してプログラミングするのが普通である。これは、ファイルの大きさが適度な方が編集作業が容易なのと、モジュールの別プロジェクトへの再利用性を高めるためである。しかし、ブラウザ・アプリケーションでは、複数ファイルを1つのファイルに結合する方が望ましい。なぜならば、複数ファイルへの分割は、サーバへの多数のHTTPコ... 続きを読む

YappoLogs: ページがどんなキーワードで検索されたかをTagCloud風に表示させるくっつきサービス

2005/10/05 143 users 追記 YappoLogs 仕様 検索キーワード 説明

ページがどんなキーワードで検索されたかをTagCloud風に表示させるくっつきサービス Search Word Cloud ※11時に仕様を変更した追記を行っています。 うまい説明が思い浮かばないのですが javascriptファイルをページに貼り付けておくだけで、そのページに訪問した際に使われた検索キーワードを自動的に検知して そのキーワード達をTagCloud風に表示させる物を作ってみました。... 続きを読む