jQueryでテーブルに行を追加する方法
jQueryでテーブル（table要素）に行を追加する方法を紹介します。 テーブル操作は、テーブル系のjQueryプラグインで色々なことが実現できると思いますが、業務で使っているツールでこの機能がピンポイントで必要になったため自力で作りました。 単に追加するだけであれば後述するappend()とprepend()で大丈夫です。ただアニメーション表示する方法についてはネットで色々探しましたが同様の情報がなかったので試行錯誤して作りました。テーブルを操作する場合の参考になれば幸いです。 １．サンプル まずはサンプルで動作をご確認ください。 jQueryでtableに行を追加するサンプル サンプルでは行の追加・削除・全削除が行えます。 ２．テーブルの先頭に行を追加する 行をtable要素の先頭に追加するには次のように記述します。 $('tbody').prepend('<tr><td>～</td
IE7でwindowを closeする時に警告を出さない方法
► 2018 (1) ► 1月 (1) ► 2017 (4) ► 6月 (3) ► 5月 (1) ► 2016 (15) ► 12月 (4) ► 11月 (1) ► 10月 (2) ► 7月 (3) ► 6月 (1) ► 5月 (3) ► 1月 (1) ► 2015 (13) ► 12月 (1) ► 10月 (1) ► 9月 (1) ► 6月 (1) ► 5月 (1) ► 3月 (2) ► 2月 (3) ► 1月 (3) ► 2014 (11) ► 12月 (1) ► 9月 (2) ► 8月 (2) ► 6月 (1) ► 4月 (4) ► 2月 (1) ► 2013 (15) ► 12月 (3) ► 11月 (3) ► 8月 (2) ► 7月 (4) ► 5月 (1) ► 4月 (2) ► 2012 (7) ► 10月 (1) ► 7月 (1) ► 4月 (3) ► 1月 (2) ► 20
Seasar2入門の参考サイトとプロダクト選択のメモ
久しぶりにJava村に帰ってきた浦島さんの玉手箱メモ。 まずは概要を把握。 Seasar2 入門 Seasar2によるDI、AOP、その他についての分かりやすいシンプルな解説 Java初心者が超俊敏にWebアプリを作る方法 Seasar2のEclipseプラグインであるDoltengとSAStruts、S2JDBCについての解説 Seasar2 - Seasar2 本家 初心者には見辛い 一口にSeasar2と言ってもたくさんプロダクトがあるので、Webアプリを作る場合にどのプロダクトを使うべきか調査。 MVCは、S2Struts or SAStruts or Teedaのどれがいい？ S2StrutsかSAStrutsだとどっち？ SAStrutsかS2Strutsか - ひがやすを blog 既にS2Strutsで開発している案件の追加開発ならS2Struts。 JDK1.4をつかうな
社内でも立てられるGitHubクローン·GitLab MOONGIFT
GitLabはRuby/Ruby on Railsで作られたGitHubクローンです。 GitHubは有料でプライベートリポジトリが持てますが、それでもセキュリティ上の理由でリポジトリを外だしできないケースはあるかと思います。そんなときに使ってみたいのがGitLab、GitHubクローンです。 ログイン必須になります。 ログインした後の画面です。登録済のプロジェクトが一覧表示されます。 一つのプロジェクトを閲覧しています。ソースツリーが出ます。ソースツリーは右へ右へスライドして表示されます。GitHubに似ています。 ソースコードハイライターも内蔵されています。rawでファイルをダウンロードできます。 タグやブランチを切り替えることもできます。 コミット履歴一覧です。 コミット詳細ではDiffが確認できます。 コミットに対するコメントも確認できます。 チーム設定です。複数人でのコラボレーシ
店舗や会社のブログをアメブロやFC2でやってはいけない３つの理由｜More Access! More Fun
本日のブログは温故知新でいきます。まあ、同じようなことを繰り返し書いても、内容がためになればそれでいいよね。お腹の調子が悪いので本日はコレで。 このブログを本格的に書き始めたのは震災後で、そのまではたまに気が向いたら程度で本気で書いてなかった＆読まれてなかった。おかげさまで毎日こつこつと書いていたら、先月の月間ユニークユーザー数は30万人までいき、少ない日でも5000人は切らないようになりました。こうなると手応えもあるし、書いてて面白い。 で、実は初期の頃に誰も読んでくれてなかったブログにもずいぶん面白い内容のものがあるので、本日はそれを一個掘り起こして加筆したいと思います。 なにかっていうと、twitterで一昨日質問もらったので思い出したこれ。「店舗や会社のブログをアメブロやFC2でやるのはバカっぽい」ってことです。特にFacebookで自分のHPのアドレスをアメブロとかにしているのを
「フロー体験」理論のあまりの凄さに戸惑いを隠せない：YLOGオルタナティブ：オルタナティブ・ブログ
とあるきっかけで読み始めた、ミハエル・チクセントミハイの「フロー体験」という本、あまりに衝撃的であり、日々のものごとに対する観点をガラっと変えてしまったため、その内容の一端を、特にインパクトある部分を中心に簡単に紹介したいと思います。 ■著者「ミハエル・チクセントミハイ」について ミハエル・チクセントミハイは、１９３４年ハンガリー生まれで、主にアメリカで研究生活を行った、２０世紀を代表する心理学者の１人。 １９９０年に出版された本書は、「(欲求の５段階で有名な）アブラハム・マズローの自己実現の概念を超えるもの」（ニューヨーク・タイムズ紙）など様々な新聞・専門家から賞賛され、「日常生活の心理学に関して、今世紀最高の研究者」とも言われています。 その知識は非常に広汎であり、心理学のみならず、文学・社会学・人類学・比較行動学・情報論・進化論・宇宙論・芸術などにまで及んでいます。 ■フロー体験とは
[CSS]サイズが分からない要素を真ん中に配置するテクニック
width, heightのサイズが分からない要素を天地左右の真ん中に配置するスタイルシートのテクニックを紹介します。 Centering in the Unknown [ad#ad-2] 下記は各ポイントを意訳したものです。 要素のサイズが分かっている場合 要素のサイズが分からない場合 まとめと対応ブラウザ 要素のサイズが分かっている場合 「真ん中に配置するエレメント」と「その親エレメント」両方の高さと幅のサイズが分かっているのであれば、エレメントを真ん中に置くのは簡単です。 「真ん中に配置するエレメント」を「position: fixed;」にし、topとleftを50%、marginのtopとleftをエレメントの半分のサイズでネガティブマージンで配置します。 CSS .centered { position: fixed; top: 50%; left: 50%; margin-t
流行のjQueryでスクロールするサイトを集めてみました
jQueryでコンテンツをスクロールさせる海外サイトを最近見るのですが、あれはかっこいいですね。そこで、今回の記事では、jQueryでコンテンツをスクロールさせているサイトをいくつか紹介しつつ、このタイプのサイトに特有の問題についても触れてみたいと思います。 はじめに コンテンツをスクロールバーではなく、JavaScriptでスクロールさせる場合、ブラウザのスクロールバーが出ないため、「ブラウザからはみ出るコンテンツをどのように扱うか」の課題に直面します。以下のサイトで、この問題をどのように解決しているかにも、注目して見てください。 01. Reverse Büro 自由自在に縦、横方向にスクロールします。マウススクロールにも対応しています。コンテンツ自体がブラウザ幅に合わせて拡大・縮小するのでスクロールは必要ないですね。写真だけのサイトでは、こういった解決策もアリなんだと思います。 ※サ
溺愛してやまない激オススメなシンプルフリーフォント、そして有料フォント | バンクーバーのうぇぶ屋
円高ですよ円高。この前、知り合いの日本在住WEB屋が「いい機会だから」と、日本円で大量にフォントを購入していてました。 僕がカナダに初めて留学生として来た4年前は１カナダドルが120円くらいだったので。今の70円くらいなのが目の錯覚に見えてしょうが無い今日この頃です。（ちなみに、カナダドルって日本人に馴染み無いかもですが、日本からみりゃ米ドルと大体一緒くらいですかね。） さてさて、先月有名フォントのことをまとめましたが、そんな円高に合わせてフォント大量購入な知り合いのこともあり、今回はその知人へのあてつけ（？）に「最近はフリーフォントもこんなにレベル高いんだぞ！」ということを伝えたいと思いましたので、そのまとめを書かせてもらいます。 ……と、思ったのですが、有料フォントでも最近だと結構低価格で買える物もいっぱいあるので、僕の好きなシンプルめで強調しすぎない有料フォントも有名所を中心に一緒に
Twitterを極めたいならコレを使え！最強のツール・Webサービス６８選
今回はXを便利にするツール３４選をまとめてみました！ 僕もXツールは色々使っていて、 TweetDeckでリプライ交流をする Social Dogで１ヶ月分「予約投稿」をする など、Xツールのおかげもあって、１年ちょっとで50,000フォロワーを超えることができました。 ブログのアクセス数も爆増し、アフィリエイト収益も月100万円ほどアップしています。 正直、上記の２つさえあればXは伸ばせます。 これらのツールを使った「Xの伸ばし方」については以下の記事でもまとめているのでこちらもぜひー！ 目的別ツールの選び方 Xのツールは、目的に合わせて選ぶことがおすすめです！ ここでは、次の7つの目的に合わせて便利ツールをまとめてみました！ 総合的に管理したい 複数アカウントを一括管理したい 複数人でアカウントを管理したい フォロー・フォロワーを管理したい ツイートを予約したい マーケティング分析をし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
not found
首のこりや片頭痛もすっきり 「猫背」の治し方 ゆがみリセット学（２） ：日本経済新聞
「ダンス音楽はバカでも作れる」のノエル・ギャラガーが大絶賛のテクノ３曲 : matsu & take