GitHub - harisenbon/autokana: Library for automatically rendering Furigana for inputted Japanese TextYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
フリガナ自動入力を簡単に設置出来る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(
[ jQuery ] スマホ・タブレットで画面が縦横切り替わりイベント ( orientationchange ) – 偏差値40プログラマー
ここでは、iPhone, iPad, Android 系端末で画面の縦横に応じて出力する HTML を切り替えたり、縦横の切り替わり時に発生するイベントを捕捉して何らかの処理を行うサンプルスクリプトを掲載しています。 縦横に応じて読み込むスタイルシート ( css ) を切り替える 画面の縦横に応じて、それぞれ読み込ませるスタイルシートを切り替えるには、以下のようにスタイルシートを設定します。なお、IE などのデスクトップ用のブラウザでは、画面の表示領域の大きさを縦長にしたり、横長にしたりすることで読み込む css が切り替わっていることを確認できます。 <head> <meta charset="UTF-8"> <title>iPhone/iPadで縦と横の時の読み込むスタイルシートをそれぞれ設定する</title> <meta name="viewport" content="widt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Reblog by @matarillo · 1 image
beforeunloadにカスタムメッセージを表示できなくなっていた - Qiita
【jQuery】ページ移動やブラウザを閉じる前にダイアログを出す - Qiita
5 step method to make test-driven development and unit testing easy | CodeUtopia
WebデベロッパーのためのReact開発入門 JavaScript UI ライブラリの基本と活用 | 柴田 文彦 |本 | 通販 | Amazon
Does jQuery internally convert HTML5 data attribute keys to lowercase?
Tasting ES2017 - @yoshiko_pg
jQueryでスマホのスクロールイベントを無効化する - Qiita
【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog
