JavaScript Allongé, the "Six" Edition
What readers have to say: “Spent the afternoon reading @raganwald's JavaScript Allongé, the Six Edition. Highly recommended. Let the refactoring begin!”—Marcus Vorwaller “I think it’s one of the best tech books I’ve read since Sedgewick’s Algorithms in C.”—Andrey Sidorov “Your explanation of closures in JavaScript Allongé is the best I've read.”—Emehrkay “It's a different approach to JavaScript th
Angular 2で10万行書いた人にナマの声を聞く─奥野賢太郎×白石俊平
Angular 2で10万行書いた人にナマの声を聞く─奥野賢太郎×白石俊平 白石 俊平（HTML5 Experts.jp編集長） 2016年9月のAngular 2リリースは、2016年のWeb業界で、最も重要なトピックの一つだったと言っても過言ではないでしょう。 本稿では、Angular 2を正式リリース以前から仕事で使い倒していた奥野賢太郎さん（armorik83）と、不肖白石が、Angular 2開発を実際にやってみている同士で語り合ってみました。 実際にAngular 2開発で苦労してきた二人のナマ声です。今後Angular 2を仕事で採用しようと考えている方々には必見の内容です（って、自分が出ている記事を紹介するのも微妙ですが…）。 編集部注: Angular 2の正式名称は「Angular」ですが、現状だと「AngularJS 1.x」のことを呼称していると誤解される可能性が高
フリガナ自動入力を簡単に設置出来るjQueryプラグイン - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
フォーム入力を楽にするフリガナ自動入力 ECサイトで買い物や問い合わせ、会員登録などのフォーム入力をする際に、「フリガナ」の入力が必要になる場合があります。 出来るだけフォーム入力の手間をなくし、離脱率を減らすよう工夫が必要ですが、今回はフォーム入力をした際に名前の漢字に合わせたフリガナを自動で入力するjQueryプラグインをご紹介します。 名前を入力すればフリガナを自動入力できるjquery.autoKana.js 実装にはjquery.autoKana.jsというプラグインを使用します。 ダウンロードは以下より。 GitHub – harisenbon/autokana: Library for automatically rendering Furigana for inputted Japanese Text 設置方法は以下の通りです。 ①jQueryライブラリを読み込み まずはj
React のソースコードを読んでみよう！ - マルシテイア
こんにちは id:amagitakayosi です。 株式会社はてなで主にフロントエンド開発を担当しています。 この記事では React 本体のコードを読んでみます！！ この記事は Reactアドベントカレンダー 2016 の7日目の記事です。 昨日は yutaszk さんで「react-router v4 でFlux アプリケーションをHot Module Replacement する」でした。 目次 はじめに (Kyoto.js の宣伝) 準備 ディレクトリ構造 monorepo Haste Gulp と Grunt コードリーディング react ReactComponent react-dom ReactMount ReactReconciler ReactCompositeComponent ReactDOMComponent まとめ おわりに はじめに (Kyoto.js の宣
Rails5.1に向けてフロントエンド周りで起こっている革命まとめ - Qiita
こんにちは Rails5.1に向けて、DHHのjqueryを依存から外す発言を発端にフロントエンド周りが急激に発展しているので、簡単にですがまとめてみました。 各issue, PRの詳細には踏み込みませんが、知見に溢れているので読んでみるの推奨です。 間違い、足りないものがあったら編集リクエストお願いします。 jQuery依存を無くす話が出る rails(issue): Drop jQuery as a dependency jquery-ujsはjqueryに依存しないようにする jquery-ujs: Drop jQuery as a dependency "jquery"-ujsじゃなくなったので名前変更 rails-ujs誕生 実際にRailsからjquery依存がなくなる rails: Drop jQuery as a dependency jsライブラリを入れる方法がnpmパッ
IEでのonbeforeunloadの厄介な挙動の一部を例外処理で抑制する
数々のバグや非準拠に関して右に出るものは居ない事で著名なIE大先生ですが、例に漏れずonbeforeunloadの挙動もおかしいですね。あまり使わなかったので気がつきませんでした。 細かな違いについてはこちらで詳しくまとめてくれています。 IEでのonBeforeUnload の挙動 | Inside ASCADE 上記ページでも幾つかのサンプルで "キャンセル時にエラーあり" と書いてありますが、 そのエラーに関しては実行する処理を try {} catch(e) {} で無闇に括っておくとお茶を濁す事ができます。 // 画面遷移時に確認する window.onbeforeunload = function(event){ event = event || window.event; return event.returnValue = '確認メッセージ'; }; // 実行する処理を例
文字列リテラルとU+2028 - ぶれすとつーる
元気にインターネットしてたらユーザの入力した値をこんな感じでDOMに埋め込んでるサイトをみつけた <a href='javascript:edit(2,{"a":"どらえもん","b":["×","×"],"c":"ふごふご"},1)'> ほげええ </a> 入力値いろいろかえて遊んでみたらだいたいの文字列はエスケープはされてたけど曰くのU+2028はsyntax errorだしてた Uncaught SyntaxError: Unexpected token ILLEGAL これは文字列リテラルの仕様で含められない値として決められてるLineTerminatorがu+2028であることが起因してる es5 #7.8.4 es5 #7.3 7.8.4 String Literals DoubleStringCharacter :: SourceCharacter but not doubl
siblings(expr) - jQuery 日本語リファレンス
<ul> <li>One</li> <li>Two</li> <li class="hilite">Three</li> <li>Four</li> </ul> <ul> <li>Five</li> <li>Six</li> <li>Seven</li> </ul> <ul> <li>Eight</li> <li class="hilite">Nine</li> <li>Ten</li> <li class="hilite">Eleven</li> </ul> <p>Unique siblings: <b></b></p> var len = $(".hilite").siblings() .css("color", "red") .length; $("b").text(len);
input fileの入力チェック | その他 | あらたまんの軌跡
input type="file" を必須ぽくする必要があったので、ファイルが選択されていない場合には、submitボタンがクリックできない処理をjQueryで作ってみました。 何かファイルが選ばれていれば良いので、lengthで値の有無を調べてdisabledで設定。といってもdisabledって普段使わないのですぐに忘れます。という事でメモ。 .hide()は見えないからやっぱりdisabledなんだと思う。 /* jsの記述 */ $(function(){ //ファイルチェック function inputCheck(){ //inputフィールドの文字数を取得 fileCheck = $("#fileCheck").val().length; //値が無ければボタンを非表示 if(fileCheck == 0){ $("#fileCheckBtn").attr("disabled
Overview of JavaScript ES6 features (a.k.a ECMAScript 6 and ES2015+)
Overview of JavaScript ES6 features (a.k.a ECMAScript 6 and ES2015+) JavaScript has changed quite a bit in the last years. These are 12 new features that you can start using today! JavaScript HistoryThe new additions to the language are called ECMAScript 6. It is also referred as ES6 or ES2015+. Since JavaScript conception on 1995, it has been evolving slowly. New additions happened every few year
iPhone（Android）サイトで縦向き横向きを判定する2つの方法(javascript) : 森のコーディング
5月7 iPhone（Android）サイトで縦向き横向きを判定する2つの方法(javascript) カテゴリ:javascriptiphone/ipadサイト Tweet スマホサイトを作っていて、縦向きのときにしか見れないようにしたい、ということがあり、縦横を判定するjavascriptを探していたら2つの方法がありました。 ①window.orientationを使う方法 以下のようにします。 var isLandscape = function(){ if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - harisenbon/autokana: Library for automatically rendering Furigana for inputted Japanese Text
Reblog by @matarillo · 1 image
beforeunloadにカスタムメッセージを表示できなくなっていた - Qiita
【jQuery】ページ移動やブラウザを閉じる前にダイアログを出す - Qiita
5 step method to make test-driven development and unit testing easy
WebデベロッパーのためのReact開発入門 JavaScript UI ライブラリの基本と活用 | 柴田 文彦 |本 | 通販 | Amazon
Does jQuery internally convert HTML5 data attribute keys to lowercase?
Tasting ES2017 - @yoshiko_pg
jQueryでスマホのスクロールイベントを無効化する - Qiita
