escodegen + esprima で JS のデバッグをしたら捗りそう - tokuhirom's blog
以下のようなコードを実行すると console.log([ [1,1,8] [2,1,16] ]);このような結果になる。 [ undefined ]アレレーってなってたんだけど kazuho さんにきいたところ、 [1,1,8][2,1,16] => ([1,1,8])[(2,1,16)] => ([1,1,8])[16] => undefinedってことでした。 こんな時、Perl Monger ならとりあえず B::Deparse することによって解決の糸口をさがすんだけど、そういうの EcmaScript でどうすんすかね、ってなことを kazuho さんにきいたところ、esprima っていう es のパーサーがあるよって教えてもらったので、AST はとりだせたんだけど、AST をみても埒があかないので、AST からソースにおとす君がないかなーとさがしたところ const なんと
やる気が出ない時は「太陽フレア効果」を使ってスイッチオン！ | ライフハッカー・ジャパン
筆者のThahn Pham氏は、生産性向上マニア、システム思想家、ブロガー、世界旅行家です。彼は、「Asian Efficiency」というブログでテクノロジーや時間管理術についての記事を執筆しています。今回は、Thahn Pham氏が「やる気が出ないときの対処法」について語ります。 やる気が出ない状態から脱出する方法は、以前、 Aaron Lynn氏との対談でも挙がりましたが、2つしかありません。「底力を出してすぐにタスクに取り掛かる」、もしくは「時間をかけて少しずつタスクに取り掛かる」のどちらかです。 底力を出してすぐに始めるには、強い意志と責任感が必要です。でも、ときには本当にやる気が出ないこともあるでしょう。そんなとき、まずは時間をかけて少しずつタスクに取り掛かれば、やる気が出ない状態から脱出できます。これが「太陽フレア効果」と呼ばれる現象です。太陽フレア効果とは、とても小さくて簡
定期実行スクリプトの綺麗なロギング3選 - カイワレの大冒険 Third
オリンピックの流れに乗れてない@masudaKです。 職業柄かちょくちょくスクリプトを書くことはあるのですが、やはり色々自分で書いたり人のを見たりしてるうちに、この実行履歴綺麗だなーと思うことが多々あります。 今回は、そう思える対象のなかでも、「定期実行スクリプト」の「出力」を扱ってみたいと思います。 「定期実行スクリプト」というのは、バッチ処理だったり、何か必要に応じて叩かれるスクリプトで、具体的にはバックアップとか集計とか、一日に最低一回は叩かれるようなスクリプトです。cronやJenkinsで叩かれるような類ですかね。そのようなスクリプトの「出力」について書いてみたいと思います。 出力は標準出力であれば、tailfコマンドだったり、Jenkinsのビルドのコンソール出力で見られるようなもの。ロギングされてるのであれば、それと同様に追えるようなものとします。 以下に書くのはあくまで今の
これは凄い。JavaScriptで作られたPHP VM·php.js MOONGIFT
php.jsはJavaScriptで作られたPHP VMです。PHPコードをJavaScriptに変換して実行します。 世の中には色々変わったことを考える人がいます。Webブラウザでデフォルトで実行できるプログラミング言語がJavaScriptだけなんて許しがたい、そう考えたPHPプログラマーが生み出したのがphp.jsです。その名の通り、PHPの実行エンジンをJavaScriptに実装したというとんでもないソフトウェアになります。 確かに実行できています。PHPのコードからJavaScriptに変換を行っているようです。 配列、クラスさらにvar_dumpまで実装されているのが興味深いです。 かなり突っ込んだPHPの処理もできている模様です。これは面白い。 ダブルクオートの中に変数を入れて普通に出力できているのが興味深いです。 php.jsではPHPのコードがそのまま実行できます（もちろ
こんなプログラマはアジャイル出来ますって言ったらアカンやろ - メソッド屋のブログ
最近、とある機会があって、いろんなアジャイルが出来るといってくるベンダーさんとあう機会があるけど、正直「おい！どの口がアジャイル出来るって言ってるねん！」って思う事がむっちゃくちゃ多い。 今は確かにアジャイル開発ブームで、世間では引き合いも多いらしい。いろんなベンダーの営業さんが、「うちもアジャイルできます」って言って営業してはるけど、マジでちゃんと自社でできるか調査してから営業してほしい。私はアジャイルを１０年以上やってるけど、元々は「この方法やったら、お客さんにホンマにええアプリを届けれるんちゃうか？」と思ったところから来ている。 それが、今や猫もしゃくしもアジャイル出来ますとか言って、ろくにアジャイルも出来へんのに売りつけて、結局効果がでなくて、「やっぱアジャイルなんかアカンやん」ってなるのがむっちゃくちゃ嫌なのだ。 これって数十年昔のオブジェクト指向ブームと一緒やん。当時のオブジェ
分散バージョン管理システムは誤解されやすいイノベーション（ジョエルも言っている） - 檜山正幸のキマイラ飼育記 (はてなBlog)
2009年6月12日に、僕は分散バージョン管理システムMercurialについて短い記事を書いて、そこで次のような言ってます。 実は僕は、分散バージョン管理という発想と仕掛けを最初はまったく理解できず、「エエーッ？なんだそれ」「そんなんでうまくいくのかよ？」とかグダグダ言っていたのですが、いったん使い始めればラクチンラクチン。 要するに、最初は誤解に基づき否定的だったってことね。僕と同じような誤解をする人がいるような気はしたのですが、あまりうまく解説できそうにないので*1： 「四の五の言ってないで、使ってミソ」ってことです。 最近になって、ジョエル・スポルスキ（Joel Spolsky / 青木靖 訳）の「分散バージョン管理で間違いないって、ベイビー」という記事を目にしました。2010年3月17日に書かれた記事です。 なんと、あのジョエル・スポルスキも最初は誤解に基づき否定的だったらしいで
ミッション・クリティカルについて考える〜AndroidよりiPhoneの方が好きな理由
自分がかつてやってきた仕事について、ミッション・クリティカルというネタを考えていた。このエントリーは、若干自分ブレストの意味も兼ねて、ミッション・クリティカルについて考えてみたいと思う。 ミッションクリティカルという言葉は、よく基幹システムの世界で使われる。２４時間３６５日稼働することが前提になっている重要なシステムは、ミッション・クリティカルなシステム、と呼ばれる。 自分は、半導体系の生産装置の制御のエンジニアだったので、その時の経験で言うと、万が一、火災が起きそうなときに適切に装置が止まるか、ということや、人がコンベヤに挟まれた時に如何に最小の被害で装置が停止するか、など、人の命を守ることに責任を持つ設計をすることがミッションクリティカルな業務だと考えている。 なので、SIの人から見るミッションクリティカルの感覚とはちょっと違うかもしれない。 ネットで調べるとこの言葉は、「「ミッション
「業務マニュアル」と「操作マニュアル」の違い - 設計者の発言
「ユーザマニュアル」という言い方があるが、業務システム開発の文脈でこの表現は使わないほうがいい。「ユーザマニュアルを作りなさい」では、「操作マニュアルを作りなさい」なのか「業務マニュアルを作りなさい」なのか判然としないからだ。いずれも重要な設計要素ではあるが、内容も目的も異なっている。 まず「操作マニュアル」とは、パネルやページの操作方法を説明したものだ。たとえば「パネルＡが表示されたなら、ボタンＢを押してください。するとデータが一覧されるので、一覧のいずれかを選択状態にしてエンターキーを押せば、続くパネルＣが表示されます」といった説明は「操作マニュアル」にありそうな記述だ。文章だけでなく、関連するスクリーンショットを伴うことが多い。 いっぽう「業務マニュアル」とは、文字通り「個々の業務の説明書」のことである。ここで言う「業務」とは、「受注登録業務」や「出荷指示業務」や「実棚報告業務」とい
javascript - hanzenkaku.js で半角全角処理 : 404 Blog Not Found
2012年08月13日06:00 カテゴリLightweight LanguagesTips javascript - hanzenkaku.js で半角全角処理 まあ車輪の再発明もいいところなのですが、車軸に合う車輪が見つからなかったということで。 dankogai/js-hanzenkaku DEMO まずは実際にお試しを。 全角: 半角: 全methodは以下のとおり。textarea内でいろいろと書き換えてみてください。 /* Functinal */ p( HanZenKaku.h2z('ｺｶﾞｲﾀﾞﾝ') ); p( HanZenKaku.z2h('コガイダン') ); p( HanZenKaku.hw2fw('dankogai') ); p( HanZenKaku.fw2hw('ｄａｎｋｏｇａｉ') ); p( HanZenKaku.fs2hs('a space') ); p
2カラムスタイルのテスト - latest log
以下のスタイルを追加し div.box { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: flexbox; } div.boxLeft { min-width: 50%; } div.boxRight { min-width: 50%; } pre.code { min-height: 50px; } コードブロックの上下に、box, boxLeft, boxRightを追加することで、 左にコードを書き、右で説明する的な記事が書けます。 <div class="box"> <div class="boxLeft"> ＞|javascript| function fn() { } ||＜ </div> <div class="boxRight
もう面倒なユーザ認証機能は１から作らなくてよいかも？PHPのOSS「AuthManager」:phpspot開発日誌
もう面倒なユーザ認証機能は１から作らなくてよいかも？PHPのOSS「AuthManager」 2012年08月13日- AuthManager - StitchApps もう面倒なユーザ認証機能は１から作らなくてよいかも？PHPのOSS「AuthManager」。 ユーザ認証型のサイトを１から作るとなると面倒な上に、もう誰かが良い物を作ってるんじゃないかという事を誰もが作り直してる気がします。 こういうもの自体をオープンソースにしちゃって誰もが使えるっていうのは素晴らしいですね。 Facebookによる認証やreCAPTCHAによるスパム防止、メールアドレスの認証機能といった標準で必要な機能が入っており、便利に使えそう。 で、ユーザ登録できるのはいいんだけど、肝心の制限はどうやってかけるの？というところは、次のように簡単にやってね、ということらしくお手軽。 ($sesslife自体がどこか
私が出会った優秀なWebデザイナーに共通した26の特徴
優秀なWebデザイナーって何だろう。と考えたことはありませんか？私は昔からそんなことを考えているんですが、最近、優秀なWebデザイナーについて、なんとなくですが気づいたことがありましたので、今日はそのこと(優秀なWebデザイナーの特徴)についてまとめてみようと思います。 こうして優秀なWEBデザイナーに共通している特徴をまとめてみると、私はまだまだ小さい人(Webデザイナー)だなと痛感させられます。優秀なWebデザイナーの方々の多くは、人としても大変魅力的で、彼らの周りには自然と人が集まっているように感じます。 今日の記事は、あくまでも私が気づいた点であるために、必ずこれらができているから優秀なWebデザイナーであるとは限りません。ですがこの記事が「優秀なWebデザイナーとはどんな人なのか」「どうすればそうなれるのか」という事を考えるきっかけになれば幸いに思います。 人として共通している1
dstatの結果をfluentdで取得して、WebSocketで送りつけるリアルタイムリソース監視アプリを作ってみた。 - from scratch
Tuppari公開記念Hackathonで作ろうとした奴を作ってみました。 ごめんなさい、micro instanceなのでアクセス過多で動かない時があるかもしれません、ちょっと調整中です。 リアルタイムリソース監視アプリ yosuke-furukawa/dstatwatcher · GitHub WebSocketを使ってリアルタイムにリソース監視したりログ監視したりするのは正直よくあるやつなのですが、fluentd使ってみたかったというのと、highchartを本業の方で使おうか迷った挙句、使えなかった経緯があったので、使ってみようと思って作成してみました。 大体、↓の感じの流れでやってます。 Fluentdとdstatのつなぎの部分にはfluent-plugin-dstatを使用しています。 shun0102/fluent-plugin-dstat · GitHub これを使うと、d
最近、Emacs界隈が熱い。 - 日々、とんは語る。
今日からお盆に入り、夏ももうあとわずかになってきましたが、Emacs 界隈の夏はこれからのようです。 8月末から9月にかけて、Emacs 関連のイベントが超盛り沢山となっているのです。というわけで、僕自身が把握しているものを列挙しておきます。 8月24日（金） Emacs勉強会 8月25日（土） emacs-lisp ハッカソン 8月25日（土）〜26日（日） Emacs / Lisp 温泉 9月6日（木） Shibuya.el なんというEmacs三昧。 ちなみに、僕が参加するのは24日のEmacs勉強会と6日のShibuya.elとなっています。どんな人に会えるのか、とても楽しみです。 まだ申し込み可能なイベントもあるので、興味のある方はお早めに！！
mofmof.js とクラスベースOOP - latest log
クラスの使い方(初級) mofmof.js では mm("Hoge", { メソッド }) でクラス mm.Hoge を定義することができます。 mm("Hoge", { init: function(arg1, arg2) { this._arg1 = arg1; this._arg2 = arg2; }, method: function() { alert(this._arg1 + this._arg2); } }); var hoge = new mm.Hoge(1, 2); hoge.method(); new mm.Hoge(1, 2) のタイミングで init(1, 2) が呼ばれます init はコンストラクタと呼ばれ、 主に初期化に関わる処理を記述します mm.Hoge クラスのインスタンスを生成します alert(3) が実行されます クラス内部で使うプライベートなメソ
自分の書いたコードを人に見せるということ：雲（クラウド）の隙間から青空が見えた：エンジニアライフ
■大ソーシャルコーディング時代 GitHubの台頭により、ソースコードをオンライン上に共有するということが、たいへん簡単な時代になりました。 TwitterやFacebookなどを見ていると、毎日のようにエンジニアの書いたソースコードへのリンクを目にすることができます。 わたし自身、自分の書いたソースコードは、可能な限りたくさんの人に見せるべきだと考えています。 エンジニア同士、コードについてのノウハウを共有することはよりよいプロダクトを作る礎となりますし、なにより自分の成長を劇的に促進してくれるからです。 今回はこの、「コードを人に見せるということ」について考えてみたいと思います。 ■コードレビューが苦手だった 職業プログラマが、最初に自分の書いたコードを誰かに見せる機会というのは、おそらくコードレビューでしょう。 わたしが職業プログラマになって最初に書いたコードは、COBOLによるもの
Tポイントツールバー（by CCCとオプト）が悪質すぎてむしろ爽快 - やまもといちろうBLOG（ブログ）
「これを誰も止めなかった」「どういうことをしているのか分かっていない」「いまなおやめる気配がない」という点で、物凄く画期的な事例だと思うのです。 もちろん、戦場の主役はわれら、われらの、高木浩光せんせであります。「Tポイントカードは3人に1人持っている」という都市伝説から、実際に街逝く人々に「持ってますか？」と聞いて回るおしゃれな高木せんせは偉大です。 『Tポイントツールバー』はお持ちですか？高木浩光先生の怒涛のRTで知るその問題点 http://matome.naver.jp/odai/2134459757479493601 ちなみに、いま私の脳内で再生されているBGMはこちらになります。 http://ow.ly/cV6Bd で、さっそく徳丸せんせがきれいに問題点をしてきしておられまして、なるほどと思うわけです。 Tポイントツールバーを導入するとSSL通信の履歴までもが盗聴可能になる
chef-solo はじめてのLinux環境構築の自動化入門 | Act as Professional
環境構築を自動化すれば数分でサーバ構築して投入できますよ？@HIROCASTERでございませう。 vagrantで開発環境（仮想マシン）を自動構築しようの記事で、仮想マシンにchefやpuppetを自動的に実行させて開発環境を自動で構築する手順を紹介しました。 環境構築を自動化する内容をchefであれば、レシピと呼ばれるものを、puppetであればマニフェストと呼ばれるものを記述しなければなりません。 今回はパッケージ（NTP）を導入して、NTPの設定ファイルを自動的に配備して、サービスを立ち上げるという環境構築の自動化をchef-soloを使って、紹介したいと思います。基本的に他のソフトになっても手順は同じです。参考にしてください。 chefとchef-soloの違いchefはクライアントとサーバの形を取っており、chefを実行するためにはサーバにレシピや付随する数多くのデータがなければ
【英文mail】使い回しができる超便利な英語の8つの定型文
Tweet Pocket ビジネス英文メールは、まさに今後に向けて需要が高まるスキルです。英会話スキルも重要視されますが、文章の場合、英語ネイティブではなく日本人の独壇場と言えます。 英語ネイティブ同士のメールのやり取りであれば外国人従業員でも対応できますが、日本人の上司やチームメンバーと打ち合わせをする必要がある場合などは、やはり日本人による英文メールが必要になってくるのです。 しかし、そう簡単に書けるほど甘い世界ではありません。ありとあらゆる状況に対応しなければいけませんので、「いかにも高い英語力が必要ですね…」と感じるでしょう。 もちろん、高い英語力はビジネスマナーを守ったメールを書くのに必須です。一方、「決まった言いまわし（定型文）」が多く存在するのも事実であり、それを上手く組み合わせることで「短時間でメールを書く」ということが可能になります。 そこで、「よく使う8つの定型文」を覚
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
いまさら聞けないCSS font-familyのまとめ
CSSのfont-familyについて調べてみました。そのうちWebフォントが主流になる気がしますがそれまでのまとめということで。 認識誤りがありましたらどこかでつぶやいてください。 １．font-familyとは？ 通常のフォントや太字、イタリック体、斜体など、デザインを統一した複数のフォントをまとめたものを「フォントファミリー」といいます。 「Arial」「Vernada」「ヒラギノ角ゴPro W3」「ＭＳ Ｐゴシック」などがフォントファミリー名です。 このフォントファミリー名を指定するためのプロパティが「font-family」です。 サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
トーストまでつけられるUSBハブリーダートースターが発売
タダのギャグじゃなかったのか...。 ドドンとデスクトップにあるだけで、なんだかキュートでポップなトースターのUSBハブが仕事を楽しくしてくれそうですが、4ポートの本体のみならず、なんと実際に挿すと様になるトーストデザインのUSBメモリーまでセット発売されていますよ。 海外ではトースターデザインのUSB周辺機器って意外に人気だったりもするのかもしれません。こちらのUSBハブトースターの本体は27.99ドルにて、そして焼き上がりに応じた各色4種類のデザインな4GBのUSBトーストメモリーは24.99ドルにて販売中ですけど、いずれも単体では日本円にして2000円台で手に入りますが、すべて1万円以上を出してでも揃えてみたいって人は、どれくらいいるんでしょうかね？ ちなみに焼きあがったらポンと飛び出す取り外しのギミックまでは備わりませんけど、ちゃっかりとトースターにはSDカードリーダーまで装備され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お盆期間中に一気読みしたい、Web制作者におすすめのスライド