おひさしぶりです、橋本です。 みなさんVue書いてますか!? 自分はここ数年ひたすらVueで開発しています。 いやーいいですよね、Vue。 なんか知らんけど良いんですよね。手に馴染むというか。 大好きVue。 ところで、Vue のプラグインってみなさん使ったことありますか? vue-router や vuex など何かしらのプラグインを使ったことがある人がほとんどだと思います。 では、プラグインを「作った」ことのある人、どれぐらいいますか? なんとなく難しそうというイメージで作ったことないって人、結構いるんじゃないでしょうか?? 実は Vue のプラグインを作るのってすごく簡単なんです。 今日はその作成方法をざっくりご紹介したいと思います。 Vue のプラグインを作成する方法なんですが、 「install メソッドを持つオブジェクトを定義する」 ただこれだけなんです。 定義したプラグインは
画像などを遅延読み込みをするlazyloaderが久々に必要になってナウいやつを探してたら見つけた。 the ultimate and lightweigth lazyLoaderだそうです。つよそう。 軽く使って良さそうなのにあまり記事がなかったので個人的まとめ。 良いとこ ピュアな実装でjqueryなどフレームワークに依存していない jquery.lazyloadあたり使いたいけどjqueryを入れねば、みたいな問題がない。 レスポンシブ対応などが豊富 プラガブルな実装 画像以外にもスクリプトやiframeにも対応しているよう Star数:2625(2014/12/27時点)。 作者はhtml5shivなどの作者らしい https://github.com/aFarkas 悪いとこ initial commitが3ヶ月前(2014/10)でまだまだ枯れてない バージョンは0.6。まだベ
JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 Prototype.js で XPath を手軽に扱うためのプラグイン XPath for Prototype というものが公開されています。 作者の amachang さんのブログ の、プラグイン公開を紹介する記事に、「他のライブラリのプラグインに関して」という見出しでこんなことが……。 もし 誰か書いてくれる人がいればとてもありがたいなあ。。。とか思っています。 いませんよねいませんよね><? 面白そうなので、書いちゃいました(^-^) XPath for Prototype の MooTools 版、名付けて「XPath for MooTools」(まんま)。 【※2008/06/12 ver.0.2 にバージョンアップ】
repl.enter(content.wrappedJSObject) を実行すれば普通に「$」とかにアクセスできるようになることが分かった。 このコマンドは Firefox3 用のもので、Firefox2 では代わりに repl.enter(content)とすればいけるらしい。 例えばprototype.js の公式ページにいって 以下のようにコマンドを実行すると repl> repl.enter(content.wrappedJSObject) [object Window] repl> repl.whreAmI() [object Window] - Document title: "Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications" repl> r
Firefoxのアドオンをあさっていたら、jsShellServerという興味深いものを見つけた。 jsShellServer (JavaScript Shell Server)は、Firefox用のアドオン。 Firefoxで表示中のページに対して、XULで実装されたJavaScript ShellからJavaScriptを適用できる。 手動版GreaseMonkeyみたいな感じ。 Firefoxの中で閉じた形で使うこともできるが、これの素晴らしいところはEmacsからFirefoxに対してリモートでJavaScriptを実行させられるところ。 Emacsで「alert('test');」などと書いて、行末でC-c C-eとすると、Firefoxでダイアログが表示されるといった具合。 Mac OS X下、Carbon EmacsとFirefoxで動作を確認。 導入 導入は基本的には「In
以前作った vim script この記事(http://la.ma.la/blog/diary_200609280045.htm)を参考に、MozLab(http://dev.hyperstruct.net/trac/mozlab)のMozReplを使って、Vimでファイル(*.html,*.htm,*.js,*.css)保存時にFirefoxをリロードするVimスクリプトを作ってみた。 を修正して、 vim が ruby, python, perl のいずれかが使えるようにコンパイルされていれば動作するようにしました。 どれも使えない場合は個別のスクリプトファイル(*.rb, *.py, *.pl)を使って動作させます。どれを使うかは reloadfirefox.vim を修正して選べます。(デフォルトは *.rb ) reloadfirefox.vim if exists('g:re
mozrepl(実行例1,実行例2)というのを知って、試してみました。 Windowsのtelnetクライアントで使おうとすると、2点の問題が発生するようです。 (1) WindowsのTelnetでは動かない character at a timeモードが原因でline at a timeをサポートしているクライアントを使う。 (2) 日本語が渡せない unicode escape sequenceにしてから送信する。(ツール) 以下、参考リンク ■Teraterm 4.62 ・今のところTeraterm Extensionが必要 参考:TTXOutputBuffering [7/15 追記] 4.63が2009年07月05日にリリースされました。 行単位送信(Line at a time)モードに対応した。 teraterm.ini に EnableLineMode エントリを追加した
atsushi nagase*developments / blog / 過去の記事 / JavaScript / jQuery CrossDomain AJAX Plugin atsushi nagase - ngsdev.org 東京でウェブ開発をしている、長瀬敦史のブログ。 »HOME »LABS »BLOG 全ての記事を見る このサイトを購読する 金曜日、MTLのCafeで行われた、JUI 2009 Returnsで発表したプラグインについてです。 かなりパツっていて、詳細を話せなかったので、こちらで補足します。 (思いつき次第追記します。) ソースは以下でホスティングしてもらってます。 http://code.google.com/p/jqcrossdomain/ 以下がスライドです。 こちら、裏側がSWFになっているので、SWFObject2.Xが必要です。 ->今後
jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works. Example Usage and Samples: // Sample 1 $.jGrowl("Hello world!"); // Sample 2 $.jGrowl("Stick this!", { sticky: true }); // Sample 3 $.jGrowl("A message with a header", { header: 'Important' }); // Sample 4 $.jGrowl("A message that will live a little longer.", { life:
お探しのページが見つかりませんでした。 この度は、八千代産業株式会社WEBサイトご来訪いただきありがとうございます。 お客様のアクセスしようとしたページ、またはファイルは、下記のような理由によりご覧いただくことができません。 ・入力したURLが間違っているため ・2016年4月のサイトリニューアルに伴い、該当するURLのページが移転し、URLが変更されたため ・ページが削除されたため ・現在、メンテナンス中のため一時的に表示していないため ブラウザの再読み込みを行ってもこのページが表示される場合は、URLをご確認いただくか、 または以下よりサイトマップページへアクセスし目的のページをお探しください。 > サイトマップ
A attempt to port the php function print_r to javascript and jQuery. It simply returns a nested string containing information about the passed object. Returns information about: Strings Numbers Booleans Dates Arrays Objects jQuery Objects RegExp Errors DOMElements Functions Usage: $.dump( object ): <pre id="dump"></pre> <script type="text/javascript"> $(document).ready(function(){ var
JavaScriptライブラリのmootoolsのプラグインを利用して出来るサンプルです。 Ajaxライブラリの一つmootoolsは、必要十分なメソッドに抑え、軽く、早いのが特徴です。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト関連、その他、日本語未解説の分類でAjaxライブラリmootoolsを紹介しています。 Image(19) Menu(13) Form(8) Text(9) Other(18) W/O_JP(45)
As of Firefox 1.5, the JavaScript Console is used not only for JavaScript errors, but for CSS errors as well. This extension takes this into account by providing a simple possibility to display errors by type. Console² let's you display errors filtered by type (Errors, Warnings, Messages), language (JavaScript, CSS, XML) and context (Chrome, Content). Furthermore it provides a simple search box (a
マッチするページの場合、自動的にvimperatorのkeyをオフにする autoIgnoreKey プラグイン ページをロードした時と選択した時vimperatorのキーをオフに出来るのは良いけど、逆にオフになった状態から別のタブを選択したときオフのまんまなんだよね、と今更気付いた。 ということで、リストにないURLだった場合にはオンになるように改良。そして、名前も変更。 HOME/vimperator/plugin/autoSwitchKey.js /** * Auto switch vimperator key navigation * @author teramako teramako@gmail.com * @version 0.3 */ (function(){ /* * String or RegExp * e.g) * * /^https?:\/\/mail\.google
URL っぽいのにリンク貼られてない場合、開くのが面倒だなと感じてきたので作った。 こういうのは GM とかの方が良いかなあとか思ったけど、重そうなので vimperator plugin で。 http://coderepos.org/share/browser/lang/javascript/vimperator-plugins/trunk/appendAnchor.js :anc で、その buffer の url っぽい文字列にリンク当てる。 liberator.buffer.evaluateXPath() とか Range.surroundContents() 初めて使ったけど便利。 xpath や URL 判別の正規表現はちょっと適当。
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く