タグ

ブックマーク / bashalog.c-brains.jp (6)

  • JSでエクセルを扱う ( SheetJS js-xlsx が凄い ) | バシャログ。

    どうもfujiharaです。日はブラウザJSでエクセルを扱える、SheetJS js-xlsx を紹介します。 背景 あるデータをブラウザ上で表示したいが、スプレッドシート(apiを利用)やCSVファイルを編集(エクスポート)するのは 避けたいということで探していたところ、npmにSheetJS js-xlsxというものがありました。 サンプル 今回はエクセルからHTML, CSV(配列)への変換をします。 npm インストール npm install xlsx csv-parse javascript ※IE11対応の場合の箇所追記しました。 import XLSX from 'xlsx'; import parse from 'csv-parse'; //IE11対応の場合は import parse from 'csv-parse/lib/es5'; fetch( '/data/s

    JSでエクセルを扱う ( SheetJS js-xlsx が凄い ) | バシャログ。
  • CSVファイルを呼び出す前に文字コードを確認するようにする。 | バシャログ。

    みなさんこんにちは 私の担当したプロジェクトで必要な情報をエクセルからCSVファイルに変換してそれをphpで読み取って保存する。 という手順がありました。 処理自体は簡単なものでSplFileObject()を使ってやればforeachで一行ずつ読み取るだけです。 しかし、一点読み取る前に問題がありました。文字コードです。 エクセルからCSVファイルを保存するとShift-JIS 調べてみるとどうやら最新のエクセルでは問題なくutf-8で保存ができるようですが、私の使用しているMicrosoft Excel 2010では難しいようです。 そのため一度CSVファイルを保存してからエディタなどで開いてutf-8に保存し直しています。 しかし人間なので何回もやっているとその工程を忘れてしまう事があります。 すると・・・・ターミナルが最悪停止します。 サーバーは生きてるとはいえ、ターミナルを立ち上

    CSVファイルを呼び出す前に文字コードを確認するようにする。 | バシャログ。
  • Firefox4と以前のバージョンを共存させる方法 | バシャログ。

    こんにちは、minamiです。今いちばん欲しいものはランタンです。 3/22にFirefox4が正式公開となりました。ちょっとさわった感じだとchromeやsafariに負けず劣らず軽快ですね。 しかし、制作環境ではFirefox4と以前のバージョンを両方確認することも必要になるかと思います。 そこでFirefox4と以前のバージョンを共存してインストールする方法をおさらいしてみました。 試した環境はWindows XPです。 プロファイルを複数作る 方法としては、以前tanakaが紹介していたものとほぼ同じになります。Firefoxのプロファイルを複数つくって、各バージョンに対応させていきます。 windows XPの場合、firefoxのプロファイルは、 C:\Documents and Settings\ユーザー名\Application Data\Mozilla\Firefox\P

    Firefox4と以前のバージョンを共存させる方法 | バシャログ。
  • .htaccess だけで簡単キャリア判定してみる | バシャログ。

    まだ 6 月だってのに早くも今年初あせもができちゃったよ!かいーの nakamura です。 サイトのモバイル、スマホ対応もすっかり一般的になってきた今日この頃、みなさんいつもどんな方法でキャリア判定を実装しているでしょうか。がっつりフレームワークなどを使っていればさほど難しくはありませんが、ほとんどプログラムが動いていないような静的なサイトの場合はちょっと面倒ですね。今日はそんな時に有用な .htaccess を使ったキャリア判定の方法をご紹介します。 仕様 今回、ルートディレクトリ / は PC 用サイト、/m/ 以下がモバイルサイト、/sp/ 以下がスマホサイトとして以下の仕様を元に記述方法を考えていきます。 PC で /m/, /sp/ 以下にアクセスしたら / にリダイレクト。 モバイル、スマホで PC サイトにアクセスしたらそれぞれ /m/, /sp/ にリダイレクト。 モバイ

    .htaccess だけで簡単キャリア判定してみる | バシャログ。
  • KNOPPIXあれば憂いなし | バシャログ。

    KNOPPIX(クノーピクス)とは、ハードディスクにインストールすることなく、CD1枚で利用可能なLinuxディストリビューションの1つです。もちろん無料! 「Windows(XP)が起動しない時に、KNOPPIXでデータを回収しました!」なんて事を聞いたことがある方も多いと思います。 KNOPPIXを利用するにはCDをドライブに挿入して電源を入れるだけでよく、設定などは環境に応じて自動的に行われます。(場合によっては、起動時のBIOS設定画面などでCDからOSを起動するよう設定しておく必要があります。) いざ「Windows(XP)が起動しない!データを取り出したい!」なんて時に、自宅に1台しかPCがないと何も調べられない、ダウンロードはできないでパニックになりますよね。(昨日なりかけました) そんな時のために、「備えあれば憂いなし」ということで早速KNOPPIXをダウンロードしておきた

    KNOPPIXあれば憂いなし | バシャログ。
  • [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。

    第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">&laquo; PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT &raquo;</a></li> </ul> サンプル1: とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «

    [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
    solidstatesociety
    solidstatesociety 2008/11/12
    枠つけたときはマウスオーバーは文字ではなく枠にこないとUI不自然
  • 1