エンジニアが発信する【CSS】の記事を集めました

エンジニアが作る最新ITブログ トップ>エンジニアの発信する【CSS】

2009年07月05日

なんとかアメブロで数式を出したい(まずはlog関数)

アメーバブログで数式、取り急ぎlog関数を書きたい。底は表現できるが、乗数が表現できない。上の行に、とか裏技的ではなく、だ。
MathMLのCSSを取り込むのも手なのかも知れないが、それにはMathMLは資料が少ないうえ、分かりにくい。また、MathMLはFireFoxのみ対応とか、それも見るには工夫がいるとかいう噂があるようで、今回のニーズには合わない。
よって、今回はCSSを修正することで対応することにした。
classに階層構造とか作れるのかな?孫セレクタ?をネストするとできそうだな、とか、タグなんかも作れてしまうのかな?などと、子試行錯誤のうえ、CSSに次の行を追加した。

mathsign {
font-size: 16px;
color: #333333;
}
mathsign log{}
mathsign log jo {
font-size:8px;
vertical-align:super;
}
mathsign log tei {
font-size:8px;
vertical-align:sub;
}

で、アメブロのHTML編集で次のようにしてみた。

log2103


結果は・・

log2103


Opera 9.64、Safari 4.0 、FireFox 3.0.5 で確認したが、式っぽく見えるかと思う。こりゃ簡単でいいや!と思っていたのだが、IE 6 SP3 ではタグとして認識されていないようで、ただのテキストの羅列になる。

いまだIE 6.0 は現役である。特に、VBのコンポーネントとしてはまだまだ使われているケースを聞く。

CSSを変えるべきか、HTMLの書き換えで済むのか。できればCSSはこのままにして書きたいが、子孫セレクタを使った際の、classの書き方が分かってない・・。

試行錯誤を続けてみる。

2009年07月03日

logという関数

解釈が間違っていたら指摘いただきたいが・・。

コンピュータを学ぶと、logって関数をよく目にする。正直、「logってよく分からん」という人、多いだろう。実は私もそれほど詳しいわけではない。

が、こういう解釈をすれば少し身近ではないかと思い、紹介する。

まず、logってのは対数関数という。指数関数とペアで説明を受け、関係性を式で説明された覚えがあるが、ややこしいなあ、という印象しか残っていない。
そこでちょっと観点を変え、どんな使い方があるか、その一例を見てみよう。

指数関数ってのは「何乗」って奴である。例えば10の3乗は 1000 である。この3ってのに1を加えると、4。つまり、1000という値の「桁数」になる。

で、

log 10 10 = 1
log 10 100 = 2
log 10 1000 = 3

いずれも、1を加えると、その値の「桁数」になる。
上記でlogの横にある小さい10という数字は、底(てい)という。

底が10のとき、1000なら、答の3に1を加えた値が桁数であるが、この底は「進数」と読み替えればどうだろう。「10進数において、1000は3(4桁)」という使い方ができる。
では、二進数ならどうだろう?

log 2 = 1
log 4 = 2
log 8 = 3

やはり、1を足すと「桁数」になる。

logってのは、情報処理試験でたまに出てくる「この値を格納するには何ビット必要か」というような問題には使えそうだ。

で、こういうものかな、というのが分かれば、

log a + log b = log (a × b) 

とかいう法則も、値を代入してやれば「ああ、こうなってるのね」と覚えるための助けになるのではないだろうか。
話は逸れるが、2の3乗など、数式を表現するのにMathML(数学用のマークアップランゲージ)というものがあるが、アメブロのCSSを書き換えれば使えるものだろうか?数式は数式のまま表現しないと、間違いの元になるので・・。

なお、logは色んなところで使われているらしい。一般的な会計の計算をする限りにおいては使うことはない(但し、ローン関連では出てくる)。なお、ExcelではVBAではなく、ワークシート関数でlogの計算(ローンの計算も・・)やれるので、対数を使う機会はホント、少ない(私的には、である)。


--------------------------------------------
もう申し込んだ?ブログ交流会 7/10 品川にて開催

2009年03月26日

クラウド時代の「ホームページ作成ソフト」??

@ITで『クラウド時代の「ホームページ作成ソフト」、Jimdoを使ってみた』という記事が出ています。

JimdoというのはKDDIウェブコミュニケーションズがドイツの企業と提携し日本語版サービスを行うホームページ作成サービスです
HTMLやCSSの知識がない人でも直感的にホームページを作成できるということでWeb2.0/Web3.0的とはいえると思いますが、何故クラウド時代と関係があるのだろうと疑問に思ってしまいました。

@IT的には『Web完結型のいわゆるクラウドアプリケーション』という定義をしているようですが、どこかおかしい。
何でもクラウドXXXと名づければいいというものでもないんですけど。



Web 2.0ストラテジー ウェブがビジネスにもたらす意味

Web 2.0ストラテジー ウェブがビジネスにもたらす意味



2009年02月26日

データセンターというところ

サーバーの設定関連の立ち会いでデータセンターというところに行った。大型汎用機が置いてあるマシン室と比べつつ書いてみると・・。

・温度: データセンターは涼しい。マシンルームは寒いくらいだったので少しマシか。

・湿度; 体感だが、データセンターはマシン室より乾いているように感じだ。

・騒音: 両方とも似たようなものかな?データセンターはどこにいってもうるさいが、マシン室はうるさいところは偏っていたはず。

・風 : どちらも風がある。が、マシン室の風には強弱があるようだが、マシン室は一定の風量だったように思う。

一番の違いは消火設備か。マシン室はハロン1301という消火設備があったが、データセンターは一般の消化器。データセンターの設備はそれでいいのだろうか?という気になった。

同じテーマの最新記事

2009年02月22日

[Open-EC]サービス面の拡充も必要

Open-ECの技術面の詰めの作業をしておりますが、やはり、Open-ECを使ったサービス面の拡充が今後の課題になりそうです。現状のOpen-ECの評価としては、 確かに、HTMLとCSSを知っていればSQLとか知らなくてもカスタマイズできる 管理画面は非常に分かりやすい(自分では意識していないのですが、複数の方から言われました) パッケージの機能としてはかなり結構充実している(決済系の会社の方、数人から言ってもらえました) という評価を頂くことができました。 でも、まだまだ、これからなんです。せ ...

2009年01月22日

jQuery 1.3 リリース

1週間ほど前に 「jQuery 1.3」 がリリースされました。 新たに搭載されたCSSセレクタエンジン 「Sizzle」 が注目されているようです。 関連情報・jQuery 1.3登場、競合プロジェクトと協力模索するSizzle投入 | マイコミジャーナル・jQueryが1.3をリリース、運営体制も強化 - SourceForge.JP Magazine・InfoQ: 新たな高性能CSSセレクタエンジンを搭載、jQuery 1.3がリリース・jQuery 1.3 リリースノート - jQuery 1.3 日本語リファレンス ・Jungle Java - jQuery 1.2.2 リリース p.s.既に「jQuery 1.3.1」 がリリースされていますね。 ・jQuery: » jQuery 1.3.1 Released

2009年01月01日

[Open-EC]まずは、開発環境から

今、Open-ECの仕上げを行っています。 まずは、Open-ECの開発キットから作っています。順番としては、 開発キットの無料ダウンロード 無料用サーバーのダウンロード の順に作っていこうと思います。 特に、開発環境は、今はまだ、PostgreSQLがなければ稼動できない状態なのですが、これから、新規Open-ECプロジェクト作成のウィザードをつくって、DBの知識が無い人でも動かせて、HTMLやCSSをカスタマイズできる状態を作ろうと思います。 しかし、いろいろとOpen-ECは仕様面で改造に ...

2008年12月28日

スタイルシートでの不思議

CSSはHTMLのスタイルシートである。設定であるので別にロジックがあるわけではないはずだ。

しかし、困った事が起きてる。スタイルシートを別のファイルにしているのだが、記述する位置によってブラウザへの反映のされ方が異なるのだ。

私の記述がまずく、同じようなことを書いているからなのかな、とも思って調べたがそうでもないらしい。

もう少し追跡してみようと思う。

同じテーマの最新記事

2008年12月10日

Google OHAに新規加盟続々

Open Handset Alianceに新たに14社が加盟

新規加盟したのは、
 Vodafone
 AKM Semiconductor
 ARM
 ASUSTek Computer
 Atheros Communications
 Borqs
 Ericsson
 Garmin International
 Huawei Technologies
 オムロンソフトウェア
 ソフトバンクモバイル
 Sony Ericsson
 Teleca
 東芝

ソニエリやオムロンソフトウェア、東芝、ソフトバンクといった企業が参加しているのでAndroid端末が日本に登場するのも近そうですね。
auから早く出して欲しいのだけど。待ってますよ~。

2008年11月25日

[PAL][Tech]外部CSSファイルを後から読み込み

ポートレットの場合、ページの断片を作るから外部の CSS を読み込むのに link や style タグが使うタイミングがないのだけど、javascript でやればできるのね。ポートレットのインストール後に、css の設定を変えてください、みたいな依頼をするのもちょっとな〜っと思っていたので、以下のような感じのコードで対応することにしてみた。 var cssFile="/css/pal-extension.css"; var isMSIE = /*@cc_on!@ ...

エンジニアが作る最新ITブログ トップ>エンジニアの発信する【CSS】

メンバー紹介

タグパネル

ランキング

エンジニアが作る最新ITブログ DODA