森のコーディング森のコーディング2012年03月マークアップエンジニアとかWEBディレクターとかをやってる僕が、自分が詰まって、解決したことをここに残しておきますよ。>3月11子要素に特定のタグがある場合のみ実行する、jQueryのhas()メソッドが便利カテゴリ:jQueryjavascriptたとえば、divのなかにaタグがあるときだけ、divをマウスオーバーしたときに背景が変わるようにする、とかそういうときに使えるのがhas()メソッドたとえば、divをマウスオーバーできるようにするには、こんな感じになるよね。class="box">をマウスオーバーしたときに背景色をddd(グレー)にして、マウスをはずしたら、fff(白)にする。aタグがあった場合だけマウスオーバーできるようになる。これはいろいろなところで大活躍しそう。has」とかで探してた。条件分岐かなと思ってたから、でもhasだけでいいんだな。ちなみにjQuery1.4以降のメソッドだそうです2012年03月11日01:28tacshockコメント:0トラックバック:03月10WEBまわりの知識をものすごいスピードで蓄えていく方法カテゴリ:生産性アップtips僕は仕事でWEB制作をやっています。Architect・HTML+CSSマークアップ・javascriptちょっと・phpちょっと・Movabletypeのあたりです。デザインもプログラミングも、本職の人ほどにはできない僕が書く内容じゃないですが、WEB/ITまわりの知識を急速に取り込んでいく効果的な方法について書きます。原則としては、自分で実際に作る・触る、をしてみないと全然わかんないままです。自分で触って見るようにする準備は大事です。XAMPPhttp://www.apachefriends.org/jp/xampp-windows.htmlをインストールして、ローカルでサーバー環境を動かせるようにしておきましょう。わからなくても、サイトのとおり、やるだけです。いえ念のため安めのレンタルサーバーなんかも借りておいたほうがいいです。そのほうが、いろいろテストできるし、サーバーを借りるっていうのはどういうことなのかがわかるためです。次のサイクルを、毎日やることです。■WEBまわりの知識レベルが高速で成長する修行1毎日はてぶのIT・コンピューターのホットエントリーになった記事を全部読む。はてぶのIT・コンピューターのホットエントリーには、毎日、さまざまな分野の記事があがってきます。それをかたっぱしから全部読みます。興味関心のある読み物だけ読むのはNGです。あからさまに自分では理解出来ない様なコアなタイトルの記事も読みます。理解出来ないことばかりですが、とにかく字面をおいます。2知らなかった単語をかたっぱしからぐぐって調べていく。検索で、単語をかたっぱしからぐぐって調べていきます。英語の単語を覚えるような要領で。わからないことがほとんどです。それでもかまわないので、調べてもわからないやつは、放っておきます。数個でも、「あ、そういうやつね」って理解できた気になれるものがあればOKです。ほかは、まだ自分が出会う単語じゃなかったってことでさっぱりあきらめて次にいきましょう。3自分の環境で試せるものは、とりあえず、試してみる。phpの書き方に関する記事であれば、とりあえず、同じように書いてみて、XAMPPなどを使って、動かしてみましょう。jsのTipsに関する記事であれば、とりあえず、同じように書いてみて、動かしてみましょう。意味がわからなくても、コピペしないで、手打ちでやってみることが大事です。漢字が読めないのに、論語の模写をしてるような感覚で。この1〜3を毎日やってると、少しずつわかる単語が増えていきます。自分で試してみて、なんとなくこういうことかな?と感触をつかむようなことも多い。それは、また似たようなことがはてぶの記事で上がってきたときに、また試してみると、より理解がふかまるので、1発で完璧にしようとしなくてもOKです。■dotinstallはおすすめ、なんだなdotinstallっていう初心者向けのプログラミング動画講座があります。これは空き時間で全講座をやっとくと良いと思います。1つの授業は長くて3分。短いと1分ちょっとです。その間にも、5、6個くらいは動画をみて、授業を進めることができあす。1日10分で3つやる、でもOK。ひととおり、やりきると、はてぶのITのホットエントリーの記事内容が圧倒的にわかるようになっていると思います。同業のライバル達よりも、ぶっちぎりのスピードで、成長していける。2012年03月10日01:17tacshockコメント:0トラックバック:03月9jqueryでtoggleを使ってクリックするたびに画像を切り替えるカテゴリ:jQueryjavascriptボタンを押すと、ボックスが開閉して、しかもボタンの画像が変わるっていうのを作りたくて、jqueryで以下のように作りました。class="hogehoge2">ここにいろいろ書いておく</div>ボタンとなるaaa.pngにclass="hogehoge"をつけておきます。js側では、hogehogeをクリックするたびに処理を交互に行うようにtoggle()を使う。クリックすると、class="hogehoge"のついたボタン画像を切り替えつつ、同時にclass="hogehoge2"のdivをオープンにする。(あらかじめ、hogehoge2はdisplay:noneにしておくこともわすれずに)2012年03月09日05:41tacshockコメント:03月8自分の判断軸はてぶでホットエントリーしていたこの記事この発想がすごい!次世代表現のヒントがいっぱいのWebサイトまとめ5つhttp://w3q.jp/t/1585発想は確かにすごいのかもしれない。突飛である、ということ以外は、、、。芸術・アートとして素晴らしいんだろうと思う。僕は、芸術・アートの分野の感性があまりよくわかってないので、汲み取れないのかもしれない。いうサイトを創っている人をdisるつもりはまったくない。僕よりはるかに企画力も技術力もある。新しい発想をもって、クリエイトできる人は尊敬する。同じようなことをよく思うんだ。新しい試みで、何万人の人が訪れました。いう企画者のインタビューなどを雑誌で読んで、いいなー、僕もこんなふうにインタビューされたいぜ、なんて思いながらも、この企画っておもしろいのかな・・。疑問に思っちゃう自分がいる。これ、僕だったら参加しそうにないけど・・。何万人もの人が参加して実績をあげてるんだし、有名なクリエイターが手がけてるんだからおもしろいに違いない!って思い込もうとする自分もいる。それも良くないんじゃないかと。自分の感性を信じないことには、ポジショニングできない。自分がおもしろくなかったら、おもしろくないって、ちゃんと判断しないといけないなと思う。「僕は、こういうのがおもしろいと思う」ってのを発信しないといけないよね。編集モードになることができた。エクセルをよく使う人ならば、多用していたショートカットキーだと思う。これが、macのエクセルでは使えない。本当いうと、F2でやって欲しいよね。controlとか普段つかわないキーを使わせないで欲しい。長い英単語をいれるとtableの中をつきぬけちゃうイラレでスライスを速くするスクリプト。bluetoothヘッドセット1時間1円で暖かい。夏のPC仕事のおともに冷えピタ。クールヘッドで脳のスピードがあがります。お仕事のご依頼・お問い合わせはこちらコーディングのお仕事が得意です。