「JavaScript」の記事一覧

壺買う!? Stripeを導入して壺を売ろう!

突然ですが、ツボ売ります! 壺販売します!売り切り! 100万円だけど、買うよね? 購入する! ※テストモードですので、クレジットカード 4242424242424242 で購入出来ます!(商品は届きませんよ) ※あやしさ100%ですが、「購入する!」ボタンを押してみてください。あくまでもテストモードですのでご安心くだ …

exValidation の記事を書き直しました

ブログも長くやっていると、昔の記事の表示が崩れちゃっていることがありますね。 WordPressだと テーマ を変更していたり、プラグインを入れてみたり、外してみたり… そんなこんなで見るに耐えなくなっていた記事を修正しました。 exValidation 関連の記事を修正しました。 このブログでもっともアクセスが多い2 …

ブラウザの戻るやバックスペースで戻った場合のJavaScriptでのイベント

例えば、チェックボックス付けてその状態で押せるようにしたボタンや選べるようになったセレクターなどがあった場合に 次の画面に遷移したあとにブラウザーの「戻る」ボタンやバックスペースなどで戻ってしまうと画面上の状態が整合性取れてなかったりすることがあります。 (マニアックですが) そんなときに「戻る」&バックスペースで戻っ …

なんか変だと思ったら Ajax のキャッシュだった

SELECT 要素を親子関係で 親を選んだら 子要素が入れ替わるもので Ajax で値を取得していました。 ブラウザやサーバーにもよるのですが何度か目に変な挙動が・・・。 ずっと返答がないような感じ。 ・・・なんかおかしいので色々試行錯誤・・・(今思うと何やったか覚えていない・・・) 結果これかも・・・的な一部解決した …

ついに・・・ 「Google Feed API 提供終了のお知らせ」 がありました

Google Feed API の運用は 2016 年 9 月 29 日に終了いたします。 情報源: Google Developers Japan: Google Feed API 提供終了のお知らせ ガーン!ついにこの時が来てしまった! RSS フィードを取得して表示していた部分を置き換えないといけません。9月29 …

flatpickr これは使える!軽量の デートピッカー Javascript

Facebookの機能でリンクを保存できるやつありますよね。 最近結構それを使っておりまして「あとで読む」的に利用させてもらっています。 で、今日、まさに「あとで読む」ために保存したリンクを開いていたのですよ。 その保存したリンクがこちら flatpickr っていうJavaScriptのデートピッカーライブラリです。 …

プログラミング 上達方法

そういえばそうでした。 100%とは言えませんがこの方法でプログラミングレベルは確実にアップすると思います。 写経って言い方が妙にしっくりくる(笑) プログラミング 覚えるには実際に打ちまくる! 漢字覚えるのに書き取りやるようにプログラミング覚えるには実際打って動かすのが1番です! マイコンベーシックマガジンに載ってる …

またハマった(笑)・・・exValidation

jQueryライブラリー exValidationを組込み中またハマった(笑) ここみて解決・・・ このブログ一番人気コンテンツ・・・ あぁ、自分で書いても少し経つと忘れる(笑) だから、書くのか(笑) ひとことだけ・・・・ フォームのタグに id=”name” とか ID付けないとダメよぉ~ダ …

面白そうなjQueryライブラリ・・・忘備録

jQuery のメモ・・・です。 あーーーあんなやつあったなぁーーー どこのどれだっけ????? っていつもなっちゃうので書いとこうというものです。 jqPlot グラフ作るのにサイコー! まず、百聞は一見にしかず! デモを見ましょう! いろいろあるのですが、これが実用的というか視覚効果抜群ではないかと思うのです。 A …

Java Scriptファイル、CSSファイルのサイズを圧縮する WEBmini

ウェブサイトの高速化で馬鹿にならないのが スクリプトファイルとスタイルシートの読込み時間です。 たとえばこんなHTMLがあるとします。 ※エンコードは書いてません。ローカルテストのみ対応。 <html> <head> <link rel="stylesheet" href="style.c …

プログラミングってこういうこと・・・これから始める方へのアドバイス

「プログラミング 初心者 おすすめ」 アクセス解析をしていたら、↑こーんなキーワードでこのブログにたどり着く方がいらっしゃっいました。 多分、前に書いた この記事 がヒットしたんだろうなぁと思うのですが、そもそも初心者におすすめっていう前にプログラミングってどういうことかな・・・っていうのを考えてみたので参考まで・・・ …

昔のサンプル作りなおしました!「FlexSlider2とLazyloadで重い画像もなんとかスライドショー」

タイトルの通りなんですが、FlexSlider2とLazyLoadを組み合わせたサンプル作りましたー!のサンプルを作りなおしました! ↓デモとダウンロードはこちら! jQueryの併せ技・・・FlexSlider2とLazyloadで重い画像もなんとかスライドショー・・・ – フリーフードファイター兼SE社 …

どんなフォームにでも使える exValidation の使い方 基本編

このブログでかなりアクセスの高い記事がこれ・・・ どんなフォームにも使えるjQueryのフォームバリデーション exValidation 応用編 なんでアクセスされるのかな・・・サンプルあるからかな・・・って思ったら本家の5509.meサイトがなくなっているからでしょうか。 そこで本来そちらのサイトにあった基本的な使い …

WordPressのRSSウィジェットを_blankで表示する ついでにRSSマークを取る ついでに「外部サイトです」文言入れる

タイトルながくなってますが、そのまんまです。 WordPress純正のRSSウィジェットではブラウザはそのまま遷移します。 今回は、それをなんとかしたいいぃい(・・・すイエんサー調で。知ってる?すイエんサーBY NHK) RSSウィジェットの設置 WordPressの管理画面からメニューの「外観」→「ウィジェット」を選 …

バージョンアップ必須…jquery1.10を使うとき

今日はjqueryでちょっとハマった。 .attr と .prop の扱いが変わってた! バージョン1.6から1.9まで引き継がれた経過措置が1.10でなくなったらしく 今までチェックボックスとか判定に使ってた下記の判定が厳格に… いままで if($(‘#foo’).attr(‘ch …

ブログの記事一覧をウェブサイトに貼る方法 | アメブロ,livedoorブログ,WordPress.comブログ,Blogger,はてなブログ,FC2ブログ,jugem

ウェブサイトにブログの一覧を貼る方法です・・・ 【HTML版】サンプル:ブログ記事一覧表示サンプル(HTMLバージョン) 【PHP版】サンプル:ブログ記事一覧表示サンプル(PHPバージョン) まずは、見てください。答えを先に見せました。古畑任三郎テクニック(笑)※わかる人だけわかって こういう風に表示したい時、Webサ …

スマホ向けサイトで多階層メニューを実現するjQuery slimMenu

スマホ向けというよりレスポンシブな感じ。 多階層メニューってこんなに多階層!!! で、これが画面横サイズ縮めていくと・・・・ こうなっちゃう! あー、これいいですね! こういうのって日本語メニューになっていないとイマイチイメージが湧いてこないので、日本語サンプル作ってみました。 ↓ jQuery slimeMenu 日 …

WordPress内でAjaxを使うときはデバッグモードを切りましょう!

ハマった・・・・ ので書いておこうと思います。 ワードプレスでログ出力出来るんです。それはそれで重宝します!プラグイン開発時とか特に。 やり方はこちらのサイトが簡潔で実践的なのでそのままソース書かせて頂きます。 ▼WordPressのデバッグモード | Gatespace’s Blog. これを wp-co …

jQueryの併せ技・・・FlexSlider2とLazyloadで重い画像もなんとかスライドショー・・・

最近、スライドショー何回か依頼されております。最近使ったもの・・・・ライブラリ名だけ。○ SudoSlider デモ○ FlexSlider2・・・○ 自作かなり試したけど忘れてる・・・アカンwなかでも上記2つが最終的に残りました。 いろいろいじってみると SudoSliderではやりにくいものがあって結果、FlexS …

WEBページの更新日時がわかる方法

・・・最近、いろいろあって、いろいろワザを取得したんですが いろいろあったがために時間がなくブログの更新も出来ませんでした・・・ 反省しながらも昨日、年内業務は完了出来ました! 来年はもっとスタイリッシュに仕事したいなぁ・・・・ 今日はなんとなく、こんなワザあるよ的なブログです。 このWEBページいつ更新したんだ!?っ …

カスタマイズもカンタン!便利なタブ切り替えメニュー Coda Slider 3

スライドショー的なものとタブメニューを探していたのですが このようなライブラリを見つけました。 jQuery使用したライブラリです。 Coda Slider 3: A jQuery HTML Content Slider. これは通常のタブメニューとしても使用できますし タブやらナビゲーションやら外にあるものを一切非表 …

カスタマイズもカンタン!便利なタブ切り替えメニュー Coda Slider 3

スライドショー的なものとタブメニューを探していたのですが このようなライブラリを見つけました。 jQuery使用したライブラリです。 Coda Slider 3: A jQuery HTML Content Slider. これは通常のタブメニューとしても使用できますし タブやらナビゲーションやら外にあるものを一切非表 …

ミニチュア模型風の写真にするjQueryプラグインの実験

こちらの記事を読んでやってみたくなりました。 写真をミニチュア模型風にするjQueryプラグイン「tiltShift.js」|skuare.net. サンプルというか本家はこちら tiltShift.js ちなみにこれってブラウザに制限があって 本家サイトに「A jQuery plugin that uses the …