いろんなセレクタ指定方法＋α
ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは？」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基本編 セレクタ１) ＋αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい！」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど！」となるはず。。。ご利用ください。 jQuery セレ
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
switch文を使ってはいけない
昔Qiitaで書いた内容なんですが、PHPのswitch文は悪名高い「==」演算子で比較を行います。 <?php switch (true) { case 0: echo '数字の0'; break; case '0': echo '文字列の0'; break; case '0.0': echo '文字列の0.0'; break; case true: echo '真偽値のtrue'; break; } このコードは「文字列の0.0」を出力します。大変分かりにくいですね。 この点はif ... elseif ...を使えば解決するんですが、switchで書きたくなるようなコードをelseifにするとおそらく読みにくくなるでしょう。 ではどうするか。 正解はオブジェクトのポリモーフィズム(多態性)機能を使うことです。 といっても、多態性で調べて出てくる記事とか書籍に関しては抽象的な説明が多い
プログラマのための便利なオンラインエディタ厳選17個まとめ | Web活メモ帳
プログラムの開発にはテキストエディが必須ですよね。最近はWEBブラウザだけで簡単にプログラム開発ができるようになってきているので、手軽にプログラムを試して見る事ができます。 本日はオンラインで開発する事ができるサイトをまとめてみました。 詳しくは以下 wonderfl 面白法人カヤックが提供しているFlashをつくれるオンラインサービス。 既存のフラッシュをforkして新しいアプリケーションをコンパイルする事ができます。 公式サイト Zoho Creator Zoho CreatorでGoogle App Engine用のPythonソースが生成可能です。 公式サイト Amy Editor Mac風インターフェイスのエディタ。 HTML、JavaScript、PHP、Python、Ruby、Cのカラーリングが可能になっており、Ctrl + Z などのショートカットキーも動作。 タブ入力や行
どんなエディタでもEditorConfigを使ってコードの統一性を高める - Qiita
よくある会話として下のようなものがありますよね。 「ソフトタブですか？ハードタブですか？」 「インデントはいくつですか？」 ※ソフトタブはタブが半角スペースで、ハードタブはタブがタブ。 そんなものはエディタの設定で統一すればよいからと。頭を悩ませる理由がわからないと。 と、思うんですよね。ひとりで作業しているときはね。 現状、私の周りで何が起きたかというと。 PhpStorm派 Vim信者 Atom使いたい派 なぜかときどきSublimeText使う派 と、なってくるわけですね。 エディタ毎に設定していってもよいんですけど、プロジェクト毎にどうのこうのしなきゃいけなくてめんどう。 結果 コードがグッチャグチャになって人間関係までグッチャグチャ となるわけですね。 人をイライラさせたければソフトタブのところにハードタブぶち込んだり、タブ4で統一しているところに2をぶち込めばよくて。簡単だね！
新人プログラマに正月休み中を使って読んでみてほしい技術書をセレクトしてみた。 - Qiita
エンジニア組織を強くするための本を出版しました Qiitaでエンジニアリングをめぐる様々なコミュニケーションの問題とその解決策や考え方を書いてきた。それらの背後にあるエッセンスをこの度書籍として出版するに至りました。 エンジニアリング組織論への招待 ～不確実性に向き合う思考と組織のリファクタリング この書籍は、エンジニアリングを「不確実性を削減する」という第一原理で捉え直し、様々なエンジニアリングとその間のコミュニケーションをめぐる現象を説明していくものです。 はじめに 今年、書いた幾つかの記事のタネ本であったり、新卒教育の際に参考書籍としてあげたものを中心にリストアップします。一応amazonへのリンクも貼っておきますが、先輩が持ってたりすると思うので、冬休みに借りて一気に読んでおくのもいいかと思います。 その時々、必要な技術の習得に日々追われているんじゃないかと思いますが、いつまでも使
0．デザインパターンの基本 1
0.1 はじめに 最近は、C++やJavaなどを用いたオブジェクト指向プログラミングが一般的となってきました。オブジェクト指向プログラミングとは、いくつかの「オブジェクト」を生成して、これらの「オブジェクト」どうしを相互作用させることによりプログラムを実行していくプログラミング言語のことです。 デザインパターンを学ぶ前に、まずはオブジェクト指向についてしっかり復習しておく必要があります。そこで、簡単にオブジェクト指向のおさらいをしておきましょう。 オブジェクト指向の考え方を説明するために、まずは人間社会の例を挙げましょう。人間社会は、さまざまなオブジェクトが相互作用することで進行していると言えます。例えば、のどが渇いてジュースを買うときを想像してみましょう。自動販売機にお金を入れてボタンを押すと、ジュースを手に入れることができます。オブジェクト指向的には、これを「自動販売機クラスは、お金を
即時関数のメリットと主な用途｜もっこりJavaScript｜ANALOGIC（アナロジック）
即時関数の構文 即時関数はスコープを汚染せずに新たなスコープを作成するための唯一の手段 即時関数が使われるケース まとめ JavaScriptには「即時関数」という構文があります。即時関数は関数を定義すると同時に実行するための構文で、この即時関数を使ってコードを書いたことのある方も多いのではないかと思います。 JavaScriptに慣れている方にとっては「何を今さら」といった書き出しかもしれませんが、私はこの即時関数を初めて知った時、その必要性がイマイチ見出せませんでした。それは、「関数を定義と同時に実行するのは分かるけど、別に普通に関数を定義して、その関数を呼び出せばいいじゃん」って思ったからです。 確かに、一度しか使われないような関数をいちいち名前付きで定義してそれを呼び出すというコードは冗長的かもしれません。そのような場合は即時関数を使った方がよりスマートなコードになるでしょう。です
50代におすすめのマッチングアプリは
病院は時間がかかりますが、皮ふ科に行ったら40代の人に今日は２時間以上かかると言われました。マッチングアプリ 50代というのは混むものだと覚悟してはいるものの、相当な会える人がかかるので、ホテルの中はグッタリしたマッチングアプリ 50代になってスタッフさんたちも平謝りです。近頃はマッチングアプリ 50代のある人が増えているのか、50代のシーズンには混雑しますが、どんどん人妻が長くなっているんじゃないかなとも思います。会える人は以前より増えて今年も近所に出来たのですが、ぼっちゃりの数が多すぎるのでしょうか。困ったものです。 先週、おかずの添え物に使うつもりでいたら、マッチングアプリ 50代を使いきってしまっていたことに気づき、かるめとパプリカと赤たまねぎで即席の付き合いたいを作ってその場をしのぎました。しかし20代にはそれが新鮮だったらしく、マッチングアプリ 50代なんかより自家製が一番とべ
php 整数の割り算
phpで除算を行うと小数点以下も含まれてしまいます。キャストすれば良いようです。またceilを使用すると端数の切り上げ処理が行われます。 $a = 9; $b = (int)( $a / 2 ); $c = ceil( $a / 2 ); $b = 4,$c = 5になります。
jQueryのセレクタ解説 - jQuery入門 - [SMART]
jQueryには任意の範囲、要素を指定するためのセレクタと呼ばれる機能が用意されています。 たとえば、BODY要素内にあるすべての画像にアクセスしたい場合は下記のようにセレクタを指定します。 $("img") 例えば、IMG要素のボーダーを3ピクセルの赤に設定するには次のようにします。 $("img").css("border","3px solid red"); セレクタで対象を指定し、cssというメソッドでボーダー属性の値を設定しています。 セレクタは要素名以外にも、ID名やCLASS名を指定することができます。 たとえば、BODY要素内にあるすべての画像にアクセスしたい場合は下記のようにセレクタを指定します。 $("img.photo") IMG要素で、かつID名が photo01 の要素を指定するには、次のようにシャープの後にID名を指定します。 $("img#photo01")
![jQueryのセレクタ解説 - jQuery入門 - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
jQueryでdocument.getElementByIdと等価を取る : mwSoft blog
jQueryで「$("#id")」と書くと、返ってくるのはjQueryのObjectで、getElementByIdで返ってくるような生のElementオブジェクトは取れない。 生のElementを取ろうと思った場合は「$("#id")[0]」と書くか「$("#id").get(0)」と書けば良いらしい。 参考サイト http://groups.google.com/group/jquery-en/browse_thread/thread/fa48e5649bb64216?pli=1 prototype.jsはJavascriptの中身いじって機能を増やしてる風なので、「$("id")」をするとElementそのものが帰ってくるけど、jQueryの場合は操作する為の皮を被せてる風なので（お行儀はいいよね、こっちの方が）、こうなるらしい。 ちなみにget(0)を使った場合も[0]を使った場合
JavaScript初級者から中級者になろう — uhyohyo.net
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
ソフトウェア開発工程 - Wikipedia
ソフトウェア開発工程（ソフトウェアかいはつこうてい、英: Software Development Process）はソフトウェアライフサイクルプロセスのうち、開発に関わるプロセスである。すなわち、ソフトウェアの構想から廃止までの流れのうち、開発部分をプロセスとして捉えたものである。ソフトウェア開発プロセスとも。 開発工程はいくつかのサブプロセスからなる。サブプロセスの種類と関係性を示す開発プロセスモデルが複数存在する。また開発工程とその中の各種タスク・活動のための方法論が提案されている。 サブプロセスモデル[編集] 開発プロセスは何種類のもサブプロセスからなる。開発サブプロセスのモデルには様々な種類がある。規格としてISO 12207、能力成熟度モデル統合（CMMI）が挙げられる。以下は代表的なサブプロセス（モデル）である。 ソフトウェア要求分析 ソフトウェア製品を作るにあたっての最初の
JavaScriptでオブジェクトの型を判別するのにtypeof演算子使うとツラいよね - Qiita
var a = {}, b = [], c = 'hoge', d = new String('hoge'); typeof a; // "object" typeof b; // "object" ← ファッ？！ typeof c; // "string" typeof d; // "object" ← ファッ？！ Object と Array を区別してくれないとかないわー。new String()使うことないけど、区別しちゃうとかないわー。 ということで以前に自分が日本語訳したJavaScript Gardenにも書いてあった方法を使うと 判別が楽になるんじゃないかと。 function is(type, obj) { var clas = Object.prototype.toString.call(obj).slice(8, -1); return obj !== undefin
JavaScriptのオブジェクトについて考察してみた - あと味
JavaScriptを勉強しているとオブジェクトとはなんぞや？ということがわからなくなってきます。選択肢が増えれば増えるほど。 JavaScriptには、同じように見えて、実は同じではないデータがあります。それらのオブジェクトについて、区別して説明が付けられるように、自分なりに考察してみました。勉強中のアウトプットなので、ここで書いた内容は事実とは大きく外れているものかもしれません。とにかく不明瞭な部分を自分なりに理由づけしたかっただけです。 サンプルコードを試される場合は、FirefoxのFireBugにあるコンソールに貼りつけて実行するか、Safariの開発ツールにあるコンソールに貼りつけて実行してください。それがわからない方は console.log の部分を alert に置き換えて確認してください。 話がややこしくなるので、今回はプロパティしか扱っていません。 名称の定義について
jQuery.ajax(options) - jQuery 日本語リファレンス
HTTP通信でページを読み込みます。 この関数はjQueryにおけるAJAX通信の基本部分で、実際には$.getや$.postといった関数を使った方が、容易に実装できます。 但し、これらの抽象化された関数は実装の容易さと引き換えに、エラー時のコールバックなどの複雑な機能を失っています。そのような処理を実装したい場合は、やはり基幹であるこの関数を用いる必要があります。 $.ajax関数は、戻り値として XMLHttpRequestオブジェクトを返します。殆どの場合、このオブジェクトを直接操作することは無いと思われますが、例えば投げてしまったリクエストを中断する場合など、必要であれば利用して下さい。 この関数は引数をひとつだけとりますが、実際にはハッシュで、キーと値の組み合わせにより多くのオプションを受け取ります。 以下にその一覧を載せますので、参考にして下さい。 async / boolea
Twitterで何もしなくてもフォロワーが増える！究極の裏技！ - 方向
フォロワーが増えるとうれしいよね！ でも意識して増やせるものじゃない。たくさん人をフォローすれば自然と増えるけどそれにも限界がある。 しか〜し、何もしなくてもフォロワーが増えていくすごい裏技があるんだ！ 自分はこれで 3日でフォロワー数が340→1088 になったよ！ ちょっと前にこんな風に考えたんだ。 たくさんの人をフォローする しばらく待つ（この間に一部の人はフォローを返してくれる） フォローを返してくれなかった人をフォロー解除 これを繰り返していけばフォロワー増えるよね！ でもいちいちこんな作業するのめんどくさい。だから↑を自動的にやってくれるプログラムつくったよ！ 使い方はとっても簡単！ Windowsの人 1.Rumixをインストール（すでにパソコンにRubyがある場合は不要。Rubyって何？ってひとは入れてね） 2.コマンドプロンプト（スタート→すべてのプログラム→アクセサリに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインパターン[モデリング] -TECHSCORE-
リレーショナル・データベースの世界