S2ファクトリーは、様々な分野のスペシャリストが集まり、Webサイトやスマートフォンアプリの企画・設計から制作、システム開発、インフラ構築・運用、デザイン・ディレクションなど、様々な業務を行っています。制作・運用に必要なすべての工程をワンストップ・ワンチームで提供します。また、ご要望に応じて、システム開発やフロントエンドエンジニアリング、アートディレクション・デザイン、プロジェクトマネージメントのみのプロジェクト参加も行っています。
Contents はじめに BlogMatcherで検索 フォームの入力内容をテキストに保存・復元 Googleイメージアルバム はてな:アンテナに追加アイコン作成 はてな:ダイアリーリンク はてな:ダイアリーID変換 はてな:リンクを含む日記を見る はてな:リンク元ビューアで表示 はてな:投げ銭 はてな:トラックバックURL いま見ているページにリンク 選択範囲でページにリンク せかいのまんなか一覧 出力サンプル ブックマークレット・パブリッシュキット 参考 はじめに ブックマークレットは、ブックマークにURLを登録する代わりに、短いJavaScriptを登録して、ブラウザにいろいろな機能を追加するものです。たとえば、ブックマークを選ぶと、表示中のページを自動翻訳サービスで翻訳する、というようなことができます。 リンクをブックマーク(お気に入り)に追加するやり方はブラウザによって異なりま
お気に入り(ブックマーク)から呼び出すタイプのツール(?)です。 IEだけでなく、一部の物はNetscapeでも使用可能です。 計算機とかリンクはMacやLinuxのブラウザでも使えるんじゃないでしょうか。 (コメントタグ解除ツールがNetscape 6 PR2 で動作することを確認しました) 各ツールのタイトルをクリックすれば、どんな機能なのかがわかります。 http://hp.vector.co.jp/authors/VA015664/minitoys.htmをブックマークに入れておいて、 たまにチェックすれば、 新しい機能が増えているかもしれません。 インストールするには? インストール方法1: 各ツールのタイトルを右クリックして「お気に入りに追加」(警告が出ても無視する) インストール方法2: 各ツールのタイトルをドラッグしてブックマークに落とす インストール方法3: 適当なページ
Google Chrome 5のリリースが刻一刻と迫ってきました。その注目の新機能と開発者向けの変更点に加え、Chrome 6を見据えた今後のスケジュールなどを詳細にお届けしたいと思います。 まず、Chrome 5の最大ニュースはなんといってもMac版、Linux版がそれぞれ正式にリリースされる予定という点です。これまで、Mac版とLinux版はベータ版と開発版が提供されていましたが、ついに安定版がリリースされる予定です。特にMac版はMac OS Xに馴染むようにかなりの改良が加えられているので、注目のリリースとなりそうです。 さて、これまでのリリースを簡単に振り返ってみます。シンプルで高速なブラウザとしてChromeがリリースされてから、Chrome 2では基本機能の充実と高速化、Chrome 3ではテーマのサポート、Chrome 4では拡張機能のサポートとブックマーク同期、Chrom
Userscripts.orgなどのスクリプトをローカルのテキストファイルに保存する ファイル名を*.user.jsにする Chrome上にドラッグ&ドロップ 基本的にこれだけです。GreaseMonkey用のUserScriptとしてヘッダ情報があれば問題無いようです。 1点注意するのが、Chromeのウィンドウ幅が小さいとインストール確認メッセージが表示されませんでした。ウィンドウサイズの横幅を広げれば解決します。 確認中はデスクトップなどに、"unconfirmed 99999.download"という一時ファイルが作成されるので、確認メッセージに気付かないと何かのバグかと勘違いします。 幅が狭い場合 幅が広い場合
こんにちは、株式会社ALBERTの太田です。今回はGoogle ChromeのUser ScriptsとContent Scriptsについて、その仕様とGreasemonkeyとの違いを中心に、実際のスクリプトの書き方を交えて解説します。 ユーザースクリプトとは User Scriptsとは、Google Chrome版のGreasemonkey(ただし、後述の通り互換性はあまり高くありません)です。そもそもGreasemonkeyとは任意のページで任意のJavaScriptを実行し、そのページに機能を追加したり、(自分にとって)不要なものを取り除いたり、異なるサービスとの連携をしたり、といったことをJavaScriptファイルひとつで実現できるようにするFirefoxのAdd-onです。その手軽さと、それに見合わぬ強力なカスタマイズ性能から高い人気を得ています。 しかし、Grease
はじめに 「Google Apps Script」は、Googleドキュメントのスプレッドシートに搭載されているスクリプト機能です。これは発表当初、Google Appsの有料版(プレミア版)のみで利用可能であったため、「無償版のユーザーは使えない」と思っていた人も多いのではないでしょうが。が、現在では、無料で利用できるGoogleドキュメントでもスクリプトが使えるようになっています。これを利用し、Googleドキュメントのスプレッドシートを操作することができます。いわば、Excelなどの「マクロ」と同じ機能を提供してくれるのです。 最近では、クラウド・アプリケーションとしてオフィスソフトが提供されるようになってきました。Googleの「Googleドキュメント」だけでなく、マイクロソフトが「Microsoft Office Web Apps」を公開するなど、本格的にWebへの移行が進めら
目次 1章:Firefox拡張機能ことはじめ(江村 秀之(level)) はじめに 拡張機能普及の背景 拡張機能でできること 拡張機能を作ってみよう! 2章:拡張機能開発で使う技術(下田 洋志) 拡張機能開発に利用する技術 それぞれの技術の役割 最低限必要な知識 3章:XUL入門 ~直感的なUI作成を体験!~(下田 洋志) はじめに XULの概要 コラム:属性での指定をCSSで代替する XULで利用できるウィジェット ルート要素 メニュー(やボタン) 入力コントロール 特殊な要素 ボックスの配置に関する要素 その他のXUL の機能 オーバーレイ 外部エンティティ コラム:ファイルタイプに応じたアイコン コラム:Firefox 3での新機能 4章:XPCOM活用術 ~高度な処理を実現する~(下田 洋志) はじめに XPConnectによるXPCOMの呼び出し ローカルファイルでXPConne
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
Closure CompilerはJava製のオープンソース・ソフトウェア。Googleでは言わずもがな、コンマ数秒単位の速度にこだわって開発が行われている。速さのためにWebブラウザ自体やOSまで開発してしまうのだから、そのこだわりの強さが感じられるだろう。 CUI版 JavaScriptは開発の方法によって実行速度や読み込み速度が大きく変わってくる。そのためのチェックと最適化処理を行ってくれるのがClosure Compilerだ。Closure CompilerはJavaで作られたソフトウェアで、CUIベースで利用する。 基本的な使い方はJavaScriptファイルを引数で渡し、その出力先を指定することで最適化処理を行ったファイルを生成する。最適化処理は空白を消すのみ、シンプル、アドバンスと3段階から選べるようになっている。さらにエラーチェックも同時に行われ、Warningまたはエラ
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか? ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
ウェブにアップされている動画ファイルをダウンロードするには、ダウンローダを使うのが一般的だが、最初に細かな設定が必要なため導入段階でつまづく初心者ユーザーは多い。「モノオトシ」はブックマークレットを使って、動画共有サイトからワンクリックでサクッと簡単に動画を落とせるサービスだ。 ツールの導入も面倒な設定も必要ないので、誰にでも簡単に利用できてすぐに使えるぞ。ウェブを巡回中に気になった動画を見つけたらすかさずブックマークしておいたリンクをクリック。「モノオトシ」のダウンロードページに切り替わり、動画のサムネイルとダウンロードリンクが表示される。あとはただダウンロードリンクをクリックするだけで動画が落ちてくる手軽さだ。 ただ落とすだけでなく、MP4や3gpといった動画形式を変換しながらのダウンロードも可能で、YouTubeでは高画質なHD動画にも対応している。動画ファンには強力にオススメでき
format_version (required): Tells Chrome which version of the manifest format to use. Right now there is only one version, and it is version 1. (NOTE: Maybe we should just remove this, we can always add a format_version key later if needed).id (required): A unique ID for the extension. Right now, this can be any 40 digit hexadecimal number, but in the future it will be a SHA-1 hash of the extension
RequestPolicy's new version is under development as RequestPolicy Continued. Ultimately, I'd like RequestPolicy Continued to replace RequestPolicy. RequestPolicy development has been slow because I am working on ServerPilot, a cPanel alternative for DigitalOcean servers. Thankfully, some great community members are taking over development of RequestPolicy. ---- RequestPolicy is an extension that i
■ 「NoScript」をやめて「RequestPolicy」にした セキュリティ屋が、Firefoxユーザに「NoScript」の使用を推奨することがしばしばあるが、私は賛同しない。 JPCERT/CC、技術メモ「安全なWebブラウザの使い方」を公開, INTERNET Watch, 2008年11月4日 *1 技術メモ − 安全なWebブラウザの使い方, JPCERT/CC, 2008年11月4日 IV. 各 Web ブラウザに共通する設定上の注意事項 1. スクリプト等の実行を制限する JavaScript 等のスクリプトや(略)は(略)Ajax に代表されるインタラクティブなインターフェースが実現できるなど、高い利便性が得られます。反面、PC 上の重要なファイルを削除・変更するなど、悪意を持った処理が行われる可能性もあります。従って無制限にスクリプト等を実行できるようにしておくのは
やけにあっさりと Google Chrome 2.0 がリリースされました。 というわけで、Greasemetal, GreaseKit で使える UserJavaScript (自作中心) - 0xFFのGoogle Chrome 2.0版(今回は自作のみ)です。 最初に、GreasemetalはGoogle Chrome 2にGreasemonkey相当の機能が実装されたため、開発を終了しています。ので、以下はChromeに搭載されたUser Scriptsを対象とします。(ちなみに、User Scriptsを書いてみようという方は、Google Chrome 2.0のUserScriptsはGreasemonkey互換のようで、そうではない - 0xFFをチェックしておくと良いかもしれません) User Scripts の導入 起動時に --enable-user-scripts オ
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 canvas は JavaScript で高度なグラフィック表現を行うための API です。 Opera, Firefox, Safari などのブラウザで標準サポートされているほか、 Explorer Canvas というスクリプトを利用することで Internet Explorer でもある程度のエミュレーションが可能です(Explorer Canvas につ
JavaScript でソートアルゴリズムを可視化 JavaScript でソートアルゴリズムを可視化するプログラムを書いてみました。元ネタは Jon Bentley による ソートアルゴリズムを可視化する Java アプレットです。 アルゴリズム 要素数 動作確認は Firefox 2, IE 7, Opera 9 で行いました。要素数は最大で200まで選べますが、かなり重くなるので遅いマシンで実行すると危険です。 English version is also available. ソースコード: sort-animation.js 解説 X軸が配列の添え字、Y軸が配列の要素の値を示しています。最初に要素がランダムに並んでいる配列 (値に重複なし) を作って、それを各種のソートアルゴリズムでソートする様子をアニメーションで表示します。 ただし、要素のあらゆる変更に対して毎回表示を更新し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く