はてなブックマーク

splash("メッセージ",{ message_class: 'splashmsg default', //メッセージエリアに設定するクラス fadein_sec: 0.1, //コマンド実行からメッセージがフェードインする時間（秒） wait_sec: 0.5, //コマンド実行からメッセージのフェードアウトを開始する時間（秒） fadeout_sec: 1.5, //フェードアウトする時間（秒） opacity: 0.9, //メッセージの透過率 trans_in: 'ease-in', //フェードインの加速度設定（CSSのtransition参照） trans_out: 'ease-out', //フェードアウトの加速度設定（CSSのtransition参照） outer_style: 'top: 0px;left: 0px;position: fixed;z-index: 10

API等のデータのやり取りは主にJSONを利用しているが、人の目で見たり比較する時はYAMLが便利です。 YAMLはエスケープされた記号（改行＝「\n」等）をエスケープ前に戻したデータで表現ができるのがいいところですね。 そこで、JSON→YAML→そのまま比較するWEBツールを作りました。 https://rawseq.github.io/json-diff/ 変換機能はjs-yaml,比較ツールはmonacoを利用しています。 既に他のWEBツールやLive Demoで体験済かもしれませんが、「エスケープ文字が戻らない場合があるのでは？」という不安を持っている方がいると思いますが、だまされたと思って一度使ってみてください。（そして戻らなければ教えてください＞＜；） ※Chrome推奨。monacoの仕様でA→Bの比較、Bの編集しかできません。(編集したBをJSONでコピーすることはでき

Ace Editor で日本語入力時のちらつきを解消する 2018/5 更新 解決方法が新しくなっています。2018年リリース以降(1.3x?) のAceエディタの場合は以下のリンク先をご確認ください。（42993_さん感謝） Ace EditorでL SEPという文字が出る（anopara） これから導入予定の方、MSが嫌いではない方はmonaco-editorもおすすめです。練習がてら導入した記事がこちら。 JSON同士の比較はYAMLが良い - WEBツール(JS)で「JSON⇒YAML」変換時に完全なエスケープ戻しを目指す Ace 1.2.6時点のバージョンは以下の流れで解決できる（はずです・・） Ace Editorとは 言わずと知れたブラウザ上で動作するテキストエディタです。Cloud9というクラウド開発環境向けに作られたエディタなので、とっても高機能です。 詳細は: http

WEBサイト制作において、HTMLのコーディングまではデザイン会社。システムへの組み込みはシステム会社の分担で作業を行う際、 デザイン会社より納品いただいたHTMLデザインをシステム会社でチェックする時のお話。（WEB担当者・デザイナーの方にも寧ろおすすめです） 納入していただいたHTMLコードデザインをチェックする時、致命的になりがちなのが、「幅考慮の不足」の見逃しだったりします。 「幅考慮の不足」：HTMLデザインはきれいな表示なのに、いざ、システムに組み込むと、「動的に変化する要素（金額・名称・説明文等）」の幅によってデザインが崩れてしまう事 要件定義で決められていても、検収期間を過ぎてしまい、修正が依頼できない自体になる事も・・ 「説明文」であれば一定文字数で切り捨てる等の対応できますが、「コード・番号」、「金額」等はそうもいかず、やむなくHTMLをいじってしまう事態に陥ります。

ExcelSQLの使用方法 RDBに慣れた人がExcelを使っていると、ふと「SQLで言うと"こういう"事がしたい」と思う時があります。Excelでも工夫すればできる事もあるのですが、「ルックアップするときはルックアップ元のデータを昇順に並び替えないといけない」等、使い続けないと忘れてしまう独特なルールが存在します。 そういったときに役立つツール「ExcelSQL」をご紹介します。 ExcelSQLとは？ 文字通りExcelでSQLが実行できます。　「1シート ＝ 1テーブル」に見立てて、SQL実行。結果をシートに吐き出す事ができます。さらに、それをテーブルに見立ててSQLを実行することも可能です。 MS Excelでできる事「タブ区切りデータの扱いに優れている」点と、 SQLでできる事「データを繋ぐ等、RDB(リレーショナルデータベース）としてデータの扱いに優れている」点が 両方備わって