Thank you for your trust!You will be redirected to System.io page in 15 seconds.
カテゴリー別アーカイブ JavaScript (2,265) リファレンス (1,050) Hello World (3) 基本構文 (8) 変数 (13) 定数 (2) データ型 (5) リテラル (13) 文字列リテラル (4) 配列リテラル (3) オブジェクトリテラル (3) 演算子 (52) 制御構造 (65) if (5) switch (4) while (6) do-while (6) for (10) for-in (8) for each-in (6) break (6) continue (5) debugger (1) function (1) return (1) var (1) with (1) try-catch-finally (3) throw (1) ユーザー定義関数 (21) ユーザー定義オブジェクト (10) 組み込み関数 (10) 組み込み定数 (
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). Supports JavaScript & PHP/PCRE RegEx. Results update in real-time as you type. Roll over a match or expression for details. Validate patterns with suites of Tests. Save & share expressions with others. Use Tools to explore your results. Full RegEx Reference with help & examples. Undo & Redo with {{getCtrlKey()}}
$(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 <= nowDate && (!endDate || nowDate <= endDate)) { $(this).s
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
「Name」は独自のものにする必要があります。 「Website」は設置するサイトに変更してください。 「Callback URL」はユーザーに認証させる場合は必要ですが、今回は自分のツイートを表示するだけなので必要ないです。 「Yes, I agree」にチェックして「Create your Twitter application」ボタンをクリックします。 「Consumer key」と「Consumer secret」をメモして、「Create my access token」をクリックします。 画面が遷移して Your access token という欄が増えますので「Access token」「Access token secret」をメモしておきます。 PHPで自分のつぶやきを表示 認証にはライブラリを使用すると簡単です、今回は「abraham/twitteroauth」というの
phpとかjavascriptとかgolangとかreactを中心につらつら適当に書いてたりなんだり。 JavaScriptでのUserAgent判別を行う案件があるので、 先にちょろっと判別式だけ書いてみようと思う。 基本的には既存のブラウザしか判別できないので、 後々追加していく必要があったり。 function getUA(){ var ua = navigator.userAgent; var agent = ""; if(ua.match(/msie/i)){ if(ua.match(/msie 9/i)) agent = "IE9"; else if(ua.match(/msie 8/i)) agent = "IE8"; else if(ua.match(/msie 7/i)) agent = "IE7"; } else if(ua.match(/firefox/i)) age
気になってたので試してみた。 Chrome のデベロッパーツール ( DevTools ) の開閉を検知できる js ライブラリ。 → Chrome Inspector Detector Chrome で上記公式 Web にアクセスし、メニューバーの、表示→開発/管理→デベロッパーツール or JavaScriptコンソール で、もしくは ⌘ (commnad) + option + i ( Win は ctrl + alt + i かな? ) で DevTools を開くと、 Chrome Inspector State が “Closed” から “Open and Docked” になってちゃんと検知してるね。 なんかいろいろ面白い事できそう。サイトに設置してみた。 → shingosato.com もちろん Chrome で見てね。 見ないで〜みたいな。 display で出し入れ
旧バージョンの Internet Explorer (IE) で Chrome と同レベルのレンダリングを可能とする IE 用プラグイン「 Google Chrome Frame 」。 → www.google.com/chromeframe 最近のモダン Web ではだいたい取り入れられてるね。 IE にこのプラグインがインストールされていれば、 HTML の <head> 要素内に以下の <meta> タグを記述すればプラグインが動作し、レンダリング処理をしてくれます。 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> プラグインのインストールを促す js ライブラリが Google の CDN で提供されているので必要に応じて。これもマストにしていいかと。 → Chrome Frame: Developer
IE6はタヒぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます(既婚者が多いので残っている人は少ない)。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ:文書型定義 IE向け条件付きコメントで分岐処理
jQueryって 慣れてくるとCSSよりも信頼して使えると思ってます。 CSSだと 例えば ” first-child” とかで指定すると IE8なんかでは無視されてレイアウト グチャったりしますが、jQueryだとちゃんとfirst-childしてくれます。クロスブラウザってやつですね。 他にも子要素に span とか em とか blockquote とか strong とか何やかんやあると、CSSだと接頭に親要素を毎回記述するのがめんどうです。 でもjQueryなら子要素を色々と指定する場合なんかも変数でサクサクできます。 なんでもかんでもCSSでできることをjQueryにやらせるのは読み込み速度なんかに影響しそうでアレですが、ちょっとCSSで困ったり、本来要らない要素をHTMLに無駄に組み込んだりするくらいなら 最近は潔くjQueryにおまかせしております。 しかし、そんな便利jQ
Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.
A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements. In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll slice the current slide open in order to reveal the next or previous slide.
77 18 12 2008 ブラウザの表示サイズに合わせてフォントサイズを自動で変更する方法 jquery jQuery, Ajax 可変するボックスやブログの記事部分なんかにいいかもしれません。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.2.6");</script> <script type="text/javascript"> function AutoFsize(){ var wpx = $("div#content").width(); var fpar = (Math.floor((wpx)/(400/100
IE6以下をIE7と同じようにするライブラリ『IE7.js』 Check Tweet 配布元:Google コード(ie7-js) ライセンス:MIT License IE7.jsはIE6をIE7に近づけるJavaScriptライブラリになります。 IE7には実装されているがIE6以下には実装されていない様々な機能をIE6以下で利用することが可能になります。 設置方法 Google コードより直接読み込むことが可能です。 以下をhead要素内などで記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js" type="text/javascript"></script> < ![endif]--> xx.xはバージョン情報(現在のバージョンは『2.0(beta3)』)
よく使うようになった JavaScript ライブラリの jQuery を簡単に紹介。 jQueryの使い方 まず jQueryをダウンロードして利用する html でロードするようにします。そして、CSSクラスやCSS ID に対して動作させたい内容(アクション)を関数で定義します。どのように jQuery が動作するか簡単な図を以下に示します。 この例では、"ボタン"リンクがクリックされたら、隠れている"panel"をスライド表示されるものです。 実際の動作例: ↓ボタン $()関数 jQuery のもっとも基本となる操作は $() 関数を利用することです。この関数で操作したい対象を選び、様々な操作を行うことができます。$()の指定方法は、CSSとXPathどちらでも利用できます。 指定場所(セレクタ) 概要 例
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く