サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
![サービス終了のお知らせ - NAVER まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/29f45dbd0e28597873fd3f7b6b4a6d51927d5282/height=288;version=1;width=512/https%3A%2F%2Frr.img.naver.jp%2Fmig%3Fsrc%3Dhttp%253A%252F%252Fimgcc.naver.jp%252Fkaze%252Fmission%252FUSER%252F20121207%252F15%252F1028605%252F7%252F150x150x564a2888436f67c122a8baf1.jpg%26twidth%3D1200%26theight%3D1200%26qlt%3D80%26res_format%3Djpg%26op%3Dr)
高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べるjQueryのプラグインを紹介します。 同種の有名スクリプト「Masonry」はアニメーションを使ってダイナミックにレイアウトを変更しますが、このWookmarkはシンプルに並べなおすだけです。 デモ:幅800pxで表示 [ad#ad-2] Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML デモを例にHTMLはリスト要素など、並列に配置しま
JavaScriptは、ホームページに様々な機能、効果を加えることができるプログラムです。 サンプル・プログラムはご自由にカスタマイズなどをしてお使いください。
画像の読み込みを遅らせて表示させることができるjQueryプラグイン「Lazy Load」を使ってみました。たぶん今後使いどころがありそうな感じです。色んなところでよく見かけると思いますが、スクロールをしていくとそれに合わせて画像も表示されていきます。ということで以下、使い方です。 [ads_center] 使い方 jQuery本体とダウンロードしたjquery.lazyload.jsをhead内に読み込みます。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <script type="text/javascript" src="jquery.lazyload.js"></script> 続いてL
日々の業務で学んだことをつらつらと書いていきます。 間違えていたり補足情報がありましたら、ご連絡いただけると幸いです(^□^)/ こんにちわ。 今回はtouchSlider.jsについて書こうと思います。 その名の通り、タッチしてスライドすると次の画像が表示されるjqueryのプラグインです。 本来はスマホ用?ですが、1行直すだけでPCでもマウスムーブでサクサク画像のスライドができるすぐれものです♪ ちなみに本家はここです。 サンプル http://dl.dropbox.com/u/3740123/touchSlider_sample/sample.html 使用方法 ・以下4つのjsファイルの宣言をhtmlに書きます。 <script type="text/javascript" src="./js/jquery-1.4.2.min.js"> <script type="text/jav
twitter facebook hatena google pocket スマホでも画像ギャラリー的なことやりたいですよね。 jQueryプラグインのTouchSlider -- JavaScript slide contentを利用するとスマホでスワイプ形式のスライドギャラリーを導入することができます。 もちろんPCでも動作しますので、レスポンシブ・ウェブデザインにも良いかもしれません。 sponsors 使用方法 TouchSlider -- JavaScript slide contentからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.touchslider.js"></scri
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ! 毛根にはこれからもがんばってほしい!いつだって頭を温かいまなざしで見守
JavaScript はクライアント側で実行されるオブジェクト指向型のスクリプト言語です。 JavaScript を用いることで、動的にWebページの内容を書き換えたりフォームに入力された内容をクライアント側でチェックしたりできます。ここでは JavaScript の使い方として JavaScript のプログラミングの方法をサンプルを用いて解説していきます。
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何? JavaScript とは? JavaScript と Java の関係は? ECMAScript とは? JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>~</script>
三章第二回 イベントリスナこのページの最終更新日:2017年8月1日 addEventListener前回はJavaScriptから要素にイベントを登録する(イベントが起こったとき関数が呼ばれるようにする)方法として、イベントプロパティによる方法を紹介しました。 しかし、それは諸々の点から推奨されない方法でした。今回はよりDOM的にイベントを登録する方法としてaddEventListenerを紹介します。 <!doctype html> <html> <head> <title>test</title> </head> <body> <p id="abcd">test</p> <script type="text/javascript"> function aaa(){ console.log('aaa!'); } var p = document.getElementById('abcd
MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネスの推進には必須! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて Kubernetes活用の最適解とは? 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 いま求められるID管理:前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 サービスを止めない! サイバーエージェントに聞く高可用性の実現
本記事は、3月13日にソフトバンク クリエイティブより発売された書籍「はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-」から、「第7章 Node.jsアプリケーションのデバッグ方法」の一部を抜き出し再構成したものです。 出版社ページ / Amazon.co.jpの商品ページ 大型本: 384ページ、価格:3,045円(税込)、ISBN: 978-4797370904 文字列(String)とBuffer Node.jsでは、文字列とバイナリデータ(バイト列)はまったく別のものとして扱われる。前者を扱うためのクラスがStringで、後者を扱うNode.js独自のクラスがBufferだ。C言語など、文字列とバイナリ列を同じ型(もしくはクラス)で扱える言語もあるが、Node.jsでは文字列とバイト列は厳密に区別されており、文字列の格納にはStringクラス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く