JavaScriptで文字列のバイト数を得るにはどーする？ - 銀の弾丸
photo credit: wuestenigel White tape measure via photopin (license) ブラウザのJavaScriptとNode.jsで文字列のバイト長を知る方法です。文字数ではありません。 それぞれの環境でやり方が違いますが、統一コードも紹介してます。 改訂新版JavaScript本格入門 ～モダンスタイルによる基礎から現場での応用までposted with amazlet at 19.11.23技術評論社 (2016-09-30) 売り上げランキング: 7,144 Amazon.co.jpで詳細を見る 目次 はじめに ブラウザでは Blob を使う Node.js では Buffer クラスを使います。 実行時に切り替えるには？ npm buffer で統一できる Bundlerが使える場合 Bundlerが使えない場合 あとがき はじめ
JS/TSでバイナリ⇔BASE64はライブラリを使わなくても簡単に出来る - Qiita
JS/TSは、バイナリデータをBASE64エンコードするビルトイン機能が無いため、大人しくライブラリを使うか自前でロジックを用意する必要がありました。 結局はライブラリを使用する場合が多いのですが、機密性の高いデータを扱う場面もあるため、ブラックボックスになるのも精神衛生的に良くないなぁと、ずっと思っていました。 とはいえ、アルファベットテーブルを拵えて6ビット区切になるようビットシフトして文字列加算して...を毎回用意するのも気が引けていました。 しかしある時「実はビルトイン機能を組み合わせるだけで簡単に出来るのでは？」と単純な思い付きで書いたコードがすんなり動いてしまったので、本当に大丈夫なのか有識者の意見も欲しく、こうして記事にしてみました。 本体コード function base64encode(data:Uint8Array){ return btoa([...data].map
JavaScriptで String ⇄ Uint8Array 相互変換 - nwtgck / Ryo Ota
#JavaScript #WebブラウザのJavaScript String → Uint8Array mystringに任意のStringを入れられる。 日本語などのマルチバイト文字も対応できる。 code:js new TextEncoder().encode(mystring); Nipp: https://nipp.nwtgck.org/#String_=%3E_Uint8Array/es
フォームに入力した時のみ画面遷移時にアラート表示する方法
Chrome 52はバックスペースで戻れない Googleのブラウザ「Chrome 52」ですが、「バックスペースでページを戻る」機能が削除されていることが明らかになりました。入力フォームからバックスペースでページを戻ってしまい入力データを失ってしまうことを防ぐために、同機能を排除したとされています。 GoogleのChrome 52では「バックスペースキーを押しても前のページに戻れなくなる」ということで賛否両論が巻き起こる …というニュースが先日あった。 こういうのはJavaScriptで入力フォームで戻るボタンやタブを閉じたりする際に本当に戻って(または閉じて）良いかアラートを表示して確認をすれば良いのだがいまだにこの方法を使用しているフォームは少ない。 入力フォームの離脱率を下げる効果もあるので特に理由がなければ必ずアラート表示の処理を入れておこう。 JavaScriptで画面遷移時
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
FixedMidashi - htmlテーブルヘッダの固定
本ドキュメントでは、①②③のテーブルを「固定見出し」と呼びます。 また、固定見出しの構成要素である <table>, <tr>, <td>, テキスト等を「コピー要素」、 コピー元の要素を「元要素」と呼びます。 使用方法 見出しを固定したい table に _fixedhead 属性を定義し、 FixedMidashi.create() を呼び出します。 FixedMidashi.create() は、_fixedhead 属性が定義された table の固定見出しを作成します。 div モードにする場合は、対象 table を div で囲み、div の style.overflow を auto または scroll にします。 混合モードにする場合は、div モードの記述に加え、div-auto-size オプションで none または width を 指定することにより高さの自動リ
Tableのヘッダ固定、列固定
マークアップ済みの table 要素に少し細工するレベルでは実現できないので、Handsontable を使うのはどうでしょうか。 詳細 「あらかじめマークアップ済みの、一つの table 要素で表現されるテーブルに対して」という前提を置く場合、ヘッダ行の固定だけであれば CSS の float プロパティをうまく使えばできますが (「ヘッダ固定 thead float」などでググると出てくるはず) 、それと同時に行の固定、さらに colspan ・ rowspan 属性を用いる条件下では、多分実現方法はないです。 ヘッダ行や列の固定をするためには、次の4つの領域を表す 別々の table 要素 を組み合わせて表現する方法がよく採られているように思います。 固定ヘッダ行部 固定列部 固定ヘッダ行と固定列の重複部 スクロール可能部 その上で、JavaScript でスクロール可能部の scr
Interactive JavaScript Charts Using Data from Google Sheets — SitePoint
February 29, 2016Interactive JavaScript Charts Using Data from Google Sheets Key Takeaways Interactive JavaScript charts can be created using data from Google Sheets, offering dynamic updating whenever changes are made to the spreadsheet data. The process involves exporting data from Google Sheets as JSON, fetching this data via Ajax, restructuring the data to match the required format, creating a
HTMLでテーブルのヘッダーを固定する"FixedMidashi"｜TechRacho by BPS株式会社
ドーモ、shibusoです。原作読まずにアニメ見たら何を見ているのかよく分からないことになりました、忍殺。 前置き たまにHTMLのテーブルでヘッダーを固定して欲しいという要望が出ます。ExcelとかGoogleスプレッドシートとかでテーブルのヘッダーを固定出来るのだから、きっとそんなのすぐに出来るだろうという考えなのでしょう。 しかしフロントエンドエンジニアからしたら「うわ、出た」という感じではないでしょうか。最近ではJSのライブラリがあったりして無理難題というレベルではなくなりましたが、それでも基本的にはあまりやりたくないところ。しかも行の固定はあっても列の固定は無かったりするものが多いです。 今回私が担当した案件では行と列の固定に加えて、範囲選択を出来るようにして欲しい、という注文がきました。行と列の固定はそれでも探せばいくつかライブラリが見つかりましたが、範囲選択というところがネッ
参考にしたい！ JavaScript(CoffeeScript)スタイルガイド7選！ - Money Forward Developers Blog
こんにちはー。 フロントエンドエンジニアの平山です。 JavaScript(CoffeeScript)の役割が増えてきた昨今。 ここいらで一度、有名なスタイルガイドを追ってみたいと思います。 一緒にスタイルガイドを策定したり、あーやこーや語らいながらよりよいスタイルガイドを考えたいフロントエンドエンジニアの方は、とりあえず一緒に開発しましょう！ 【採用サイト】 ■『マネーフォワード採用サイト』 https://recruit.moneyforward.com/ ■『Wantedly』 https://www.wantedly.com/companies/moneyforward JavaScript AirBnB Airbnb JavaScript Style Guide Airbnb JavaScript Style Guide（es5） 和訳（非公式） JSスタイルガイドだと有名な感じ
俺の最近のRailsのJS開発環境を教えてやる - Qiita
こうやってるだけでも出力されたhtmlにはscriptタグが30個ぐらいならんでて、ページの読み込みに10sec以上かかる。 だけど、単にapp/assets/javascriptsをgulp watchとかはしたくない。 なぜならビルドはブラウザのリロード時に変更がある場合だけして欲しかった。 あとwindow.AppNamespace以下にモジュール追加していくのも辛い。 モジュール同士の依存関係もよくわかんないし、何よりwindow.AppNamespace.Modules.UserList.ItemViewとか長すぎ！ browserify-railsってやつ使ってみた browserifyがrailsの仕組みの中で動くようになる。 browserify-rails/browserify-rails https://github.com/browserify-rails/brows
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村 和仁（株式会社 ピクセルグリッド） 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
最近の行儀のよい JavaScript の書き方 - Qiita
JavaScriptは移り変わりの早い言語です。 もう1年以上経っていますし、記事のメンテもちゃんとできていないので、消し線を入れることにしました。 参考程度のために記事は一応残しますが、より新しい情報を読まれることをお勧めいたします。 はじめに --- 最近では JavaScript の実行環境はブラウザに限りません。（node.js, Web Workers） また、旧来のような <script> 経由でのロードもとうに古くなっています。今は CommonJS スタイルで、require を用いたモジュールのロードを行なうことがより良いとされています。 ですから、次のようなことは改める必要があります。 - var YourModule = {}; などとして、外部から YourModule.hoge(); などと呼び出す書き方 - this === window だと思うこと 今回は、
人気上昇中のJavaScriptライブラリを調べてみた【2015年版】
altJSの人気が混戦で面白い！ 2014年中に人気が急上昇してきており、「2015年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表。 ← 前回 連載 INDEX 次回 → こちらのページで【2016年版】も発表！ ■ 2015年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2014年中に人気が急上昇してきており、「2015年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する（※昨年の2014年版はこちら）。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名
URIエンコードとデコード - うなの日記
JavaScript→Rubyに渡す文字列のエンコードではまったのでメモ。 結論 JavaScriptでencodeURIComponent()でURIエンコード RubyのCGI#unescape()でデコード すると上手く動きそう。 JavaScriptでURIエンコード JavaScriptには、文字列をURIエンコードする関数が3つあり、それぞれ動作が違います。 escape() 最初のJavaScriptの仕様で用意されていた関数。 完全なURIエンコードではない。またブラウザによって動作が違ったりするらしい。 encodeURI() ECMA-262 3rd Editionで追加された関数。旧ブラウザでは未実装なので注意。 アルファベット, 10進数字, -_.!~*'()# をエスケープする。 encodeURIComponent() こちらもECMA-262 3rd Edi
Android用ブックマークレット
使い方はAndroidでもブックマークレットを使えるようにしようの記事を参照 Androidブラウザへのブックマークレット登録を補助 Androidの「Dolphin Browser HD」や「Opera Mobile」、「Firefox」で、以下のテキストボックスのURIをコピーして、ブックマーク登録画面のURI欄に貼り付けて登録する。 javascript:(function(){var a=document.getElementsByTagName(/a/.source);for(var i=0,l=a.length;i<l;++i){if(String(a[i].href).match(/^javascript:/)){a[i].href='javascript:(function(){document.title="'+a[i].innerHTML.replace(/\\/g,/
Dynamic (AJAX) loaded Bootstrap Modal (Bootstrap 2.1)
custom.js 0ù�sU #��sU $(document).ready(function() { // Support for AJAX loaded modal window. // Focuses on first input textbox after it loads the window. $('[data-toggle="modal"]').click(function(e) { e.preventDefault(); var url = $(this).attr('href'); if (url.indexOf('#') == 0) { $(url).modal('open'); } else { $.get(url, function(data) { $('<div class="modal hide fade">' + data + '</div>').moda
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ビルドツールまとめ。Gruntとかgulpとか (フロント寄り) - Qiita
https://groups.google.com/forum/#!topic/android-group-japan/UJHsmO3P0k4
DataTables | Javascript table library