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

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

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

openCV.js を使ってスマホ上で画像処理をしてみた

2018/06/26 15 users OpenCV 画像処理 スマホ上 ライブラリ 単語

もはや最近ではよく聞く単語となった「画像処理」をJavaScriptでやってみました。 openCV.jsとは 画像処理でよく使われるライブラリであるOpenCVのJavaScript版。 これにより、jsファイルとブラウザさえあれば画像処理を実現できるので 面倒な環境設定をせずとも画像処理を行なえるようになりました。 そのOpenCV.jsを用... 続きを読む

Gmail、JavaScriptファイルの添付を禁止へ（2月13日から） - ITmedia ニュース

2017/01/26 34 users Gmail exe 添付 警告 JavaScriptファイル

Googleが、セキュリティ上の理由からGmailへの添付を禁じているファイルに、JavaScriptコード（.js）を追加する。2月13日から.jsファイルを添付しようとすると、警告が表示されるようになる。 米Googleは1月25日（現地時間）、Gmailへの拡張子が「.js」のファイルの添付を2月13日から禁止すると発表した。セキュリティ上の理由からだ。 同社は既に、拡張子が「.exe」「.... 続きを読む

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... 続きを読む

Object.defineProperty()について調べた - yutaponのブログ

2014/05/20 42 users yutapon メソッド コンパイル後 ご存知 仕様

2014-05-20 Object.defineProperty()について調べた es5 TypeScript本の5章ではコンパイル後のJSファイルを読めるようにJavaScriptの仕様について解説されています。 Object.defineProperty()というメソッド、ご存知でしょうか。 このメソッドは主に書き換え不可能なオブジェクトプロパティを定義するため使います。 これ、今まで知りま... 続きを読む

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のレンダリングエ... 続きを読む

Re: RequireJSを使うのを止めた理由 - teppeis blog

2013/07/16 41 users RequireJS 結合 圧縮 teppeis blog 同意

2013-07-17 Re: RequireJSを使うのを止めた理由 RequireJSを使うのを止めた理由 | それなりブログ を読んで、ほぼ同意だったのですが、意識が高まったのでいくつかコメントを。 嫌だったところ 基本的に、1枚のJSファイルが1モジュール、ファイル名がコードに影響する。 それができるのが良いところだと思ってました。 それもあって、結合・圧縮は r.js という専用のツールが... 続きを読む

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

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

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

CSSやJSファイルを1つにまとめてを高速化するWP Minifyというプラグインが効果バツグンだった。 | A!@attrip

2013/06/25 38 users attrip CSS 応答速度 速度 効果バツグン

CSSやJSファイルを1つにまとめてを高速化するWP Minifyというプラグインが効果バツグンだった。 このサイトの速度を上げたいなと思っていて色々やっているのですが、 どうしても長い時間ブログをやっているとCSSやjsが多くなってサイトの速度を低下しがちです。 minfyの説明は、ここがわかりやすい。 WP MinifyでCSS/JavaScriptをまとめて軽量化、ページの応答速度を向上させ... 続きを読む

いい加減、<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要素を読み込もうとすると、ブラウザによっては安全装置が働いて読... 続きを読む

2012-12-10のJS: Firebug 1.11.0、Heap Profilerでのメモリリーク調査、CSS testing tools | JSer.info

2012/12/11 13 users Firebug postMessage INCLUDE

JSer.info #100 - Firebug 1.11.0がリリースされました。 Firebugのコンソール上で利用できる $() や $$() がquerySelector相当になったりinclude()でjsファイルを取り込んだり出来るようになったりしています。 また、postMessageや関数呼び出しのログ表示やSPDY対応等も含まれています。 Firebug 1.11 New Fea... 続きを読む

CSS、Javascriptを圧縮して読み込み速度を上げよう！「YUI Compressor」 | OZPAの表4

2012/11/05 23 users code OZPA CSSファイル CSS ツール

timelapse audio / Inha Leex Hale ブログの表示速度を少しでも速くするために、ブログ内で読み込んでいるJSファイルとCSSファイルを圧縮せんと、「YUI Compressor」というツールを試してみました。 Online YUI Compressor 使い方 使い方は非常に簡単。まずはOnline YUI Compressorへアクセスしませう。 続いては「Code」... 続きを読む

タブやスクロール、ツールチップなど、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をベースに速攻でブックマークレットを作成できる「Boo.kmarked」:phpspot開発日誌

2011/05/18 24 users Bookmarklet ブックマークレット GitHub

Boo.kmarked | The Free Bookmarklet Maker 外部JSをベースに速攻でブックマークレットを作成できる「Boo.kmarked」。 このツールを使えば、githubなどで公開されているJSファイルをすぐにBookmarkletに変換することができるようです。 単純に scriptタグをcreateElementしてAppendしているだけのようですが、１から書こう... 続きを読む

JSファイルを含むページをAjaxロードしたときにJSを実行しないさせないしたくない :: 5509

2011/02/28 34 users Ajax wrapper AutoPagerize DOM

この前ちょっと聞かれたので、メモっときます。AjaxでJS含んだページをそのままロードするとDOMに追加した時点で実行しよるんで、それを回避するためのやつです。Autopagerizeを参考にしたと思います。ついでに取得したHTMLの走査方法ですが、そのまま$(html)とかにすると、一番上のwrapperとかそういうdivだったりする要素が取得できないので、一旦divをかませておきます。Ajax... 続きを読む

[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にぴったりなモジ... 続きを読む