VS CodeでJavascriptの型チェックを行う - Qiita

2019/01/13 52 users Qiita TypeScript JavaScript 話題

はじめに Qiita初投稿。ちょっと緊張するので、豆知識的な軽めな話題で始めてみます。 なんですが、以外にもQiitaでは記事を見かけなかった内容なので、誰かのお役に立てば。 結論 VS Codeでは、jsファイルに//@ts-checkのコメントを追加すると、TypeScriptとして型チェックをしてくれる Type Checking JavaScript Files... 続きを読む

CSSとJSファイルをブロックしているサイトに警告メッセージをGoogleが一斉送信 | 海外SEO情報ブログ

2015/07/28 63 users CSS 一斉送信 警告メッセージ Google 中級

[レベル: 中級]CSSとJavaScriptのファイルへのアクセスをrobots.txtでブロックしているサイトに対して、Search Console経由で警告メッセージをGoogleは一斉に送信し始めました。CSSおよびJSファイルにGooglebotがアクセスできませんGoogle Search Console Teamから次のようなメッセージが届きます。http://example.com... 続きを読む

GruntでSassのビルドとjsファイルの結合・圧縮を自動化 - bata's log

2014/08/06 58 users Sass Grunt ビルド 結合 圧縮

2014-08-06 GruntでSassのビルドとjsファイルの結合・圧縮を自動化 ツール JSファイルの結合と圧縮を自動化したくて色々調べていたのですが、やはりGruntが一番便利だということで導入してみたました。 結論からいうと、もっと早く導入すればよかった。 Gruntの導入 導入部分は下記を参考に。 Windowsの場合 http://webdrawer.net/javascript/f... 続きを読む

Objective-Cのクラスの依存関係を「D3.js」でビジュアライズするライブラリ - Over&Out その後

2014/03/09 101 users iOS Rubyスクリプト Objective-C 同梱 感じ

iOS, XcodeObjc-dependency-visualizerというOSSツールを使うと、アプリ内で使用している Objective-C クラスの依存関係をビジュアライズしてくれます。 試しに "iOS7 Sampler" でやってみると、こんな感じのを生成してくれました。 実行するのはrubyスクリプトで、依存関係だけが記述されているだけのシンプルなjsファイルが生成され、同梱されてい... 続きを読む

Casper.JSのススメ - After Coding

2013/08/16 120 users After Coding ススメ Casper 途端 出番

2013-08-17 Casper.JSのススメ Phantom.JSというヘッドレスブラウザがある。 これが超便利なんだけど、セッション周りとか込み入った操作をしようと思うと途端に操作(JSファイルへの記述)が面倒になる。 そこで、Casper.JSの出番だ。 CasperはPhantomと連携するライブラリで、簡単な記述で複雑な操作を実現することができる。 また、Phantomのレンダリングエ... 続きを読む

RequireJSを使うのを止めた理由 | それなりブログ

2013/07/16 160 users RequireJS 結合 圧縮 コード 1モジュール

RequireJS はみんな使ってるらしーし、 何かかっこいいし、意識高そうだし、使っとくか！ ・・・と、思って試しに使い始めてみたのですが、 自分が作るような小規模なものの場合、 大変な割に良い事あんまりないので使うのを止めました。 以下、忘れそうなのでその理由をメモって置きます。 基本的に、1枚のJSファイルが1モジュール、ファイル名がコードに影響する。それもあって、結合・圧縮は r.js と... 続きを読む

いい加減、<script src="http://..　と書くのはやめましょう - DQNEO起業日記

2013/05/18 793 users script src DQNEO起業日記 http パク 原因

JSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読... 続きを読む

タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.net

2011/09/15 332 users スクロール タブ 実装 ツールチップ net

たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と いう名みたいです。 国産のプラグインなのでドキュメントも日本語です。英語が苦手な方でも手軽に使えるのではないかなと。また、無駄な装飾も無いので既存サイトに落とし込んだり... 続きを読む

JavaScriptとCSSファイルのHTTPリクエストを最小限にし圧縮・キャッシュする -BoxJSとBoxCSS | コリス

2011/07/11 259 users コリス HTTPリクエスト 圧縮 CSSファイル 最小限

ウェブサイトで使用する複数のJavaScriptとCSSファイルのHTTPリクエストを少なくし、圧縮・キャッシュするサービスを紹介します。 複数のJSファイルをまとめる -BoxJS 複数のCSSファイルをまとめる -BoxCSS 複数のJSファイルをまとめる -BoxJS BoxJSは一つのJSファイル（box.js）を利用し、モジュール式のローディングシステムで複数のJSファイルをロードできま... 続きを読む

[JS]JS/CSSの管理、ユーザー環境の検出など便利な機能がつまった超軽量スクリプト -Head JS | コリス

2010/12/01 309 users コリス Usage CSS 検出 head

複数のJSファイルの管理、CSSのサポートが異なるブラウザへの対応、ブラウザとバージョンの自動検出、スクリーンサイズの自動検出など、headで制御したい便利な機能がつまった超軽量（2.3KB）スクリプトを紹介します。 下記に、Head JSでできることを簡単に説明します。 詳しい使い方は下記ページで解説されています。 Usage: Head JS 外部JSファイルの読み込み JavaScriptの... 続きを読む

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

2009/01/13 315 users Java GIGAZINE 強者 圧縮 Yahoo

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

JavaScriptでJSやCSSを動的インポートする （import.js） - youmos

2007/06/14 122 users チュートリアル HTMLヘッダ CSSファイル 特定 本来

JavaScriptで他のJSファイルやCSSファイルをインポートするのに便利なのがimport.js。WebInventif.frで紹介されているチュートリアルだが、実際に利用できるJavaScriptコードも取得でき、サンプル用のコードを削除すれば、そのまま利用できる。 本来であればHTMLヘッダで呼出せば良いが、特定の条件やページのみで実行したい場合などに利用できる。また、スタイルシートのイ... 続きを読む

cyano: mod_expiresとmod_rewriteを使ってサイトの帯域節約と体感速度を向上させる方法

2007/06/09 217 users cyano mod_expires mod_rewrite

普通の帯域節約術としては、mod_deflateでdeflate圧縮するとか、CSSやJSファイルのHTTPレスポンスヘッダにLast-ModifiedやEtagを追加しておいて、ブラウザがHTTPリクエストヘッダにIf-Modified-SinceやIf-None-Matchを付加するようにし、コンテンツが変更されていなかったら304 Not Modifiedを返すという方法を取るかと思います。... 続きを読む

[JS]ページ内をスムーズにスクロールできるスクリプト(基本編) | コリス

2007/04/04 163 users ペー コリス 先頭 メモ スクリプト

当サイトでも使用しているページ内をスムーズにスクロールするスクリプトの紹介です。 スクリプトの概要 JSファイルのダウンロード ページの先頭へスムーズにスクロールさせる方法 ページ内の任意の場所にスムーズにスクロールさせる方法 メモ 更新履歴 横移動や別ページからスムーズにスクロールできる方法は、応用編です。 [JS]ページ内をスムーズにスクロールできるスクリプト(応用編) スクリプトの概要 ペー... 続きを読む

CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

2007/02/12 569 users ひとまとめ GIGAZINE CSSファイル CSS サンプル

CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは... 続きを読む

YappoLogs: JavaScript::Swell - Web2.0 時代のHackモジュール

2005/11/22 64 users YappoLogs Swell もじ ソースコード 皆さん

JavaScript::Swell - Web2.0 時代のHackモジュール ここ最近はJavaScriptもかなり注目をされており、色々なサイトのjsファイルを読みふけってる方も多いと思います。 そこで困るのがSquishされて見づらくなったソースコードなのではないでしょうか？ 皆さん、それぞれ苦労して見やすいソースに修正して日々Hackされてることと思います。 そんな苦労erにぴったりなモジ... 続きを読む

最速インターフェース研究会 :: [速報] GoogleのRSSリーダー（β版）、早速真似して作ってみた

2005/10/10 67 users RSSリーダー 最速インターフェース研究会 速報 アニメー

GoogleからRSSリーダーがリリースされましたね。 http://www.google.com/reader/ ソース読むのとか面倒なんで真似して作ってみました。だいたい6時間ぐらいで出来た。 http://la.ma.la/roll.html このBlogで使ってるjsファイルをちょっといじって使ったので、キャッシュ利いてて動かない場合はリロードしてみてください。 Firefoxだとアニメー... 続きを読む

fladdict.net blog: JavaScript で音を制御してみたよ

2005/06/06 69 users fladdict.net blog JavaScript

ブログのリンクをマウスオーバーすると、効果音がなるようにしました（ページのロードが終了してからだけど）。 基本的に不可能なはずの、JavaScriptによるサウンドコントロールです。 Ajaxのユーザビリティの向上にでもどうぞ。ソースはこちら。 使用をする場合は、 ・WEBページのエンコードとjsファイルのエンコードを同じにすること ・jsコード内のswfファイルへのパスを、自分のサーバーの絶対パ... 続きを読む