git/index.lockを解除し無事にadd/commitできました。 | ハイパー猫背
なんかよく分からないが怒られた。 .git/index.lockとは エラーの文言的には，index.lockってファイルが存在しているからエラーになってるっぽい。 なんや，index.lockって。。 git/index.lockとは 同じgitのリポジトリ内で同時に複数の処理を行わないための排他制御を行うもの。 つまり，index.lockが存在するということは，裏で他のgit操作が行われている。 ならば，他のgit操作が終了するのを待てばいい。 もちろん，時間をおけばgit操作できるようになるのだが，「そんなの待ちきれないよ」って方は別の解決法で。 git/index.lockを削除 index.lockを削除してしまっても構わない。
【jQuery入門】offset()で要素の位置を取得・設定する方法！ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト
こんにちは、ライターのマサトです！ 今回は、jQueryで対象要素の位置座標を取得することができる「offset()」メソッドについて学習をしていきいましょう！ この記事では、 「offset()」とは？ offset()の使い方 「offset()」「position()」の違い スクロール量をoffset()で取得する方法 offset()の注意点 「offset()」とは？ それでは、まず最初に「offset()」メソッドについて基本的な知識から学習していきましょう！ 「offset()」は、画面上（document内）に配置したHTML要素の表示位置を座標で取得できるメソッドになります。 次のような位置座標をイメージすると分かりやすいでしょう！ このように「offset()」では、対象となるHTML要素の左上を原点としたX・Y座標を取得することができます。 これにより、jQuery
要素の表示位置を取得／設定するには？（offset）
offsetメソッドを使って、要素の「ドキュメント上の相対位置」を取得／設定する基本的な方法を説明する。 ← 前回 連載 INDEX 次回 → 要素のドキュメント上の表示位置を取得／設定するには、offsetメソッドを利用します（ただし、不可視の要素に対しては動作しません）。なお、類似のメソッドにpositionメソッドがありますが、これは現在の要素の親要素からの相対位置を取得するためのもので、機能が異なります（次回のTIPSで詳しく説明します）。 要素の表示位置を取得する まずは、位置情報を取得する方法からです。以下は、指定された要素（＝<div id="child">要素）の位置情報を表示するサンプルです。
JavaScript：連続クリック対応方法 - 覚え書き.com
画面上に設置したボタンを連続でクリックされた場合に予期しない挙動を引き起こす事が良くあります。 そういう場合の対応方法についてメモしておきます。 基本的に対応する方法としては以下の様な方法があります。 ボタンのdisabled属性をtrueにする フラグを設置してクリックされたらフラグをfalseに設定してイベント処理されないようにバイパスする 以下はjQueryベースで連続クリックされた場合にフラグを使用して判定する方法です。 jQueryサンプル // 連続クリック防止フラグ var clickFlg = true; jQuery(function($) { $(".button").on("click", function() { if(clickFlg) { // イベント処理中はフラグをoffにします。 clickFlg = false; // クリック処理を実施 } else
『クリックしたらツールチップを表示するスクリプト』をちょっと変えてみた。 - Qiita
js苦手なデザイナーの筆者としては、なるべくならコピペして事なきを得たい…と考えている。 が、仕事をしている以上、コピペしてちょっと手を加えて…という事は避けて通れない。特に、今回は再開発案件だったので、仕様を大きく変更することが難しい。 そこを前提として、下記の要件で絞ってみた。 jsに弱いデザイナーが考えた要件 ツールチップちっくだけど、マウスオーバーではなくクリックして表示させる 再開発前のツールチップは、『閉じる』のボタン以外では閉じない。非常に邪魔。要素外でクリックしても閉じたい そもそも『閉じる』ボタンの表示が邪魔だからいらない（とデザイナーは思った） 高機能ツールチップもいいけど、少しでも軽量化したかったので、不要なアニメーションとか永遠に使わないオプションはいらない そこで発見したのが クリックされたらツールチップを表示するスクリプトをjQueryで組んでみた …要件ぴった
ブラウザ側で日時指定で表示・非表示を切り替えるスクリプト - Qiita
某所より要望があったので作りました。 ソースと使い方 ソースです。jQueryは別途用意してください。 $(document).ready(function() { $(".view_timer").each(function(index, target) { var startDate = $(this).attr("data-start-date"); var endDate = $(this).attr("data-end-date"); var nowDate = new Date(); if (startDate) { startDate = new Date(startDate); } else { startDate = nowDate; } if (endDate) { endDate = new Date(endDate); } if (startDate <= nowD
jquery.cookie.jsの使い方とCOOKIEの寿命(保存期間)を秒・分・時間で指定する方法 - Qiita
jquery.cookie.jsを使うと、JavaScriptからクッキーの書き込み&取得が簡単に行えるようになるんだけど、何故かmax-ageが無く、expiresでしか有効期限の設定が出来ないため、最も短い期間でも１日となる。 秒・分・時で制御する場合はnew Date()からsetTime()でミリ秒指定しなければならなかったので、プラグインの基本的な使い方と一緒にメモっとく。 -プラグインはこちら- https://github.com/carhartl/jquery-cookie // 書き込み方 $.cookie('名前', '値'); // 読み込み方 $.cookie('名前'); $.cookie('ありえない名前'); // 存在しない場合は undefindedが返る // 削除 $.removeCookie('名前'); // 有効期限の設定：日数指定 $.cook
jQueryプラグイン「jquery.cookie.js」でcookieを簡単に扱う ｜ Tips Note by TAM
JavaScriptでcookieを扱うのは、値のエンコード・デコードや書き込む際の文字列結合、値を取り出す実装など、意外に面倒です。しかし、「jquery.cookie.js」を利用すれば、cookieを簡単に扱えるようになり、シンプルなコードで実装できます。 まずはjQueryとjquery.cookie.jsを読み込みます。 ※jquery.cookie.js は GitHub（https://github.com/carhartl/jquery-cookie）からダウンロードすることができます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> ■cookieの設定 cookieを保存するには
jquery.cookie.jsの使い方と簡単なサンプルを紹介します
今さらな感じもしますが、使う機会があったので忘れないように記事にしておきます。以前使ったことがあるのですが、そのときの記憶がほとんどなかったので、こういうのは残しておいたら自分のためにもなりますね。 まず、jQueryとjquery.cookieを読み込みます。ともにCDNになっているのでこちらでいいと思います。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> jquery.cookieを自分でダウンロードされる方はこちらから。
Re: 今さら聞けないjQuery実行パターンまとめ【実行のタイミングって？ちょっとした補足】
今さら聞けないjQuery実行パターンまとめ :: 5509(+1) noriさんのブログでまとめられていた「.ready()」などのjQueryの実行パターンについてのまとめ。jQueryの書き出しに書かれる.ready()メソッドや$(function(){～});などを「おまじない」とか「最初に書いておくもの」なんて言われたり見て覚えていた人が多いんじゃないかなって思うのですが、こういうまとめがあるとわかりやすくていいですね。 十分ではあるのですが、僕なりの補足を入れておこうかなと思ったので紹介も兼ねてエントリー 慣習的に書く理由 この「$(document).ready(function(){～});>」や「$(function(){～});」はjQueryのスクリプトを書くときの最初に、慣習的に書くもので、「おまじない」とか「とりあえず書いておけ！」なんて言われて、何となく書き入
web帳 | webデザイナーの、webデザイナーによる、webデザイナーのためのサイト
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳
jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験｜BLACKFLAG
半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」と題して、画面幅めいっぱいでのコンテンツスライダーを紹介しましたが、当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。 同じ、画面幅めいっぱいでのコンテンツスライダー構成でレスポンシブ対応させたパターンを必要に駆られて作成してみたので、ここでも紹介してみたいと思います。 【2014/01/15】 スライダー部分にフリック動作を追加しました。スクリプト内の設定でフリック動作のON／OFFを設定が可能です。 このスライダーはなかなか言葉では説明しずらいのでまず動作サンプルから。 「jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」サンプルを別枠で表示 スライダー中心にメイン表示エリアを設置して、その
WordPressでjQuery UI Tabを使用する | doop
久々の更新。 最近、会社のホームページをWordPressで作っている。 実際に仕事で利用すると、普段は考えない事を色々と考えなきゃなんない。 個人利用なら、「まいっか」で片付けられるんだけどね。 本題。 本文中にタブメニューを表示すると言う要件で、jQuery UI タブを利用してみた。 最近だとCSS3で実装する方法もあるみたいだけど、クロスブラウザの事を考えると jQueyr UIの方がいいかなーと採用してみた。なんつっても、管理メニューも同じ実装だもんね。 WordPressは標準でjQuery UIが実装されているので使用するのは簡単。 まず、本文に以下のようなHTMLを記述。 今回は固定ページでやってみた。 <div id="tabmenu"> <ul> <li><a href="#tabs-1">メニュー 1</a></li> <li><a href="#tabs-2">メニ
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
イモムシでjQuery入門 | 第1回デザイナーがイモムシで覚えるjQuery
こんにちは。kamecoです。 androidアプリをhtmlベースで作ったりしています。 それができるのも、jQueryの力でjavascriptをちょっと書けるようになったから。 ということで、jQueryを覚えよう！ 電卓で入門とか色々考えたのですが、 私が覚えた方法で。。 myベストイモムシを作ろう！！！！ とりあえずあなたのイモムシも用意しよう。 ダウンロード とりあえず名前を付けると愛着がわきます。 うちの子は「クロスケ」です。 ↑クロスケ。かわゆす。 練習で書いてた時から書き換えてないので、挙動がおかしいのは見逃してください。。 つまめます。動きます。顔変わります。などなど。 クロスケのjsもブログを書きながら新調してあげようと思います。 イモムシのhtml解説 これから使うhtmlですので構成や呼び出しているものを一応確認しておきます。 cssやh
汎用性の高そうなjQueryイメージスライダー・Fotorama
よさ気だったので備忘録。jQueryで作るスライダーです。画像や動画にも対応、レスポンシブWebデザインにも対応しており、マークアップもシンプルで済みます。 なかなかいいスライダーでした。タッチイベントにも対応しているのでスマフォでも使えますね。 見た目はよくあるスライダーですが、汎用性は高い印象です。タッチイベント、レスポンシブWebデザイン、ハッシュタグ対応、動画も可能、フルスクリーン化も可能で、マークアップも画像を書けば良いだけ。 動作サンプルがいろいろ用意されています。 Sample コード<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="fotorama.js"></script>本体とプラグインとCSSを読み込みます。 <div class="fotorama"> <
画像スライドショーを作成できるプラグイン / WordPress Content Slide | WordPress（ワードプレス）とプラグイン
2013-02-08 指定した画像のスライドショーを手軽に作成することができます。キャッチコピーなどの文字を乗せる事もでき、キャッチコピーや写真の入替えもラクラクです。スライドするスピードやエフェクトの種類、フォントの種類やサイズ、キャッチコピーの下に敷く背景色など・・様々な指定ができます。 「WordPress Content Slide」のインストール方法 プラグイン → 新規追加 から、「WordPress Content Slide」でプラグインの検索とすると、見つかります。 「いますぐインストール」→「有効化」とします。 または、以下のページからダウンロードできますので、「content-slide.zip」ファイルを、 /wp-content/plugins/ ディレクトリにFTPでアップロードしてもインストールできます。 WordPress Content Slide h
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://ameblo.jp/linking/entry-10296971396.html
http://wp-and.me/fotorama