帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環
今日は、ちょっと技術的な話を。「meta referrer」という、リンクをクリックしてページ移動するときなどにリファラをどう送るかを、ページ側で指定できるタグの実装が進んでいるのです。 グーグルはHTTPSを推奨するけれども、リファラが……グーグルは、サイトがHTTPSかどうかを順位決定の要因とするなど、HTTPSを推奨しています。 でも、自分のサイトをHTTPSにすると、自分のサイトから非HTTPS（ふつうのHTTP）のサイトへのリンクをクリックしたときに、リファラが飛ばないんですよね。 これは、RFC 2616で、「セキュア接続のページから、非セキュア接続のページに移動するときは、リファラを送出するべきではない」と定められているからです（セクション15.1.3）。 とはいえ、Web担のようなメディアでは、「Web担のページから、うちのサイトにけっこう来る人いるんですよ」という反応も大
これはDropboxを最大限に有効活用するための個人的備忘録です。 仕事効率化のために役立てていただけると幸いです。 Dropboxのアカウントを取得したい方はこちらからどうぞ。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Dropbox を使った効率化ネタ まとめ 「Dropbox」が話題になってからかなり経ちますが、まだまだプライベートでも、仕事でも第一線で役立つツールのひとつになっています。 デフォルトで使っていても十分役に立つのですが、さらに効率化を図りたいという人にオススメの情報をまとめていますのでご覧下さい。 2013/04/28：Dropboxでファイルを共有する際にURLからユーザーIDを削除を追加。 2012/01/24：YouTube映像をDropboxに自動ダウンロードを
色々なブラウザを使ってみましたが結局いつもFirefoxに落ち着いてしまいます。 ですがこのブラウザ、中々どうしてか動作が遅くイライラしたので軽くする方法をまとめてみました。 1.about:configをいじる まずはFirefoxのアドレスバーに「about:config」と打ち込んでEnterを押してみる。 するとabout:configをいじれる設定画面へと切り替わります。 そして設定画面から↓以下のように設定を変更 network.http.pipelining.maxrequests→「8」 network.http.pipelining→「true」 network.http.proxy.pipelining→「true」 browser.cache.memory.enable→「true」 設定は以上です。 次に整数値を入力します。 上記でも設定して頂い
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
結構Firefoxが好きなので、ちょこちょこ改造していたんですが、管理するPCごとに新しいこと試したり前やってたことをやめたりしてるうちに何が何だかわからなくなってきてしまったので、そろそろまとめようかなー？ってことでまとめてみました。 ちなみに、ここに書いてある改造は完全に自宅マシン用です。 会社のマシンでここまでやると・・・ちょっと動作とかアドオンの不都合とか色々検証してないことも多いので、出来るだけご自身の責任でお願いいたします。 とりあえず手始めに入れるアドオン SQLiteOptimizerアドオンを入れる Firefoxの重たくなる一番の原因となる、SQLiteの計量最適化を図ってくれるアドオン。 Faster Fox Liteアドオンを入れる 設定は「ターボチャージャー」に。 かつ、アドバンス設定で「Disable IPv6 DNS lookup」にチェック。 MemoryF
『Read It Later』アプリのユーザ名・パスワードでログインすればFirefoxでブックマークボタンを押したページを取得して来てくれます。アプリの設定によってページの内容だけやWebサイト全体の内容を取ってくる選択が可能で、一度にどのくらいずつ取得するのかも自分で決めることが出来ます（特になんでもかんでもタグ付けしてしまう方には便利な機能かと）。 iPhone/iPod touchのヘビーユーザの方の中には『InstaPaper app/bookmarklet』のコンビネーションのほうが読みやすく、速いと主張 する人もいますが、『Read It Later』アプリを組み合わせることによってこの差もだいぶ埋まってきているのではないでしょうか。Firefoxをメインブラウザとして使っている人には理に適った選択ではないかな、と思いますよ。 『Read It Later』のiPhoneアプ
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
