/packer/A JavaScript Compressor. version 3.0 Help Paste: Base62 encode Shrink variables Load Clear Pack Copy: disabled Save Decode Also available as .NET, perl and PHP applications.
JavaScriptでCookieを扱いたい時のメモ｜くろひつじのメモ帳
昨年末は、あれ？私コーダーだったっけ？ってぐらいにHTMLとCSSとJavaScriptとPHPの勉強と作業しかしていませんでした。 その頃作業していたお仕事は要求されるレベルも予想以上に高く、作業しつつも勉強勉強という感じで、振り返るとなかなかに充実したお仕事だったなぁと思います。 そんなお仕事で改めてCookieについてきちんと勉強したのでメモしておきます。 そもそもCookieとは Webサイトの提供者が、Webブラウザを通じて訪問者のコンピュータに一時的にデータを書き込んで保存させるしくみ。 （引用元：http://e-words.jp/w/Cookie.html） 例えば、初めて訪問したサイトで名前を入力したら、次回訪れた際に入力した名前で呼ばれたり。 例えば、訪問した回数を記録していて、訪れる度に何回目の訪問か教えてくれたり。 そういうことができます。 JavascriptでC
for文での変数宣言について（他言語共通）
for(var i = 0; i < 9; i++) { } このように、for文の()内で変数宣言をすることがあるだろうと思います。 これを入れ子にするのならば当然（場合にもよりますが） for(var i = 0; i < 9; i++) { for(var j = 0; j < 9; j++) { } } このように、新しい変数を定義します。 しかし、次のように、2つのfor文が並列する場合、2つ目のfor文で変数宣言をすべきではありません。 ですが、 片方だけに宣言がある・for文の外に宣言がある・2つ目のfor文には別の変数を宣言する いずれもしっくり来ません。 どのように書くのが一般的なのでしょうか。 皆様の書き方をご投稿ください。よろしくお願いします。 //ここでvar i = 0;と書くか … A for(i = 0; i < 9; i++)//ここでfor(var i =
カンマ区切りの入力文字列を配列に分割して格納する方法 - JavaScript TIPSふぁくとりー
《2017年6月12日 12:00 PM 公開/更新》 カンマ区切りの入力文字列を配列に分割して格納する方法 [計算・変換] ユーザが入力した「カンマ区切り」の文字列を、JavaScriptを使ってカンマ記号で分割して配列に格納するには、splitメソッドを使うと楽です。ユーザに入力してもらう文字列の個数が不定の場合には、入力欄を事前にたくさん用意しておくよりもカンマ区切りで入力してもらう方が入力フォームをシンプルにできるでしょう。区切り文字にはもちろんカンマ記号以外の文字も使えます。 カンマ区切り(コンマ区切り)の入力文字列を配列に分割して格納する方法 カンマ区切り文字列をカンマ記号で分割するJavaScriptソース 変数内の文字列をカンマ記号で分割して得るサンプルJavaScriptソース カンマ区切りの入力文字列を配列に分割して格納する動作サンプルとソース 任意の入力内容をカンマ記
javascriptでformの値を動的に取得する - (ﾟ∀ﾟ)o彡 sasata299's blog
2008年08月03日03:25 JavaScript javascriptでformの値を動的に取得する 今日はjavascriptでformの値を動的に取得するやり方のメモ。IEでもFFでも対応できます。formの要素が変わっても大丈夫(｡･ω･)ﾉﾞ <html> <head></head> <body> <form id="form1"> <input type="text" name="aaa" value="1"> <input type="text" name="bbb" value="2"> <input type="submit" name="submit" value="検索"> </form> <script type="text/javascript"> var forms = document.getElementById("form1"); var array
IEでバグを発生させないために気をつけること - ADWAYS Labot Engineers' Blog
こんにちは、高橋です。最近IEへの対応をすることが多くなってきているので、今回はIE8以下のバージョンで気をつけるべきことをまとめてみます。 配列でindexOfを使えないIE8では配列に対してindexOfを使うことができないようで、エラーになってしまいます。 var arr = ["a", "b", "c"]; console.log(arr.indexOf("b")); -> 1 Chrome Developer Toolsで試すと配列の1番目に引数の"b"と一致するので、1が返ります。 これがIEで動かないのでこのように予め関数定義しておく必要があります。 if(!Array.indexOf) { Array.prototype.indexOf = function(o) { for(var i in this) { if(this[i] == o) { return i; } }
配列をn個ずつの配列に分割して、それをまとめた配列を作る
前の記事『ブクログのブログパーツAPIを使ってスライドする本棚を作る』を書いたとき、配列をn個ずつの配列に分割して、それをまとめた配列を作る、という処理をやったのですが、そのときのメモです。 「1つの配列をn個ずつに分割したい」みたいなことをTwitterに書いたら、 @hell2uさんから 破壊していいならn回shiftしてまとめたのを後ろに追加をループでいいんじゃないか @GeckoTangさんから sliceしてpush と言われたので、両方やってみました。 ちなみに、スライド本棚ではshift & pushと似たような処理にしました。 例として、以下の配列を使います。 var baseArr = ['AAA', 'BBB', 'CCC', ... 'XXX', 'YYY', 'ZZZ'];これを3つずつの9個に分割したいと思います。 shiftしてpush（破壊的）var b =
JSで複数個ずつ配列から取り出す。 - rokujyouhitoma's blog
かなり小さなtipsで悩んでしまった昨今。こんな小さなことで日々悩んでいるのだけど、自戒を込めて。 もっと綺麗に書けるかな...。うーん。 n個のコレクションをm個ずつ取り出す。あー。while使ってsliceのindexを加算してくほうが素直で綺麗か。 code var __iterator = function (collection, howMany) { var count = 0; var __next = function() { var index = howMany * count; var result = collection.slice(index, index + howMany); count += 1; return result; }; var __hasNext = function() { var index = howMany * count; retu
テキストエリアに入力した改行コードを保持したい
テキストエリアにコメントを入力して、その内容をDBに保存し、別ページで表示させる入力ページの作成で、フォーム内に ・テキストエリアを設置 ・その下に「プレビュー」ボタンを設置 ・その下にプレビューが表示されるエリアを設置 ・一番下にsubmitボタンを設置 test1.phpにて <form name ="form1" method="post" action="test2.php"> <table> <tr><td> <text area name ="comment" id ="comment"> </textarea> </td></tr> <tr><td> <a href="javascript:void(0);" onclick="preview_comment(); "> <img src="preview.jpg"> </a> </td></tr> <tr><td> <spa
画像スライドショーでjQueryプラグインの基本を学ぶ
画像スライドショーでjQueryプラグインの基本を学ぶ：jQuery×HTML5×CSS3を真面目に勉強（2）（1/4 ページ） はじめに この連載で取り扱っているjQueryはJavaScriptのライブラリエンジンです。 世の中には実にさまざまなプログラミング言語があります。昨今主流となっているものの大半は、オブジェクト指向プログラミング言語と呼ばれているものです。 代表的な例を挙げると、Java、C#、Ruby、Python、Objective-Cといったところでしょう。これらの言語はクラスベースというカテゴリに属しています。クラスベースはアプリケーションにおけるさまざまな機能をクラスと呼ばれる単位でキッチリと分割することで、プログラム全体をキレイに整理整頓できるという特徴を持っています。大規模な開発になるほど、この特徴が威力を発揮するため、先に挙げたプログラミング言語が積極的に採用
ActyWay.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
フォームのselectをスタイリッシュに彩るJavaScript「jQuery Stylish Select plugin」
twitter facebook hatena google pocket formを使用する時にデフォルトのものだとちょっと味気ないです。 そんな時に今回のJavaScriptjQuery Stylish Select pluginを利用すると、selectを鮮やかにすることができます。 sponsors 使用方法 jQuery Stylish Select pluginからjquery.stylish-select.js、stylish-select.cssをダウンロードします。 また、画像が2枚あります。（画像1、画像2） これらを以下のように記述します。 <link rel="stylesheet" type="text/css" href="stylish-select.css" /> <script type="text/javascript" src="jquery-1.3.
移動ルートの取得 (DirectionService)
２地点を指定して、移動ルートを地図上に表示させるサンプルです。今回はサッポロビール園からＪＲ札幌駅まで。行きは早く飲みたいからバスかタクシーで、帰りは酔い覚ましに歩き…ですよね！？ <script type='text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width:740px; height:400px;"><br /></div> <script type="text/javascript"> var From = "北海道札幌市東区北七条東9-2-10"; var To = "札幌駅"; var myMap = new google.maps.Map(document.getElementById("map"), { mapTypeId:
Pinterest風のデザイン 「jQuery Masonry」を試してみた
Pinterestのデザインは、要素が敷き詰められた感じになっています。 これはなんていうデザインの通称かわからないので、ひとまず「Pinterest風」と言ってます。 これを実装してくれるJavaScriptプラグインのひとつが「jQuery Masonry」なのですが、どういうものか使って試してみました。 基本的には公式サイトに載ってることを自分なりにまとめた内容となっております。 ダウンロードはこちらから JSなどの必要なファイルは以下からダウンロードします。 jQuery Masonry 設置の仕方 設置も特に難しいことはなくJavaScript読み込んでCSSで調整する感じです。 サンプルは以下から サンプルサイト JavaScriptの記述例 <script type="text/javascript" src="https://ajax.googleapis.com/ajax
可変グリッドレイアウトを実現するjQuery | 海外のホームページ作成＆進出支援の株式会社メディアウェイブ
デザイナーの植村です。 一昨年～去年あたり、可変グリッドレイアウトのWebデザインが 一世を風靡しました。 カードが並んでいるようなデザイン、と言えば分かりやすいと思います。 通常のWebサイトよりも、ブログなど記事を扱うWebサイトに取り入れやすく、 WordPressのテーマとしてもよく採用されています。 こちらはWordpressの「tanzaku」というテーマです。 無料で国産ということもあって、導入しているサイトも数多く見かけます。 まるで雑誌を読んでいるような感覚になる、親しみのあるデザインです。 他にもSTRAIGHTLINEさんのテーマが有名でしょうか。 上記のような無料のテーマを導入するのもいいですが、 jQueryプラグインを利用すれば簡単にテーマが作成できます。 今回、3つのjQueryを紹介させて頂きます。 1. jQuery Masonly 定番ですね。利用してい
最強のJavaScript IDE 「WebStorm」を使ってみた
JavaScript対応のIDEをまとめてみたの続きのようなもので、その中で紹介していたWebStormが素晴らしいので別途紹介。 WebStormはHTML(5)+CSS+JavaScriptに対応してるIDEで、Windows, Mac OS、Linux上で動作します。 有料のソフトウェアですが、オープンソースライセンスがあったり体験版は45日間使えるのでとりあえず試してみましょう。 この記事の続編(アップデート版)を書きました 特徴 とにかく膨大な機能が載ってるので全てを紹介するのは無理があるため、凄いと思ったところを掻い摘んで紹介。 主にJavaScriptを書くエディタとして使っていますが、CSSやHTMLも普通のIDEより書きやすいです。 基本的にWebStormで日本語に関する問題は少なめです。一部IMEの変換候補が出てくる場所がずれたり、プラグインで日本語がダメだったりする
Facebook for Websites
2011年02月17日01:17 by facebookers Facebook for Websites カテゴリドキュメント 2011/08/27更新 http://developers.facebook.com/docs/guides/web/ Facebook Platformはウェブサイトのソーシャライズを手助けをします。たった一行のHTMLでLike Buttonを設置して行動を促すなど、Social Pluginsを使うことが可能です。Login ButtonとRegistration Pluginを使えば、登録やサインインの実装が簡単に、もしくは不要にさえなります。また、Graph APIは任意のユーザの全ソーシャルグラフへアクセスすることを可能にし、高度にパーソナライズされたユーザ体験を提供する助けとなります。 このガイドは、これらの機能を用いてウェブアプリケーションを作
エディタで編集するだけでhtmlファイルをリロードするJavaScriptライブラリ - 素人がプログラミングを勉強していたブログ
追記：最速インターフェース研究会 :: Firefoxでの開発を高速化する自動リロードスクリプトで既出でした。 デモを 2008-11-03_1209 - javascripter's library に置いた。 ライブラリ本体は javascripter's gist: 21788 — Gist にある。 (function () { var last = null; (function request() { with (new XMLHttpRequest()) { open('get', location.href, true); send(null); onload = function () { if (!last || last == this.responseText) { last = this.responseText; setTimeout(request, 500)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
Kort