kawa-masaのブックマーク (541)

  • jQuery最高の教科書|株式会社シフトブレイン 著

    「ゼロからjQueryを学びたい人たち」が効率的に理解できるように、 1章から順に難易度が上がるステップアップ形式の解説を行っています。 また、jQuery初心者のデザイナーの視点を加えることで、 プログラミング未経験者の「つまずきやすいポイント」を押さえた内容になっています。 通常、サンプルコードは全て出来上がった状態で配布されますが、 書ではあえて途中までのみを記載しています。 コードに余白を残すことで、サンプルをただなぞるだけではなく、 読み手の工夫次第で様々な表現を生み出すことができるようにしています。 最終章では、実際の仕事でデザイナーやエンジニアが手がけるWebサイトと同等のクオリティのページを制作します。 単なる技術の理解に終始せず、実際のサイトを制作する上でのポイントを習得することで、 Web制作における実践的な力が身につきます。 シフトブレインの取締役、テクニカルディレ

    jQuery最高の教科書|株式会社シフトブレイン 著
    kawa-masa
    kawa-masa 2013/12/05
    ちょっと気になる、いやだいぶ気になる / jquery最高の教科書
  • BackboneマンがAngular勉強会いってきたけどそんなに好きになれなかった話 #ng_jp - mizchi's blog

    最初に僕のポジションは表明しておくけど、今までbackbone.js, というかそのラッパーであるchaplin.jsべったりの環境で開発してて、今のプロジェクトをゼロから作り直す機会があるので次バージョンのためのライブラリ選定のためにとりあえず比較として angularを試した見た程度の人間なので、深くは理解してない。 Angularのメリット 僕の浅い理解と勉強会での話を総合した感じ レールに乗り切った時の開発効率が半端ない レールがしっかり敷かれているので開発者の能力差が問題にならない HTMLがテンプレートなので意味的な乖離が少ない ビューモデルに対する操作が一貫していてテスタビリティがある 自分もモジュラリティがあるHTML/CSSは幻想だと思っているので、HTMLに直接属性を書くのは別に構わないと思っている。 ただ、集団開発でも開発者の能力差が問題にならない、という発表をしてい

    BackboneマンがAngular勉強会いってきたけどそんなに好きになれなかった話 #ng_jp - mizchi's blog
    kawa-masa
    kawa-masa 2013/12/04
    Angular 気になるけどまだ触れてない / BackboneマンがAngular勉強会いってきたけどそんなに好きになれなかった話 #ng_jp - mizchi's blog
  • jQueryでチェックボックスの状態をうまく取れない、設定出来ないときは、attr()ではなくprop()を使ってね。(JavaScriptおれおれAdvent Calendar 2013 – 02日目) | Ginpen.com

    JavaScriptおれおれAdvent Calendar 2013 – 02日目 チェック状態は$checkbox.attr('checked')ではなく$checkbox.prop('checked')で得る必要があります。 検証 初期状態で確認すると c1: attr=undefined prop=false c2: attr=checked prop=true チェックを入れ替えて確認すると c1: attr=undefined prop=true c2: attr=checked prop=false というわけで .attr() … 変わらない .prop() … 変わる(こっちを使う) 仕組み .attr()はattribute、つまり(HTMLの)属性を得るメソッドです。HTMLにのタグにchecked属性を記載したらその値checkedが得られます。していなければ、存在し

    jQueryでチェックボックスの状態をうまく取れない、設定出来ないときは、attr()ではなくprop()を使ってね。(JavaScriptおれおれAdvent Calendar 2013 – 02日目) | Ginpen.com
    kawa-masa
    kawa-masa 2013/12/03
    これこれこの前困った! / jQueryでチェックボックスの状態をうまく取れない、設定出来ないときは、attr()ではなくprop()を使ってね。(JavaScriptおれおれAdvent Calendar 2013 – 02日目)
  • HTML5 Conference 2013の資料まとめ

    HTML5 Conference 2013 は、昨年に引き続きとても有意義なセッションが沢山ありました。スタッフの皆様、講演者の皆様、大変ありがとうございました。 この記事では、各セッションの資料(スライド等)、動画、ツイート等をまとめています。 今年はかなり大量の資料があるため、この記事は7ページに分割しています。 セッションの動画は、ルームごとに1つの動画になっています(つまり5つのセッションが1つの動画になっています)が、観やすいようにそれぞれのセッションごとに頭出し再生されるように埋め込んでいます。 目次 オープニングセッション(基調講演)+ルーム1A(このページ) オープニングセッション(基調講演) 現場の実例から学ぶ、最新鋭のWebアプリケーション開発フローとアーキテクチャ Responsive Web Design 〜Basic understanding〜 CSS Regi

    HTML5 Conference 2013の資料まとめ
    kawa-masa
    kawa-masa 2013/12/02
    あとでじっくり見る / HTML5 Conference 2013の資料まとめ | Stocker.jp / diary
  • Ceylon という言語がなかなかイケてる感じがする | beinteractive!

    次の記事で Ceylon という言語を知った。どうでもいいけどこの人とは気が合いそうな気がする。 Ceylonはほとんど理想の言語 全然知らなかったのだけど RedHat が開発している言語で、最近 1.0.0 がリリースされたらしい。これがなかなかイケてる感じがする。 静的型付 型推論搭載 Null 非許容がデフォルト もうこの三つだけでもだいぶイケてる。実は今年の始めぐらいから、理想の言語の仕様はなんだろうか?というのを自由研究的に考えているのだけど、この三つはまず間違いなく大前提になる。公式サイトのトップに a language for writing large programs in teams とあるのも共感を誘う。 以下、勉強のためにイントロダクションを適当にまとめつつ、思ったことを書いてみた。 JVM と JavaScript VM で動くよ 動くよ。 JavaScript

    kawa-masa
    kawa-masa 2013/12/02
    気になる / Ceylon という言語がなかなかイケてる感じがする
  • 新人女子プログラマの書いたコードを直すだけの簡単なお仕事です! | paizaオンラインハッカソン(POH)

    開発したいプログラム ECサイト内の2つの異なる商品(値段は同じでも構わない)を購入し、その合計価格が指定の価格以内で最大になる組み合せを探してください。 →問題詳細 新人女子プログラマの野田さんが途中まで書いたプログラム Item_a_b = 4500 // a+bの価格 Item_a_c = 500 // a+cの価格 Item_a_d = 2300 // a+dの価格 Item_b_a = 1240 // b+aの価格 Item_b_c = 5020 // b+cの価格 (中略) if Item_a_b == campaign_price print “AとBの組み合わせが最大!” if Item_a_b == campaign_price -10 print “AとBの組み合わせは-10円差でおしい!” if Item_a_c == campaign_price (以下略)

    新人女子プログラマの書いたコードを直すだけの簡単なお仕事です! | paizaオンラインハッカソン(POH)
    kawa-masa
    kawa-masa 2013/12/02
    野田さんがあざとい / 新人女子プログラマの書いたコードを直すだけの簡単なお仕事です!|paizaオンラインハッカソンVol.1
  • まさ+ on Twitter: "ナンジャタウン限定のべべのチーズケーキ!美味しかったw http://t.co/xKfMnc4s1V"

    kawa-masa
    kawa-masa 2013/12/01
    ナンジャタウン限定のべべのチーズケーキ!美味しかったw
  • Facebook のメッセージを「未読」のまま読めるサービス「mite9」を公開しました(終了しました)

    Facebook のメッセージを「未読」のまま読めるサービス「mite9」を公開しました(終了しました) 2013年11月28日 16:04Facebook Facebook のメッセージ、便利なんだけど、既読になるのがねー という声を聞いたので、 「未読」のままで Facebook メッセージを読めるようにする ウェブのサービスを作りました。 mite9 | 相手に「既読」を知られない Facebook 受信箱 背景 Facebook のメッセージって、閲覧すると 相手に「開封」が伝わるんですよね。 細かい開封時刻とともに。 気にしなければいいだけのことかもしれないけど、 心優しい人はこれが気になるようです。 閲覧したことは相手に伝わってるのに、 いまは返事ができない状況だ。 相手の人は「読んだのに返事をくれないのは、何か理由があるんだろうか」と 気を揉んでいらっしゃるのではないだろうか

    Facebook のメッセージを「未読」のまま読めるサービス「mite9」を公開しました(終了しました)
    kawa-masa
    kawa-masa 2013/11/29
    既読機能って良し悪し両方あるから悩ましい / Facebook のメッセージを「未読」のまま読めるサービス「mite9」を公開しました
  • jQuery+HTML5なメディアプレーヤー「Demos for Acorn Media Player」:phpspot開発日誌

    Demos for Acorn Media Player, Accessible and customizable HTML5 media player jQuery+HTML5なメディアプレーヤー「Demos for Acorn Media Player」 次のようなYoutubeライクな動画プレイヤーが実装できます。 プレイヤー部分に各種テーマが用意されており、サイトに合ったUIの動画プレイヤーが実装できます。 関連エントリ YoutubeのChannel・Playlistの動画リストを表示できるjQueryプラグイン「PlumTube」 動画/地図/画像のポップアップが可能でレスポンシブなLightBox実装jQueryプラグイン「MagnificPopup」 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン

    kawa-masa
    kawa-masa 2013/11/29
    プレーヤーを埋め込むときに / jQuery+HTML5なメディアプレーヤー「Demos for Acorn Media Player」:phpspot開発日誌
  • チャットワークAPIを限定プレビュー公開します!

    技術者の皆さま、お待たせしました! 以前より多くの要望があったチャットワークAPIの公開について詳細が決定しました。 まずは限定プレビュー公開としてAPIを提供します。 正式公開のスケジュールについては、ソーシャルメディアやブログなどで改めて告知させていただきますので、よろしくお願いします。 プレビュー公開の目的 一般公開する前に、まずは利用できるユーザーを絞ってプレビュー公開します。 そしてフィードバックを元に、正式公開へ向けての改善を実施していきます。 (プレビュー公開の期間中は、いただいたフィードバックを元にAPI設計の仕様変更をおこなう場合がありますので、あらかじめご了承ください) 技術者の皆さまに快適に利用していただけるよう、ご理解・ご協力をよろしくお願いいたします。 API機能一覧 今回のプレビュー公開では、APIを通じて下記の機能が使えるようになります。 今後も随時拡張してい

    チャットワークAPIを限定プレビュー公開します!
    kawa-masa
    kawa-masa 2013/11/28
    ついに! / チャットワークAPIを限定プレビュー公開します! | ChatWorkブログ
  • [JS]スマフォに最適!フォームのラベルをアニメーションでぽんっと表示するスクリプト -Label Better

    フォームにフォーカスすると、プレースホルダーに配置したラベルがアニメーションでぽんっと上に移動するjQueryのプラグインを紹介します。 デスクトップ用のページで使用してもかっこいいですが、スマフォ用のページにも省スペースを兼ねて使用してもいいですね。 デモページ name, mailの他にもpasswordなどのフォームも用意されています。4番目のデモでは、プレスホルダーのテキストとは異なるテキストを表示します。 また、デモにはありませんが、ラベルは上・下・左・右に移動させることもできます。 Label Betterの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

    kawa-masa
    kawa-masa 2013/11/26
    こういうの良さ気 / [JS]スマフォに最適!フォームのラベルをアニメーションでぽんっと表示するスクリプト -Label Better
  • Node.js を5分で大雑把に理解する - Qiita

    随時更新します。 対象の人 使ったことないけど、軽く理解はしておきたい人 格的に勉強する前に、大まかな概要を知りたい人 特徴 サーバーサイドのJavaScript 非同期 (I/Oの処理結果を待たず処理を進める) ノンブロッキングI/O (I/Oの結果を待たないで処理をすすめる。I/O処理が終了したらコールバック関数を実行。) イベントドリブン (何かしらのキッカケで動き始める) シングルスレッド (メモリ消費が少ない、仕事切り替えが少ないので速い) JavaScript エンジンが Google の V8 で速い Node.jsで作られたアプリの特徴 小さいデータや小さい計算の場合、速い メモリ消費量が少ない ローカルとリモートとのデータのやり取りをシームレスに行うフレームワーク(Meteor)などが出てきている サーバ側、クライアント側で処理の共通化ができる (入力値チェックなど)

    Node.js を5分で大雑把に理解する - Qiita
    kawa-masa
    kawa-masa 2013/11/26
    ざっくりと / Node.js を5分で大雑把に理解する on @Qiita
  • Iosjp.com is for sale | HugeDomains

    Make 24 monthly payments Pay 0% interest Start using the domain today. See details

    Iosjp.com is for sale | HugeDomains
    kawa-masa
    kawa-masa 2013/11/26
    これは簡単な画像加工がめっちゃ楽になる…! / オープンソースライブラリ:CLImageEditor 基本的な画像編集機能を提供するViewController
  • preventDefault()について

    jQueryおよびJavaScriptのpreventDefault()について調べてみました。 1.preventDefault()とは preventDefault()は、実行したイベントがキャンセル可能である場合、イベントをキャンセルするためのメソッドです。 「イベント」とは、分かりやすい例で言うと、フォームのテキストエリアの入力やチェックボックスのチェック、リンクのクリックなどが挙げられます。 preventDefault()でイベントがキャンセルされると、テキストエリアの入力やチェックボックスのチェック、あるいはリンク先への遷移は行われません。 なお、上位ノードへのイベントの伝播 (propagation) は止めません。上位ノードへのイベントの伝播を止めるにはstopPropagation()を利用します。 2.イベントをキャンセルするサンプル ここではjQueryを使ってテキ

    kawa-masa
    kawa-masa 2013/11/22
    まれによく使うのでメモ / preventDefault()について: 小粋空間
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    kawa-masa
    kawa-masa 2013/11/22
    良まとめ / 年末までにjQueryをマスターしたい人必見!導入マニュアル+すぐ使える厳選プラグイン | Find Job ! Startup
  • サービス終了のお知らせ - NAVER まとめ

    kawa-masa
    kawa-masa 2013/11/21
    それでも飲みたい!ボジョレー! / 【悲報】もはや風物詩となっていたボジョレーヌーボーのキャッチコピーが今年は無し!!【2013年】 - NAVER まとめ
  • HugeDomains.com

    kawa-masa
    kawa-masa 2013/11/21
    ちょっとしたHTMLを表示したいときに使えそう / オープンソースライブラリ:MDHTMLLabel HTMLテキストを表示できるラベル
  • Webフロントエンドパフォーマンスチューニング

    Webフロントエンドのパフォーマンスチューニングについて全体的な話。javascriptChrome DevToolsの紹介、ボトルネック、ポイントなど。

    Webフロントエンドパフォーマンスチューニング
    kawa-masa
    kawa-masa 2013/11/20
    パフォーマンスのお話 / Webフロントエンドパフォーマンスチューニング
  • What’s new in ECMAScript 6.0

    The document contains code snippets demonstrating various JavaScript language features, including: loops, closures, const, let, arrow functions, classes, modules, maps, sets, structs, and more. It is a reference guide for Eyal Vardi covering JavaScript syntax and semantics from ES5 through ES6/ES2015 standards. Each code block is preceded and followed by copyright and contact information for Eyal

    What’s new in ECMAScript 6.0
    kawa-masa
    kawa-masa 2013/11/19
    全体的に便利になってる。早く使いたいなー / What’s new in ECMAScript 6.0
  • HugeDomains.com

    Captcha security check iosjp.com is for sale Please prove you're not a robot View Price Processing

    HugeDomains.com
    kawa-masa
    kawa-masa 2013/11/19
    TabBar をカスタマイズしたいときに / オープンソースライブラリ:RDVTabBarController iOS用高度カスタマイズタブバー