Javascriptで数値をカンマで3桁に区切る。 123456789 → 123,456,789みたいにするやつ。 ネットで探してもなかなか見つからなかったけどようやく見つけた。 たった一行で解決!これは素晴らしいですね。 numは数値です。 num.toString().replace(/(\d)(?=(\d\d\d)+$)/g , ‘$1,’); 何やら前方置換とかいうのを使ってるみたい。
![Javascriptでカンマで3桁区切りをエレガントに](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Javascriptで数値をカンマで3桁に区切る。 123456789 → 123,456,789みたいにするやつ。 ネットで探してもなかなか見つからなかったけどようやく見つけた。 たった一行で解決!これは素晴らしいですね。 numは数値です。 num.toString().replace(/(\d)(?=(\d\d\d)+$)/g , ‘$1,’); 何やら前方置換とかいうのを使ってるみたい。
OJはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 Webサイトは自由度が高すぎるのが逆に難点に感じることがあります。そこで試してみたいのがOJです。JavaScriptでコンポーネントを定義し、HTMLを出力するテンプレートです。 例。ボタンやリストなどがオブジェクトとして定義できます。 Backbone.jsとの連携もサポート。 プラグインを使うことでYouTube埋め込みも簡単にできます。 AceEditorプラグインもあります。 GitHubボタンプラグイン。 OJではボタンなどを生成し、そのままclickなどのアクションを定義できるようになっています。よりWebアプリケーションとして開発がしやすいのではないでしょうか。もちろん出力されたHTMLはスタイルシートを使ってデザインできるようになっています。 MOONGIFTはこう見る 今後HTML
はじめに はじめまして。プログラマ向け情報共有サイトQiitaを開発・運営しているIncrements株式会社の高橋と申します。Qiitaではフロントエンドのアプリケーション開発にBackboneを採用しています。また縁があってBackbone.jsガイドブックという本を執筆させていただきました。本連載では、Backboneを使ったより実践的な話題を紹介していきたいと思います。 初回となる今回は「すでにjQueryを使っているけど最近何かと話題のBackboneも気になる!」という開発者の方がBackboneを試しに使ってみる際の初めの一歩の踏み出し方を紹介することが目的です。そのために今回はjQueryで実装されたサンプルコードをBackboneに移植します。 なぜBackboneを使うの? すでにjQueryがあるのになんでわざわざBackboneを使うのでしょう。jQueryを使えば
2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。 とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。 じゃあどうするか?基本的に「初期化」の考え方を直せばどうにかなる。 (この記事はBackboneを使うときに考えてることだけど、他でも一緒だと思う) 前提 シングルページアプリケーション セマンティクスやSEOは考慮しない 基本哲学 共通モデルの初期化を徹底的に行う サーバーにリクエストを投げるのは最小限 クライアントでサーバーモデルのキャッシュを作り、更新が期待されるまで再取得しない 理由 いくらDOMの最適化したところでUXに影響が大きいのはサーバーリクエスト(200~2000ms)で、プログラミング段階で辛さがあつまるのは非同期処理の部分。 プログラマとし
そして一日が終わった… 今日もアニメ見逃した… こんにちは、メディア事業部の王です( ́・_・ )、アニメの視聴時間を増やすために、常日頃から仕事の効率化を心がけております。今回は作業効率化の強い武器になる「Google Apps Script」を紹介したいと思います。 まずは初耳の方にQ&A形式でご説明します。 Q&A Q:「Google Apps Script」って? A: Googleが提供している様々なサービス、例えば「Gmail」、「スプレッドシート」、「マップ」、「ドライブ」、「カレンダー」、「Analytics」、「Adsense」等のAPIをJavascriptで利用するクラウド型スクリプト(要は実行はクライアント側ではなく、サーバーにて行う)です。 Q:Google Apps Scriptで何ができるの? A: Googleアプリを自分の好みや必要に応じて機能を自由に拡張
こんにちは。ディレクターの鮫島です。 突然ですが皆様、Huluっていう動画配信サービスはご存知ですか? なんと月額980円で人気の映画やアニメが見放題なんです! しかも、閲覧できるデバイスはPCだけではなくスマホやPS3など多岐にわたるので ネット環境があればどこにいても、電車の中でも映画が楽しめます。 ※これはHuluのステマでは一切ございませんのであしからず。。 あまりの素敵サービスに感動した私は他にも同じようなサービス、もしくは動画以外でも◯◯し放題なサービスはあるのかな?と思って色々調べてまとめてみました。 これであなたも休日引きこもりライフのはじまりですね!! 動画やドラマが見放題! Hulu 冒頭でも簡単に紹介した動画配信サービスです。 CMなどでもベッキーが紹介してたりして今一番波に乗っている動画配信サービスだと思います。最新映画などはないものの、本数やジャンルがかなり豊富!
Knockout + ContainerJS + Require.js で テスタブル にToDoリストを作るチュートリアルです。 ポイント MVVMアーキテクチャでテスタブルに MVVMアーキテクチャを採用し、View(HTML/CSS)とViewModel,Modelを分離。 ViewModel、Modelは HTMLに非依存となるため、単体テストが可能になります。 オブジェクトの生成と依存関係を、DIコンテナで一元管理 DIコンテナを利用して、ViewModel、Modelの生成と関連付けを自動化。 コンポーネント間の結合を疎にでき、テスト時のモックへの差し替えも簡単にできるようになります。 JavaScriptソースはクラスごとに分割管理 1ファイル200行超えたらメンテナンスとか無理ですよね! ということで、ソースファイルはクラスごとに分割管理します。 ソース間の依存関係解決と読
CSS3セレクタで追加された「:not()」。今まで使ったことがないので、深く考えたこともなかったですが、曖昧なままじゃダメだと思い勉強してみました。 CSSセレクタって何だという方はこれらの記事が役に立つと思います。 意外と知らない!?CSSセレクタ20個のおさらい|Webpark 保存版!CSS3セレクタの説明書|Webpark では、「:not()」について考えてみます。これから紹介する簡単なサンプルたちはWindows7のChromeで動作確認しています。他のブラウザの場合うまく対応していない場合も考えられますのでご注意ください。 「:not()」の基本 Selectors Level 3では、「E:not(s)」という風に説明されています。日本語で説明すると、「sでないセレクタを持つE要素」という感じになります。 また、「Negation pseudo-class」というグループ
TERMS & CONDITIONS: RENTAL / PURCHASE PLANS This agreement regarding a domain rental or purchase plan (the "Agreement") is made as of the time you click the box marked "OK" or "I Accept" during the checkout process (the "Effective Date") and is by and between Epik, Inc, a Washington Corporation ("Epik"), and the party making such click or selection ("You"). AGREEMENT NOW THEREFORE, in consideratio
こちらが新テーマの記事ページ。上のバーの右側の水玉アイコンをタップするとメニューが開く仕掛けにしてあります。 タップするとこのように右から「にゅっ」とメニューが出てくるように。それほど動きがカクつかないので満足。上の「MENU」というところか「閉じる」をタップすればメニューを閉じる仕様に。 また、最初からCSSも付いてくるので文字を入力するだけでそれなりにカッコイイメニューを作ることが可能です。 「Sidr」実装方法・使い方 <script src="javascripts/jquery.js"></script> <script src="javascripts/sidr/jquery.sidr.min.js"></script> <link rel="stylesheet" href="javascripts/sidr/stylesheets/jquery.sidr.dark.css"
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.
結論から言うと、 - Math.max.apply(null,object.map(function(o){return o.element;})) の1行で実現できる。 JavaScriptで最大値を得るには Math.max(x,y) を使う パラメータは2つに限らず複数でも可。つまり、Math.max(x,y,z)とは書けるが、配列を渡すことはできない。 配列の最大値を得るには apply() を使う 数値を格納した配列 array に対しては、Math.max.apply(null,array)とすればOK。 配列から特定の要素(の全て)を取り出すには map() を使う Array.mapは「与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列を生成」する関数。 [ { "gpsDate": "2011/02/14", "gpsTime": "10:31
作々! -さくさく- ゲーム制作、アニメ制作、グラフィックソフト、プログラミング、3DCG等、創作活動の話題全般を取り扱う(予定)。 @b2)によって開発されていた、ゲーム製作に特化したプログラミング言語Kuinが17日22時、ついにリリースされる段となった。 [速報] Kuin 1.00 完売しました!!!! https://t.co/WmHTvu85iL— くいなちゃん。 (@b2) September 17, 2013 Kuinとは プログラミング言語「Kuin」は、「HSP並みに作りやすく、C++並みに実用的な言語」というコンセプトで制作された、究極の言語です。 Kuinの特徴 オブジェクト指向言語でありながら、可能な限りシンプルで解りやすい設計 言語設計の美しさより、実用面での美しさを重視 ポインタ、イテレータ、テンプレートなど、ややこしい概念はすべて排除(代替機能を用意) 動
どうもこんばんは。Toshikuraです。今回のTipsは【jQuery iframeの読み込み完了後のタイミングで処理を実行する方法】です。局所的な記事が続いていますが地味に使えるTipsなのでメモしておきます。デモの方を見ていただければざっくりとした使い方が掴めるかと思います。もしよろしければ合わせてご確認ください。 iframeの読み込み完了後のタイミング 読み込みのタイミングで何らかの動作をさせる場合は以下のような記述で実装可能です。 HTML <iframe id="tgt" src="http:****.com"></iframe> JS <script type="text/javascript"> $(‘#tgt’).load(function(){ console.log(‘読み込み完了’); }); </script> クリック等のタイミングで読み込み 次の例はクリック
我が人生に強烈な一撃を与えた「タスク管理入門書」を7冊厳選して紹介します 2013年9月16日投稿 2019年1月23日更新 カテゴリ:タスク・スケジュール管理 著者: jMatsuzaki photo credit: bark via photopin cc 私の愛しいアップルパイへ 私がタスク管理に手を染め始めたのは今から二年ほど前でした。それまではタスク管理に特別なやり方があることなど知るよしもなく、非効率で我流のやり方に甘んじていました。今思えばそれは、輪の中で走るハムスターのように惨めなやり方でした。 あるとき、目の前の仕事に忙殺されてギリギリの状況になって初めてタスク管理のやり方を調べ始めました。目の前のタスクを効果的かつ効率的に処理しながら生活の質を上げられるような、体系化されたタスク管理の技術があるのではないかとふと考えたのです。当時は藁をも掴む思いでした。 予想はビンゴ!
2013-09-16 50行で作る、HTML5+JavaScriptで『ラングトンのアリ』の簡単プログラミング! やり方 適当プログラミング解説シリーズ はじめに。 ラングトンのアリ(Langton's ant)を知っていますか?ラングトンのアリはWikipediaのラングトンのアリによると、以下のように記述されています。 ラングトンのアリ(英: Langton's ant)は、クリストファー・ラングトンが発明した単純な規則で記述される2次元チューリングマシンである。 実際の3匹のラングトンのアリの早送りされた動きです。 一見複雑そうに見えますが、ルールはたったこれだけです。(上のgifでは色のあるマスが白のマスとしています。) 黒いマスにアリがいた場合、90°右に方向転換し、そのマスの色を反転させ、1マス前進する。 白いマスにアリがいた場合、90°左に方向転換し、そのマスの色を反転させ、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く