JavaScriptでDOMに挑戦：初心者のためのJavaScript入門（7） - ＠IT
HTMLをドキュメントオブジェクトとして扱うための約束事「DOM」を、JavaScriptを通して使うことで、HTMLの好きな部分を読み書きすることができます。 連載の前回、「第6回 配列とオブジェクトでデータをまとめる」では、配列とオブジェクトの基本的な扱い方を説明しました。扱うデータの量が少ないうちは、普通の変数だけでなんとかなってしまいますが、データの量が増えれば増えるほど、配列やオブジェクトのありがたみが分かります。 特に、配列に入れたデータを、ループで一気に処理する快感が分かるようになれば、初心者卒業といってもいいでしょう。 それでは、前回の課題の答え合わせをしてみましょう。平均点の求め方は、配列のサンプルでやっていたので簡単すぎたでしょうか。解答サンプルでは、成績の一覧と平均点を同時に表示するようにしてみました。 <html> <body> <script type="text
Web制作に役立つ便利すぎるブックマークレットのまとめ
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
通信量節約！ SafariからChromeブラウザに乗り換えるなら覚えておきたい小技・便利技まとめ | カミアプ | AppleのニュースやIT系の情報をお届け
どうもハンサムクロジです。 最近iOS向けブラウザアプリ『Chrome』が”通信量の節約になる”と話題に！（参考：いつもマイナーチェンジ！） しかしiOSは、デフォルトのブラウザアプリをSafariから変更することができないため、他アプリとの連携などChromeに乗り換えた場合に不便な点が多くあります。 そこで今回は、乗り換えた時のストレスを少しでも減らすための小技・便利技をまとめてご紹介したいと思います。 乗り換えを検討されている方はぜひ覚えておいてください！！ 通信量を節約するならChrome！ Chromeアプリには、ウェブページのデータを圧縮して通信量を節約してくれる機能があります。 設定するには、アプリ右上の点3つをタップしてメニューを開き、「設定」を選択。開いたページで「帯域幅」を選びます。 「データ使用量を節約」を選択して「オン」にすれば完了です！ これでChromeを使って
Read Feedly Offline: Download Unread Items To An Ebook
The Google News downloading service NewsToEbook now works with Feedly. With it you can download your unread items from Feedly to an EPUB or MOBI ebook file. Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More. The Google News downloading service NewsToEbook now works with Feedly. With it you can download your unread it
iPhone, iPadで表示中のウェブページのソース表示ができるブックマークレット -Snoopy
iPhone, iPad, (iPod Touchも）などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。 Snoopy View-source bookmarklet for iPad, iPhone and other mobile devices [ad#ad-2] Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。 ※キャプチャはiPod Touchです。 ソース表示 ソースはモバイルデバイス用に生成されたソース、元のソース、の2種類が選択できます。 [ad#ad-2] Snoopyの使い方 Mobile Safari -iPhone, iPad, iPodなど 最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグ
ブックマークレットを作成 / 公開できる・「Bookmarkify.it」
Bookmarkify.itはWeb上でブックマークレットを作成出来るWebツールです。作成と言っても、タイトルとJavaScriptの書き込み、別ファイルのjsをincludeさせるだけのシンプルなものですが、URLも発行されるので他の方への公開も手軽に出来ます。 Bookmarkify.it
ブックマークにJavaScriptを登録する at softelメモ
ブックマークにはJavaScriptを登録できる ブックマークにはJavaScriptを登録できる。 URLがjavascript:alert(123);のブックマークを作ってクリックすると、alertが表示される。 使用例 aタグのhref属性にjavascript:～～形式のURLを指定すると、クリックでJavaScriptが実行されるのと同じ要領。 他にも作ってみる。 WordPressにログインする WordPressのログインフォームにユーザー名とパスワードを入力してログインボタンクリックまで実行。 javascript:var%20f=document.getElementById('loginform');f.log.value='admin';f.pwd.value='1234567890';f.submit(); EC-CUBEの管理画面で商品規格を大量に登録する EC-
WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」:phpspot開発日誌
WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」 2012年11月02日- Viewport resizer - responsive design testing tool WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」。 ブックマークレットをインストールして、自分のページで起動すれば、ページ上にツールバーが現れ、ツールバーのボタンをクリックで、小さいデバイスとしてサイトを開くことができてレスポンシブデザイン構築の際の動作確認に便利 単なるブックマークレットで害はないのでとりあえず入れておけば使えますね 関連エントリ レスポンシブなテーブルを作るjQueryプラグイン「MediaTable」 最初からレスポンシブなCSSデザイン
サーバー側のCSSの更新をファイル単位で読み込みなおすブックマークレット・SoFresh
使うかどうか分からないけど、慣れた ら楽かも、と思ったのでテスト的に 使っています。サーバー側にCSSの更新 があったら読み込みなおして最新の状 態にしてくれる、というブックマーク レット、SoFreshです。 cssrefreshに影響されて作ったそうです。cssrefreshのようにJSは配布されていませんが、CSSのファイル単位で、というのはいいかもしれない。 CSSの更新を反映してくれるブックマークレット。F5連打してる方は試してみては如何でしょうか。 ブックマークレットを起動すると上記のようなボックスが表示されます。そのページで読み込んでいるCSSを羅列してくれるので、更新を反映させたいファイルにチェックを入れればOKです。 cssrefreshもブックマークレットあるのでお好みでいいと思います。土曜日なので軽めの話題で失礼しました。 SoFresh
現在開いてるページの URL を GET のパラメータに格納して外部サイトに移動するブックマークレットサンプル
現在の URL を特定のサイトに移動する際に GET のパラメータにエンコードして入れて、移動先でその URL で何か処理をさせる場合に使えそうなブックマークレットのサンプルです。 javascript:(function(){var url = location.href; var redirect_url = "http://example.com/?url=" + encodeURIComponent(url); document.location = redirect_url; })(
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Amazon用アフィリエイトリンクが簡単に美しく作れるブックマークレット「amazlet」の設定方法 | ゴリミー
【img via Books from amazon / Aurelijus Valeiša】 Amazonのプライム会員g.O.R.i（@planetofgori）デス。即日速達最高！ 最近あまりアマゾンで買い物をしてないせいかAmazonの商品リンクを利用していないのだが、最近「posted with amazlet」を見かけることが多いので、使い方を調べてみた！ 基本知識としてamazletはAmazon用アフィリエイトリンクを生成してくれるブックマークレット。今回はそのブックマークレットを生成する手順を紹介する。 ブックマークレット生成までの道のり amazletのブックマークレットを生成する下記リンクにアクセス。 amazletツール ここからBookmarkletを生成する！ 「セットアップ」というリンクから自分独自のamazletブックマークレットを生成する。 アマゾンのアソ
JavaScriptでSLを走らせる「SL.JS」を作りました | Creazy!
開発に関わっていて、UNIX（Linux）を触った事のある人は「SLコマンド」をご存知の方が多いのではないでしょうか？ lsを間違えてslと打つとこんなのが煙を吹きながら走る sl(1) コマンドを作りました． via: 豊田正史とslコマンド (Masashi Toyoda and SL command) ファイル一覧を出力する「ls」をtypoして「sl」と打ってしまうと、文字通りSLが画面を走り抜けるというすばらしくくだらない仕組みなのだ。いわゆる、ジョークコマンドの一つとしてとても有名で、多くの開発者の気持ちを和らげた（腰を砕いた）ことでしょう。 さて、そんなくだらないジョークコマンドを懐かしんでいると、JavaScriptでSLを動かしてみたくなってしまったので作ってみました。 ・SL.JS ブックマークレット方式にしてあるので、上のSL.JSリンクをブックマークして下さい。 ど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ブックマークレットの仕組みと使い方 | ライフハッカー・ジャパン
ActyWay.com is for sale | HugeDomains
どんなページでも自動スクロールが可能になるブックマークレット | ライフハッカー・ジャパン
tafarocks.net
hiroma20.com
http://hiropo.co.uk/archives/781