サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Wookmark
高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べる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 Samples フリーサンプル - eWeb
JavaScriptは、ホームページに様々な機能、効果を加えることができるプログラムです。 サンプル・プログラムはご自由にカスタマイズなどをしてお使いください。
画像の読み込みを遅らせてスクロールに合わせて表示させるjQueryプラグイン「Lazy Load」 – bl6.jp
画像の読み込みを遅らせて表示させることができる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
一流エンジニアへの道 タッチしてスライドするjqueryプラグイン「touchSlider.js」
日々の業務で学んだことをつらつらと書いていきます。 間違えていたり補足情報がありましたら、ご連絡いただけると幸いです(^□^)/ こんにちわ。 今回は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
スマホでスワイプ形式の画像ギャラリーを利用できるjQueryプラグイン「TouchSlider JavaScript touch control slider」
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
プロパティの値の取得と新しい値の代入
作成したオブジェクトに含まれるプロパティの値を取得したり新しい値を代入するには、プロパティ名を指定してプロパティへアクセスし、値を取得したり代入したりします。ここではプロパティの値を取得する方法、および新しい値を代入する方法について解説します。
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
JavaScript入門
JavaScript は Web サイトに動的な機能を追加するためのプログラミング言語です。 1995 年に米国の Netscape 社によって開発され、現在では Web 開発に欠かせない技術の一つとなっています。 JavaScript は Web ブラウザ上で直接動作するスクリプト言語であり、ボタンのクリックイベントやアニメーション、フォームの入力チェックなど、インタラクティブな機能を実装するのに利用できます。 JavaScript はブラウザさえあればすぐにプログラムを書いて実行できます。 Web ページの作成において、 HTML や CSS と組み合わせて利用されることも多いです。また、Node.js などを利用することでサーバーサイドの開発も可能となり、 JavaScript はフロントエンドからバックエンドまで幅広い用途で活用されています。 JavaScript は、オブジェクト
とほほのJavaScript入門 - とほほのWWW入門
とほほの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 の書き方 <scr
三章第二回 イベントリスナ — JavaScript初級者から中級者になろう — uhyohyo.net
三章第二回 イベントリスナこのページの最終更新日：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
JavaScriptの配列をも〜っと深く理解する：lengthの不思議な動作 - builder by ZDNet Japan
MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 サービスを止めない！ サイバーエージェントに聞く高可用性の実現
はじめてのNode.js：Node.js内でバイナリデータを扱うための「Buffer」クラス | OSDN Magazine
本記事は、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クラス
基礎から学ぶNode.js 記事一覧 | gihyo.jp
第7回Node.jsアプリケーションをWindow Azureで動かす 高橋俊光 2012-11-27
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
skuare.net - JavaScript / Movable Type / etc.
Ajaxの学習ならAjaxTower
3streamer.net
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
mdlab.jp
Japan Node.js Association