『JavaScript』タグの付いた投稿一覧

『HTML5時代の動画コンテンツ 基礎の基礎』HTML5勉強会 名古屋 #1 スライドを公開しました

2/8(金)に行われた[HTML5勉強会 名古屋 #1]で軽く発表してきたので、そのスライドを公開しました。

元々、HTML5に関して特に人様に話せるようなネタは持ち合わせていなかったのですが、この会の説明文では

  • できるだけ知らない人に分かりやすく伝えてみると、みんなハッピーになれるはずです!
  • 『これはぜひともみんなと共有したい話だ!』『試しに発表してみたい!』という方が居ましたら、ぜひともご相談ください!みんなで会を作っていきましょう。

と書いてあることですし、
できるだけ受け身じゃなくて積極的に楽しみたいということ、
また、他の発表者の方がわりときっちりサービス開発のできる方だということで、参加者の中にある程度いるであろう「普段JSなどを触ったりしないデザイナー・HTMLコーダー・ディレクター層」に何か響くものはないかなということで、ムリヤリネタをこしらえていきました。
»続きを読む

wp_enqueue_scriptの仕様がWordPress3.3でちょこっと変わったって話

WordPressづかいなら頻繁にお世話になっているであろう、wp_enqueue_script関数。
自作やどっかから拾ってきたjQueryプラグイン(=not WordPressプラグイン)とかを使う時に、JavaScriptライブラリを正しく、あるべき順序で読み込んでくれるというアレです。
wp_enqueue_scriptをちゃんと使えたら、初心者から中級者にランクアップって言ってもいいんじゃないかと勝手に思ったりしてます。中級者の定義って難しいですけど。

それはどうでもいいとして、このwp_enqueue_scriptの仕様が3.3から微妙に変わったのに、あまり話題に登場しないなーと思っておりまして。
そうこうしてるうちに3.3.1が出て久しくなってしまったので、誰かが書く前に自分で書いときます。

»続きを読む

WordPressで記事入力時にBackSpaceを押しても前の画面に戻らないようにするとクライアント助かる(多分)[WordPress使えそうなスニペットシリーズ]

Twitterでみうさんがこんなことをつぶやいていたのを偶然発見。
Twitter_miu_a_WP使ってる先生から、入力中にバックスペースキー押すと、記事 ...

文字入力エリア以外にカーソルがあるときにBackSpaceキーを押すと、ブラウザの「戻る」ボタンと同じことになっちゃうんですよね。
それで、せっかく入力した記事が消えてしまうとか…..(´;ω;`)ブワッ

一応、BackSpaceが押されるとこんなダイアログが出るはずなんですが、
backspace

クライアントさんにはきっとなんのことやらわかりませんよね。

そこで、管理画面にだけJavaScriptを適用して、BackSpaceを押しても「戻る」にならないようにしてみました。

»続きを読む

Google AJAX Feed APIを使って、静的ページに外部ブログのRSSを取得・表示させるやつを私も試してみた

#2016.07.21追記
Google Feed APIの運用は、2016年9月29日に終了するとの公式発表がありました。今後はこの記事の情報は使えませんのでご了承ください。
参考:Google Developers Japan: Google Feed API 提供終了のお知らせ


とある案件で、静的サイトの一部にWordPressを導入して、その新着情報を既存サイトのindex.htmlに表示させる、ということになりました。

そこで、Googleで公開されてるGoogle AJAX Feed APIを使ってRSSを取得する方法を試してみました。

»続きを読む

CSSやJavaScriptの改行やインデントを削除して圧縮したり、元に戻したりするツールまとめ

年末に、オンラインブックマークでたまってしまいがちな「あとで読む」とか、「一応保存」とかを整理することにしました。
そしたら、同じような内容や機能のWebサービスのページをいくつもブクマしてることに気づいてしまいました。

そこで、似たようなものは自ブログにまとめて少しブクマ数をスッキリさせることにします。

で、実はあんまり使ってないけどいざって時にあると助かる「スクリプトの圧縮&デコードツール」をまとめてみたいと思います。

»続きを読む

繰り返し同じ処理をさせるには ~for文

プログラミングをするメリットとして、
「人間が手作業でやると面倒な動作を一瞬で完了させられる
という点があると思います。

for文はそんなニーズに応えてくれます。
同じ処理を、こちらが指定した回数だけ繰り返してくれます。

»続きを読む

OK/キャンセルを選ばせる ~confirm()メソッド

confirm

とにかく日常的によくお目にかかる、この2択ダイアログ。

confirm

こういうのよくあるよね

これを出す命令が、confirm()メソッド。
ここで、OKを選べばtrueを、キャンセルを選べばfalseを返します。

»続きを読む

プログラミングのキモ01 ~if…else文

いまやっているのはJavaScriptですが、どんな言語でもプログラミングの初心者にとってまず1つキモとなるのがif…else文による条件分岐なのかなぁ、と思います。

excel等でもif文はありますし、シロかクロかな関数なので、理論としては難しいことはないと思います。
でも、条件判定をどうするかが難しい。ここをちゃんと理解しないとプログラミングはいばらの道かも。。。。

»続きを読む

Javascript勉強用にエディタを用意

普段自分は、テキストエディタはTeraPadを使っています。
UTF-8に対応していたり、HTML表示ではタグが色分けされたり、シンプルだけど使い勝手の良いエディタとして愛用してきたのですが、残念ながらJavascriptには対応していません。

できれば慣れないうちは、コードを色分けしてくれるエディタを使いたいなと思って、プログラミング用エディタ「Notepad++(EUC-JP 対応版)」をDLしてみました。

»続きを読む

書籍を執筆しました

WordPress 標準デザイン講座【Version 4.x対応】


翔泳社さんより、2015/02/27発売しました。2年経ちますのでもう賞味期限切れだとは思いますが、一応実績として...

寄付歓迎(・ω<)☆

当ブログの記事があなたの役に立ったら、気が向いたらでいいのでドネーションいただけると更新の励みになります!
気が向いた方はこちらから

ブログ内検索