ツイッターでアップロードした画像のオリジナル画像を表示するブックマークレット：正己の異論・反論（雑感）：So-netブログ
正己さんはTwitterを使っています: "ツイッターでオリジナル画像を表示する→ javascript:(function(){var%20url=document.location.href;url='https:'+url.split(':')[1]+':orig';window.open(url);})();" ... ツイッター本家でアップロードした画像は、今のところ、 https://pbs.twimg.com/media/ファイル名（jpg、png、他） らしく、このURLの末尾にサイズを指定する :large、:small、:medium、:thumb、:orig の付いたURLもある。 大きなサイズの画像をアップロードすると縮小されて表示されてることがある。URLにサイズ指定が無いのにアップロードしたオリジナルのサイズで表示されないことがある。サイズ指定の :orig が
JavaScriptにおける数値と文字列の相互変換
JavaScriptにおける（変な）数値と文字列の相互変換の方法のまとめ。 使い古されたものばかりなので、かなり既出。 基本の方法だけ使ったほうが、安全かつ美しいコードが書けるのでトリビア扱いで。 数値→整数編 ビット演算は符号付き32bit整数として扱われることを利用したテクニック。 一歩間違うと小数の誤差やらオーバーフローにはまってしまう、諸刃の刃。 //基本 Math.floor(n); //-1とAND n&-1; -1&n; //0とOR n|0; 0|n; //0とXOR n^0; 0^n; //0回シフト n>>0; n<<0; //2回補数を取る（＝もとに戻るので整数化の効果のみ残る） ~~n; 文字列→数値編 算術演算を行い、演算子の前後の項が数値であるという仮定から数値化するテクニック。 //基本 Number(str); parseFloat(str); //0を引く
javascriptで外部サイトのHTMLを取得するには、 - programing memo
XMLHttpRequestオブジェクトを使用するとできます。 XMLって名前がついてますけど、XMLじゃなくても大丈夫。(任意のテキストを受信することができる) 以下が手順。 1.XMLHttpRequestをnew演算子をつかってオブジェクトを生成 (IE用とFirefox用で処理分岐) 2.XMLHttpRequestのopen()メソッドを使って、 サーバのURLや通信方法、同期非同期などを設定 3.非同期通信の場合、onreadystatechange属性を使って サーバの応答状態を調べる 4.XMLHttpRequestのsend()メソッドを使って、 open()メソッドに設定したサーバのURLに対して 通信する。 5.readystate属性を使ってサーバからデータを受信できたか調べる 6.サーバからデータを受信できたら、responseText属性から 文字列を取得できま
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
ブラウザだけでここまで！ HTML5で作られた「スーパーマリオブラザーズ」がスゴい
ブラウザゲームの可能性が一気に広がりそうです 次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている「HTML5」。そんなHTML5で作られた「スーパーマリオブラザーズ」が公開され、話題となっています。 従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する「Infinite Mario Bros」も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。 パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません 操作は方向キーで左右移動
Twitterに投稿するJavaScriptを作ってみた(MM Command Sense でも使えるよ)(管理人日記) - むぅもぉ.jp
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
自動プロキシ設定について
プロクシサーバは LAN内のホストが外部のネットワーク上のWebサーバ/FTPサーバにアクセスするときに、アクセスを中継する機能を持つホストである。企業など組織のイントラネットとインターネットの間やイントラネットとエクストラネットの間、また CATVプロバイダのインターネット接続などでよく使われている。自宅のLAN環境ではルータがあれば普通は必要としないが、使った構成も可能なので個人ユーザで使っている人もいることだろう。 ネットワーク管理者が用意した自動プロキシ設定ファイルを使う 通常ユーザは、ネットワーク管理者からプロクシサーバのホスト名(あるいはIPアドレス)とポート番号を教えられ、ブラウザのプロキシ欄にそれを設定して使用する。この場合、ネットワーク構成が変わるなどプロクシに変更があると全てのクライアントが設定変更しないといけないという事態になる。クライアントの設定をサーバから
js(wscript)製twitter投稿・取得ツール - きりの日記
ぷーる様が公開しているブログ「muumoo.jp」 http://muumoo.jp/ でjs製のtwitter投稿ツールが公開されています。手軽につぶやきたいときは、ランチャのbluewindから呼び出して使っていました。 で、jsで投稿できるんだから、取得もできそうだよね、と思って探したら、このブログでバージョンアップ版として公開されていました。 http://muumoo.jp/news/2008/06/24/0twitterclientjs.html 喜び勇んで試してみたのですが、最近のtwitter側仕様変更のため動きません。ならば、と修正と微妙な変更を加えましたので、ここで公開いたします。 とりあえず、twitterclient2.jsとでもしておきます。 (function() { var Twitter = function(id, pass){ this.id = id;
ソートするテーブルを作成するjavascript「SortableTable」
ソートできるテーブルを作成するjavascriptは多く出回っています。 その中で簡単にソースをあまりいじることなく導入できるものはあまり多くありません。 SEO Blog - joost de ValkのSortableTableは外部javascript一つでソートテーブルを作成できます。 sponsors 使用方法 SortableTableからダウンロードしたsortable.jsをheadに挿入します。 <script src="http://yourdomain/sortable.js" type="text/javascript"></script> あとは普通にテーブルで表を作成し <table class="sortable" id="好きなid名"> と記入すれば完成です。 ただこのままでは寂しいので、zipファイルに同梱されているCSSと画像を組み合わせることをお勧め
rss_check.js LimeChat用RSS更新チェッカ
RSS更新チェックScript download v0.06 2009/03/08 rss_check.jsはLimeChat用スクリプトです。 RSSを定期的にチェックして新着情報を発言します。 常駐用Scriptです。 耐久テスト中のため安定性は不明です。 インストール ダウンロードしたrss_check.jsをテキストエディタで開いて、RSSのURLと発言先チャンネル名を設定します。 LimeChatのヘルプファイルを読んで、スクリプトフォルダにrss_check.jsを設置し、作動させるサーバーを1箇所だけ有効状態にします。 スクリプトコンソールに起動メッセージが表示されればインストール完了です。 設定 RSSや発言先を複数設定する場合var rss_urls={ "http://www.pheedo.jp/f/slashdot_japan":"#発言先channelA", "ht
Webページを速く見せるための5つのちょっとした工夫（1/3） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/4/30 ページ表示高速化をサーバの設定だけに任せていませんか？ HTMLやCSS、JavaScriptの書き方でも速くできます（編集部） 連載第1回の「Webサイトを“速く”表示させる7つの計測ポイント」では、YSlowを使って速度に関する問題を調査しました。 今回は、CSS・JavaScript・HTMLの工夫で速度を改善する下記5つの方法を紹介します。中にはYSlowの指摘に含まれないものもありますが、併せてチェックしていきましょう。 CSSはソースコードの上部に記述する JavaScriptはソースコードの下部に記述する CSSとJavaScriptを書く順番 JavaScriptを圧縮して読み込みを速くする 読み込みが遅いブログパーツには要注意 【1】CSSはソースコードの上部に記述する 連載第1回では、「CSSは
JavaScriptでできること・できないこと
さまざまなプログラミング言語がありますが、プログラミングそのものに触れてみたいと思うならJavaScriptをお勧めします。Webブラウザとメモ帳があれば、本格的なプログラミングに挑戦できるのです（編集部） プログラミングを学びたいと思ったら 皆さんは、JavaScriptというと何を思い浮かべるでしょうか。 Webで動的なユーザーインターフェイスを実現するための技術でしょうか。それとも、オブジェクト指向のスクリプティング言語でしょうか。JavaScriptというキーワードを聞いたことがある程度という方もいるでしょう。 JavaScriptは現在多くのWebブラウザに搭載され、さまざまな場面でWebの中核技術を支えているスクリプティング言語です。 本連載は、プログラミングを初めて学ぶ人を対象にしたJavaScriptの入門記事です。特に次のような方のために分かりやすく解説を行っていきます。
innerHTMLでページの一部分を動的に書き換える（書いて試せるホームページ制作講座）
・ スクリプト部分のソース タイトルと同数（サンプルは２個）の要素を持つ配列を作り、各要素にＨＴＭＬソースを文字列として代入します。サンプルは区分けした文字列を足し合わせていますが、１行で書いてもかまいません。クォーテーションが重複しないように注意します。 ・ ＨＴＭＬ部分のソース 動的に書き換える部分に固有のＩＤ（サンプルは id="l_menu" ）を付けます。関数 kobo(配列番号) でこの部分の innerHTML を変更します。
JavaScript(AJAX)・スタイルシート サンプル集 ポップアップ
ポップアップといえば、昔は新しいWindowを開くのが主流(だったような気がしています)が最近は色々な方法で実現しているのを目にします。ここではいくつかのポップアップを試してみたいと思います。 新規ウインドウ window.open <a href="javascript:;" onclick="window.open('http://foo.bar.com/file.html', 'winName', ' left=0, top=0, width=100, height=100, status=0, scrollbars=0, menubar=0, location=0, toolbar=0, resizable=0' );">click me!</a> * 実際は一行で書く。 パラメータの意味は、left=横座標, top=縦座標, width=窓の幅, height=窓の高さ, st
wema - 付箋指向の多目的ツール
プロジェクトページ ダウンロード チュートリアル デモサイト FAQ リンク 新着情報 2005-04-08 バージョン2.0.1を公開しました。ダウンロードページからダウンロードしてください。 2005-04-08 チュートリアルを更新しました。 2005-03-11 faqページを作りました。 2005-03-10 バージョン2.0.0を公開しました。 1.wemaとは wemaは、ウェブページ上に付箋を貼り付けていく変わったソフトウエアです。 付箋の背景色を選んだり、付箋同士に線を引くことも出来ます。 日常の簡単なメモボードや、グループの掲示板、マインドマップのような使い方も 出来たりするなど、自由度の高さがあります。 wemaのベースになっているのはWikiと呼ばれるソフトウエアです。 WikiはWeb上で文章を編集することができ、独自の文法を使って簡単に文書を構造的に 表示するこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
FrontPage - + HideAway Firefox +
仕事で(たぶん)使える自作Microsoft JScriptコード集
JavaScript DOM リファレンス