UserScriptで業務改善
UserScriptの探索 Uまずは先人たちが作成されているUserScriptを体験してみましょう。 UserScriptを探すのにオススメなのは Greasy Fork というUserScript用のリポジトリサイトです。 Greasy Forkは @require で呼び出すCDN等を動的に変更できないリンク先（ホワイトリスト化されている）を使用しているスクリプトを公開されている これによりセキュリティリスクが軽減される 詳しくはこちらを参照 スクリプトのバージョン管理機能が備わっている スクリプトの人気がわかる デイリーのインストール数と総合インストール数が記録されている 開発者にフィードバックが送信できる スクリプトの説明がある が可能となっています。 また、 Gist で UserScript 【使いたいサービス名】 で検索するとニッチなUserScriptが見つかります。 U
スマートフォンとタブレットでviewportを振り分ける[js]
まえがき 皆さん、いきなりですがスマホサイトってどうやって作りますか？ KoToRiは「viewport」をこんな感じで指定して <meta name="viewport" content="width=device-width, initial-scale=0.5,minimum-scale=0.5, maximum-scale=0.5, user-scalable=yes"> 横幅640pxで作成されたデザインデータを用意してそのままコーディングします！ 「viewport」に「initial-scale=0.5」を指定することで横幅640pxでコーディングしたものを50%の大きさで表示することができます。 つまり横幅320px！ちょうどiPhoneのディスプレイの幅のサイズで表示されるわけですね。 この手法だと画像もボケないし楽だし結構ベーシックなやり方だと思います。 ただ、この「v
![スマートフォンとタブレットでviewportを振り分ける[js]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0859e2b722d109fc937619d31bc264ede73d0d82/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb5.gif)
Javascriptスクレイピング！jquery.xdomainajax.js
これぞJavascriptスクレイピング！jquery.xdomainajax.js 主催している勉強会でも何度もPHPでのスクレイピングネタを取り上げていいます。 Javascriptでもスクレイピング出来ないものか PHPでのスクレイピングでもそうなのですがスクレイピングする際はHTMLのタグやIDなどのセレクタを利用して取得します。 でもこの考えがいかにもJavascriptっぽいので、だったらJavascriptでもいけるのではないかと調べていたら素敵なjQueryプラグインを発見しました。 クロスドメインの制約突破！jquery.xdomainajax.js Javascriptの場合ネックになるのがクロスドメイン間の突破です。クロスドメインとは、例えばこのサイトはwww.kaasan.infoというドメインですが、このサイトを閲覧しながら 違うドメインの他サイトにアクセスすると
JavaScriptを有効／無効にする方法
初心者でも簡単作成 Webサイト（ホームページ） パソコン インターネットの勉強、情報 NetyaSun JavaScriptを有効／無効にする方法 各ブラウザ別 JavaScript ジャバスクリプトとは、 Sun Microsystems社とNetscape Communications社開発のプロトタイプベース型ウェブブラウザ用スクリプト言語(プログラミング言語。略：JS)。 ウェブサイトの構成はHTML、 デザインはCSS、 対してJavaScriptはコンテンツを動作をさせる為の言語。 画像を動かしたりマウス動作でアラートを出したりボタンでプログラムを便利に動作させますが、JavaScriptでマウスカーソルがハートになったり雪や虫の画像が飛びまわったり、頻繁なアラートや別窓、右クリック禁止などでJavaScriptがジャバに、いやジャマになります・・・。 面倒ですがケースバイケ
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
selectボックスを超カッコよくするjQueryプラグイン「Chosen」:phpspot開発日誌
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better selectボックスを超カッコよくするjQueryプラグイン「Chosen」 味気ないselectのデザインをゴージャスかつ多機能に変えてくれるプラグインです。 左が普通のselect。これをカスタマイズして右のイメージに。インクリメンタル検索ができるので項目数が多くてもOK タグ選択っぽいインタフェースにすることも出来ます 選択時のイメージ。カッコいい。 BootStrapライクなデザインなので組み込んでしまっても違和感ないかもですね 関連エントリ 中身が画像のselectボックスを作るjQueryプラグイン デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成でき
WideArea - Better Textarea
WideArea? WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster. How to use? Really simple. Just include both JavaScript and CSS file and then add data-widearea="enable" attribute to your textarea and then call this JavaScript function in the page: wideArea(); License Free and open-source (including commercial use). P
chromeデベロッパーツールでjavascriptのデバッグをする -node.jsもあるでよ- - tumblr
ソースコードリーディングとかしてると、ただコード読んでてもどうしようもなく、オブジェクトの中身や変数などを見るためにデバッグツールを使いながらでないとやっていけないことが今になって分かりました。自分でもどうしようもなくアホだと思いながら戒めのために覚書。 デバッグツールの機能 僕自身まともに触れる言語はjavascriptとphpくらいなもので、どちらもeclipseのようなIDEを使わず頑なにvimを使って組んできました。phpの場合はxdebugと連携させる方法*1や、javascriptならrhinoなんかを入れてquickrunとかって方法も考えられますが、僕はある程度は知っていながらもひたすら標準のスタックトレースやalert,console.log,console.dirばかりしていたので、まずはIDEなどに搭載されている一般的なデバッグ機能を復習をかねて覚書。 ブレークポイン
PhantomJS でログインが必要なページでも自由自在にスクレイピング - 凹みTips
はじめに PhantomJS - Scriptable Headless Browser PhantomJS はヘッドレスな（ブラウザ画面のない）QtWebKit ベースのブラウザで、JavaScript の API を通じて、そのブラウザを自由自在にあやつることが出来ます。使用シーンとしては、Jenkins などの CI ツールとの組み合わせによる Web ページの GUI の自動テストや、Web ページのスクリーンキャプチャ、スクレイピングなどが挙げられます。 今回は、ログインが必要なページの情報をパースして自分専用に RSS 化したいなと思い、３つ目のスクレイピング用途をベースに調べてみました。その内容を備忘録として残しておきます。 出来るようになること ログインが必要なページの HTML を取ってくる ログインが必要なページのスクリーンキャプチャを撮る PhantomJS の導入
[jquery] jqplotを使い始めて、最初に知っておくと良い感じのこと - sugilogのブログ
http://www.jqplot.com/ ベーシック 最小限の読みこみ設定 html5として表示 IE（9より下位バージョン）向けに、excanvas.jsをconditional commentsとして設定 jqueryとjquery.jqplotを読み込む <!DOCTYPE html> <html> <head> <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="./jquery/dist/excanvas.js"></script><![endif]--> <script type="text/javascript" src=".jquery.min.js"></script> <script type="text/javascript" src="jquery.jqplot.m
![[jquery] jqplotを使い始めて、最初に知っておくと良い感じのこと - sugilogのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d064bdc6c6f2dd556062869803bb96469b6f7174/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F7dc4ebd0fe9fafaae745c36b4dfbab4c064f0b89%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fs%252Fsugilog%252F20111109%252F20111109153558.png)
[JavaScript] ブラウザで選択した文字列を取得
javascrpt を使って、ブラウザで現在選択されている文字列を取得する方法について確認してみます。 window.getSelection()で選択範囲を取得 windowオブジェクトのgetSelection() メソッドで、ブラウザで現在選択されている範囲をあらわす、Selectionオブジェクトが取得できます。 var selection = window.getSelection(); Selectionオブジェクトから選択された文字列を取り出すには、toString() メソッドを使います。 var selected_str = window.getSelection().toString(); なお、getSelection()メソッドはdocumentオブジェクトにも実装されているので、document.getSelection() としてもokです。 IE での対応(I
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
最速な JavaScript のリファレンスマニュアルサイトをつくった - tokuhirom's blog
最速な JavaScript のリファレンスマニュアルサイトをつくった http://jsref.64p.org/ JavaScript のリファレンスマニュアルといえば MDN(Mozilla Developers Network) が有名ですが、MDN の資料は探索がめんどくさいし、表示が遅いということで使い勝手がわるいという問題がありました。 そこで、jQuery のリファレンスマニュアルサイトとして有名な jqapi.com とおなじよような使い勝手のサイトがあったらいいのになーとおもいました。 なので、つくりました。 サイト自体はすべて static なデータで構成されているので、github からデータを取得すれば、イントラや自分のマシン内で閲覧することも可能となっています。 なお IE での動作確認はしていないので、うまくうごかない場合は pull-req してください。 I
impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.Your browser doesn't support features required by impress.js, so are presented with simplified version of this presentation. For the best experience please use latest Chrome or Safari browser. Firefox 10 and Internet Explorer 10 should also handle it.
選択範囲のテキストを操作するjQueryプラグインjQuery.selection - 今日も適当ダイアリー
以下の内容は、古い内容です。 新しい記事で情報を確認してください。 http://blog.madapaja.net/entry/2012/05/09/070500 選択範囲のテキストを操作するためのjQueryプラグイン jQuery.selection を書いたので、アップしました。 IE6やFireFox3.5、Google Chrome 6など主要なブラウザでチェック済みです。 ファイルはこちら http://jquery-selection.googlecode.com/svn/tags/（URLが間違っていたため訂正しました） http://code.google.com/p/jquery-selection/downloads/list (圧縮ファイル) デモはこちら jQuery.selection - jQuery Plugin DEMO 簡単な説明 bold;">$.g
javascriptで文字列をバイト(bytes)単位で省略する方法 - 好奇心の塊
はじめに うちのHPのTopには，他サイトからRSSを取得し，ブログのエントリのタイトルを表示しています。 そのタイトル文字列が長すぎる場合，文字列は枠の中で自動的に改行されてしまいますが，改行するくらいなら省略したい。と思ったので，これをjavascriptによって実現する方法を調べました。 しかし文字数で省略するかどうかの閾値を決定すると，javascriptでは全角も半角も同じ１文字として扱われるため，全角と半角が混じった文字列を扱う際に不便が生じます。 たとえば，「abcdefghijklmn」と「あいうえおかきくけこさしすせ」は同じ１４文字ですが，後者の方が横幅は圧倒的に長いのです。そのため，バイト(byte)単位で閾値を与えることを思いつきました。つまり全角文字を２文字と扱うのです。 概要 やりたいことは，以下の通り。（関数とすると） 文字列とバイト数を引数とする 文字列が指定
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
document.form.submit is not a function の原因は・・・ - とあるSEの戯れ言
テキストエリアをフルスクリーンにして超編集しやすくできるJS「WideArea」:phpspot開発日誌
http://www.yuguri.com/2013/02/02js_tools/
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ