追記 (2014/3/21) 最近ではMath.imulというものがあります。 Math.imul() - JavaScript | MDN signed int への変換: x | 0 unsigned int への変換: x >>> 0 これで大抵の場合はうまくいく。 IEEE64bit浮動小数点数では整数は2の53乗までしか正確に表現できない。（http://www.tokumaru.org/d/20070531.html) そのため掛け算の結果がそれを超える場合は結果が合わないことがある ruby -e 'puts 123456789 * 123456789 & 0xffffffff' 2537071545 # 正しい結果 js -e 'print(123456789 * 123456789 >>> 0)' 2537071544 # 間違った結果そういう場合は掛け算を自分で実装して

ハッカソンや個人開発でよく使う自分でこしらえたアプリケーションのスケルトン・コードをGithubに置いて、それを気軽にスキャフォルディングしたい。こんな欲求はだれしもあると思う。スキャフォルディング・ツールの王道といえばYeomanだが、ちょっとYeomanは...という人は少なくない。ということで、今回の記事では、Yeomanの代替になるような、Node.js製のスキャフォルディング・ツールを紹介しよう。 khaos GitHub - segmentio/khaos: A super-simple way to scaffold new projects. segment.ioが作っていたシンプルなGithubレポジトリベースのスキャフォルディングツール 機能が小さく纏まっており、マスタッシュ記法をサポートするスキャフォルディングができる テンプレート中のマスタッシュから、CLIが勝手に

ReactやAngularのように、アプリ内のすべてのHTMLをJavaScript側で管理して描画するアプローチは大げさすぎる。ほとんどの場合において。 もちろん一定以上の複雑さがあればその辺のJavaScriptフレームワークを使った方が良い。が、それがやり過ぎになるプロジェクトは多い。というかその方が多い。それでも、それらのアプローチではやり過ぎになってしまう場合でも、秩序のあるコードを書き続けられないと当然苦しい状態へ向かう。 この微妙な（そして多数派であるはずの）環境を適度に管理できる枠組みが必要だ。これまでちょうどいい解決策を見つけられずに苦労してきた。Web Componentsは課題を解決するかもしれないがまだ来ない。そこで出会ったのがStimulusだ。 いわく、Stimulusは既存のHTMLのための控えめなJavaScriptフレームワーク。サーバーサイドレンダリング

前 v5.16.0 | 次 v6.1.0 We're excited to announce that ESLint v6.0.0 has been released: https://t.co/EO4ZrZIMYM — ESLint (@geteslint) 2019年6月22日 ESLint 6.0.0 がリリースされました。 既存の機能を改善するための非互換な変更があります。特に、グローバル インストール (npm install -g) された ESLint コマンドを利用している場合、今まで通りには利用できない可能性が高いです。逆に、ローカル インストールを利用している場合はほとんど変化を感じないかもしれません。 また、先日の TC39 会議で Dynamic Imports と BigInt が採択されたため、ESLint でもそれら構文の実装が開始しました。進捗状況は #11

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

JavaScript の console がすごいことになっているらしい。 本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・ そんなわけで以下のコード console.log("Object value:

Nodeの組み込みモジュール・サードパーティモジュール問わず広く使われるのが EventEmitter オブジェクト。 これはNodeで使われるデザインパターンの筆頭みたいなものなので、知っておかねばならない。 ドキュメント: Events ブラウザ上のJavaScriptで addEventListener を使ってイベントドリブンの開発を行うが、Node上でそれを行うのための機能を提供するのが EventEmitter。 例えば次のように使う var EventEmitter = require('events').EventEmitter; function asyncFunc() { var ev = new EventEmitter; console.log('in asyncFunc'); setTimeout(function () { ev.emit('done', 'fo

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

12月も中盤、皆様いかがお過ごしでしょうか 僕は24~25日の予定がホワイトクリスマスですが、スマブラがあるので寂しくありません ところでみなさんは突然娘をさらわれて、誘拐犯に「ぱぱっとWebアプリを作れ」と要求されたら何の技術を使いますか？ うんうん、なるほどなるほど　やっぱRailsですよね！ 今回はそんなあなた達を倒したいと思います Nuxtのよいところ NuxtとRailsの組み合わせといえば、よく @potato4d 氏が「Nuxtは次のRails」と言っているのが印象的です 周知の事実ですが、もう一度NuxtとRailsの良いところを考えてみてます これらを全て完封して、自信を持って「NuxtがRailsに勝った」と言いたい 1. Vueのコミュニティに乗れる Nuxtの理解度の7割くらいはVueで占めているので必然的にVueを勉強することになるんですが、ドキュメントがマジで親

2013年03月11日18:15 カテゴリTipsLightweight Languages ついに顕在化しはじめたArrayリスク JavaScript: The Definitive Guide (Kindle ed.) David Flanagan [邦訳:JavaScript 第6版] 以下のようにした理由は、実はJavaScriptのArrayが配列ではないことに起因します。 404 Blog Not Found:Algorithm - Ruby 2.0 や Haskell の遅延リストを JavaScript で これに対して、List.Lazyではmapやfilterを関数合成で実現しています。JavaScriptのArrayが、(整数個のデータ構造が順序よくならんだ古典的な意味での)配列でないことは、以下のように確認できます。 JavaScript var ary = ne

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

これまでの記事でRubyのインストールからLambda・API Gatewayの利用、ThinreportsによるPDF生成までテストしてきましたが、最後にこれまでのまとめとして、LambdaにPOSTしたkintoneレコードを利用してPDFを生成してみたいと思います。 今回のゴール Thinreportsで生成したPDFファイルです。 処理の流れ kintoneアプリの詳細画面に設置したボタンを押下して、AWSのAPI Gateway経由でLambdaを実行し、PDFファイルをAWS S3に出力します。 kintoneアプリ作成 kintoneカスタマイズJavaScriptファイル作成 Thinreportsレイアウトファイルを作成 Lambdaファンクションの作成 S3,API Gatewayの設定 kintoneアプリから実行 S3にPDFファイルが生成されていることを確認 ki

ワイ「constで宣言した定数は、再代入が出来ひんようになっとるから、」 ワイ「一度数値や文字列を代入したらその後はずっと同じ値である事が保証されてんねんな」 再代入できないと何が嬉しい？ ワイ「うーん、でも別にconstなんて無くてもプログラムなんて書けそうやけどなあ」 ワイ「むしろ再代入できるほうが便利やないか？」 ワイ「constはどんな時に役立つんやろか・・・」 ワイ「値が変わらんことが保証されとると便利なとき・・・」 ワイ「どんな時や・・・」 こんな時にconstは役に立つ ワイ「せや」 ワイ「こんな時に役に立ちそうやな」 ワイ「定数 a が宣言された後に色んな関数が実行されとるけど、aの値が3やって事は保証されとるから分かりやすいな」 ワイ「3に決まってんねんもん」 ワイ「これがもしvarやletで宣言した変数やったら」 ワイ「change_the_worldっていう関数はなん

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この記事はLIFULL Advent Calendar 2018の19日目の記事とされている恐れがあります 謝罪 wasmとSWとReactのフロント全部盛りマンやります 🙋 部署が代わり開発領域も変わってしまい、ジェイクエィリでDOM操作をし過ぎた反動でフロントに関する知識を忘却してしまいました。誠に申し訳ございません。 どアタマでの謝罪により万に一人に楽しみにされていた方がいらっしゃった時の可能性を潰しておきます。 ここから本題 ここ1年の中で しまくったgithubリポジトリを年末調整すると同時に、 使っていて個人的に便利だなと思っているものを簡単に紹介しようと思います。 React 魂のviewフレームワーク Facebook謹製 Redux Flux思想の状態管理ライブラリ React使うならだいたい使うはず storybook インタラクティブなUIコンポーネント(React

みなさまこんにちは！ 先日自宅のPCが2台立て続けに沈黙しまして、いっそ新しいノートPC買ってやれということで、逆にほくほくつやつやな気持ちを満喫しております。新しいPCはアガりますよね。 こいつを持っていろいろ参加したいｗ さて、kintone Advent Calendar 2018 14日めです！ 2017年のAdvent Carendarではお遊び的な感じで、kintoneカスタマイズで画像を使う方法。そしてマインスイーパ。とか書きました。（これ今やってみたらバグありますね……デモは直しましたがアプリのほうはそのままです。あとで直しときます。すいません） 今年はClosure Compilerをがっつり使うためのexternsということで、書いていこうと思います。 ほんとはマジカルドロップとか作ってkintoneカスタマイズで動かしてみようかと思ったんですが、節子……それkinto

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

私が kintone 開発で便利に使っている Chrome デベロッパーツールの使い方をご紹介します。 cybozu developer network コミュニティでは、REST API や DOMについての質問がかなりありますので、皆さん結構苦労されているようです。 Chrome デベロッパーツールを使うと、REST API の実行や DOM操作がちゃっちゃと簡単に試せます。 詳細画面、編集画面でレコード情報取得 詳細画面、編集画面で kintone で提供されている関数を実行できます。 cybozu developer network レコード詳細情報取得 kintone.app.record.get() の実行 kintone のアプリ詳細画面を開いてから、Chrome デベロッパーツールの Console を開きます。 kintone.app.record.get() で、表示し