jQuery の基礎 - Qiita
つい先日下記の2つの記事を書きました。 JavaScriptをHTMLファイルにどのように適用するかというものですね。 『JavaScriptをWEBサイト（HTMLファイル）に適用する方法』 https://qiita.com/kibinag0/items/7843727e4328881ae964 『JavaScript と DOM 応用編』 https://qiita.com/kibinag0/items/6e9b9169dcd261bd9ae1 今回その続編のjQuery編です。 DOMで document.querySelector("h1") とかって記載していたんですけど、何とjQueryを使用すると、、、そのコードが $("h1") で済むみたいです。時短かよ。 ちなみに "$ = jQuery" という意味で jQuery("h1")としても大丈夫見たい。
javascriptでスタイルシートを自在に操る(styleSheetsオブジェクト)入門基本編 | Unskilled?
スタイルシートに到達するには生javascriptを使用する必要があります(もしかしたらライブラリがあるのかもしれないが)。あまり需要のない事柄なのかこの手の日本語情報はwebでもあまり見つからない気がします。 jQuery全盛の時代スタイルシートを書き換える必要などどこにあるのか。@MINOにはあまりわからないです。 一つ懸念なのはstyle属性でのcss指定は「デザインを分離する」理念に反するのではないかと思うのです。SEO的にはどうなんでしょうか？ そこらへんの疑問もアリながらですが、生javascriptでゴリゴリするのも知識がついていいのではないかと思います。 javascriptでスタイルシートに到達する スタイルシートの種類 スタイルシートは大きくわけて2つあります。一つは<style></style>で囲まれた以下の様なインラインスタイルシートです。 //インラインスタイル
jQueryを使わずにスライドメニューを実装しよう
jQueryを使わずにスライドメニューを実装しようスマートフォンのアプリやモバイルサイズのWebサイトでよく見かけるスライドメニュー。どうも「jQueryがないと実装できない」と思っている人がちょこちょこいるようなので、簡単なJavaScriptで実装できるんだよーというのを記事にしてみます。 このようにボタンをクリックすると横からひゅるっと出てくるメニューを作っていきます。 1. メニューを開いた状態を作成まずは HTML と CSS で「Menu」ボタンをクリックしてメニューが開いている状態を作成します。メニュー部分は position: absolute; で位置を指定しています。また、メニュー項目に white-space: nowrap; を加えることで、スライドさせた時に日本語が変に改行されるのを防ぎます。それ以外は色や線、余白の指定などで、特に変わったことはしていません。 H
Chromeの拡張機能を2つ使うだけでブラウザの操作を自動化！？ - Qiita
「ブラウザの操作を自動化したい」 仕事中にこういう風に考えることがありました。 なぜこういう風な事を思ったのか。 それは申し込みのテストを毎回手動で行なってるOPさんに申し訳ないと思ったから。巷では自動テストだの言っていますが、人間でテストしなきゃいけない部分も沢山あります（ブラウザ操作が伴う物は余計に）。 そして自分も面倒くさがりなので基本的に手動でテストなんかしたくない。って事で上記に思い立ちました。 自動化といっても大層なことじゃなく、軽い条件でブラウザ操作したい人向け。 何せChromeの拡張機能を使うだけで出来るので。 複雑な事をしようと思えば、PythonとSeleniumで出来ますが、今回はそんな難しいことは望みじゃないです。 必要な入力項目に入力したり、特定のチェックボックスにチェックを入れてsubmitボタンを押すとか軽い感じ。 ブラウザの自動操作で使用するChromeの
【保存版】Google Apps Scriptリファレンス～キーワード別インデックス
◇API ◇Eventオブジェクト ◇Google Apps Script ◇HTTP通信 ◇Web API ◇Webhook ◇インストーラブルトリガー ◇オブジェクト ◇カウント変数 ◇カスタム関数 ◇関数 ◇強制出力スクリプトレットタグ ◇コンテナバインドスクリプト ◇コメント ◇条件式 ◇初期化式 ◇数値型 ◇スクリプトエディタ ◇スクリプトプロパティ ◇ステートメント ◇正規表現 ◇代入 ◇データ型 ◇ドキュメンテーションドキュメント ◇トリガー ◇プロジェクト ◇プロパティストア ◇変数 ◇マクロ記録 ◇文字列型 ◇ライブラリ ◇ラベル ◇リテラル 基本文法＋α ◇function ◇var ◇return ◇typeof フロー制御 ◇break ◇for ◇if ◇if～else ◇try～catch ◇while シンプルトリガー ◇doGet関数 ◇doPost関数 ◇
Webページの更新日時を調べる方法 - Qiita
当時は有益な情報だったとしても、 時間経過と共に劣化していくもの。 よって、 そのWebページの更新日時を確認することで、 情報が効果的かどうか判断することができる。 ##Chrome 1.Ctrl+Shift+JでjavaScriptコンソールを出し、 「javascript:alert(document.lastModified);」 を打つ。 2.ブックマークのアドレス部分に 「javascript:alert(document.lastModified);」を 登録し調べたいページでそのブックマークを クリックする 3.拡張機能「lastModified」を導入し右クリックで調べる ##Firefox 1.Ctrl+Shift+KでjavaScriptコンソールを出し、 「javascript:alert(document.lastModified);」 を打つ。 2.ブックマーク
【prompt】スプレッドシート等でテキスト入力ボックスを生成する - ちょっと気軽にエンジニア
【prompt】メソッドは Google スプレッドシート等の画面上でテキスト入力ボックスを生成するメソッド です。 公式リファレンスの該当ページはこちら
コピペで使える JavaScript逆引きリファレンス – JavaScript/jQuery開発時に、こそっとお使いください。
Windows環境にNode.jsをインストールする手順です。 手順 ①以下公式サイトからインストールモジュールをダウン ...
マウスクリックで表示画像を差し替える方法 - JavaScript TIPSふぁくとりー
《2017年6月12日 1:00 PM 公開/更新》 マウスクリックで表示画像を差し替える方法 [装飾・内容変更] 表示されている画像を別の画像に差し替えたい(変化させたい)場合は、JavaScriptを使って対象の画像(img要素)のsrcプロパティに新画像のURLを代入するだけで簡単に実現できます。ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。 マウスクリックで表示画像を差し替える方法 あるIDが付加された画像を差し替える(変化させる) 指定IDの画像を差し替える汎用関数を作る マウスクリックで表示画像を差し替える方法 単一の画像表示スペースに次々に画像を表示させたい場合など、表示されている画像を別の画像に差し替えたい(変化させたい)ことがあります。 ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。すごく
【プログラミング】初心者がPythonでウェブスクレイピングをするためのURL資料まとめ : KNN KandaNewsNetwork 4knn.tv
【プログラミング】初心者がPythonでウェブスクレイピングをするためのURL資料まとめ JavaScriptにPHPに覚えることが山ほどあるにもかかわらず、Pythonにも興味が湧いてきた…。どうやら、ウェブの情報をスクレイピング(自動収集)できる。これだけでもかなり魅力的だ。さらにAI化することもできるらしい…。 ということで2018年からPython生活もスタートするためにも資料URLを集めてみたよ…。 ❏Python(パイソン)は、汎用のプログラミング言語である。コードがシンプルで扱いやすく設計されており、C言語などに比べて、さまざまなプログラムを分かりやすく、少ないコード行数で書けるといった特徴がある ❏Pythonは、オランダ人のグイド・ヴァンロッサムが開発した。名前の由来は、イギリスのテレビ局 BBC が製作したコメディ番組『空飛ぶモンティ・パイソン』である。Pythonとい
Amazonで閲覧中の商品に価格comから最低価格を取ってきて付加するGreasemonkeyスクリプト書いた - 5.1さらうどん
その買い物ちょっと待った。こんな感じになります。JavaScriptを始めてまだ間もないので、ようやっと「作品」と言い張れるような物ができたかなと。はじめてのマッシュアップ。 パソコン周辺機器カテゴリーなら大体は使えると思います。中にはこんなに価格差のある商品もあった。Amazonで買うのがバカらしすぎるｗインストールしていろいろ見て回るだけでも結構おもしろかったりする。 インストールはこちらからどうぞ。Amazon Lowest Price Checker 引っ越しでごたごたして自鯖が使えなくなってしまったので、レンタル鯖を用意している間突撃レーザー氏の鯖を使わせてもらってます。ご協力ありがとうございます。 ちなみに、Greasemonkey専用の関数を使っているのでOperaのユーザースクリプト実行機能などでは動かないと思います。Firefox推奨。今後アップデートする予定もあるので、
図書ken - Library Book Search GMScript Generator
tadafumisato.com 2024 著作権. 不許複製 プライバシーポリシー
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
ブログパーツをさがせ
無料ブログパーツのサンプル集「ブログパーツをさがせ」。ダウンロード不要、簡単設置できるものを詳しく解説。紹介数1200を突破しました。ひと味ちがうレアなブログパーツをお探しの方に。ノーベル財団公式ウェブサイト「Nobelprize.org」から、2008年のノーベル賞受賞者のニュースがいち早く手に入るウィジェットをご紹介。（すげー、それ） Nobelprize.org widgets make it easier to discover who has received the 2008 Nobel Prizes, as soon as the official Nobel Prize Announcements are made, by bringing the news straight to your favourite web sites. 種類は、ここに置いてる縦幅が短いタイ
また新しいのが出た。ローディングイメージ作成のお供に『gif generator』*ホームページを作る人のネタ帳
簡易作成チュート まずは下のリンク先へ行きます。 Lord Info 色々な形のものがありますので、選びます。 クリックすると、これをダウンロードするのかと思ったら、以下のようなウィンドウを開きます。 ここで色やサイズを指定してダウンロードできます。 うん。 とっても簡単便利ですね。 ローディングバーといえばもう一個 Ajax Lord Info タイトルが似すぎで笑ってしまったけど、こちらは古くから有名。 横長のバー関係はこちらのほうがありますね。 お試しあれ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Excel操作をJavaScriptで記録 ～Microsoft、“Office Scripts”をパブリックプレビュー／「OneDrive for Business」で共有も可能。企業向けの“Office 365”へ順次展開
画像の変更
Python Webスクレイピング テクニック集「取得できない値は無い」JavaScript対応@追記あり6/12 - Qiita
Google Desktop has been discontinued
Google Maps Platform Documentation | Google for Developers
