ウェブ制作四方山話

Jun 23, 2013

トップページをEdge Animateを使ったアニメーションにしてみました。営業用にレスポンシブデザインの説明をしてみたのですが、ちゃんと伝わっているかどうかちょっと心配です。

このアニメーション自体がレスポンシブです。ブラウザの幅を狭めて、再読み込みして試してみてください。アニメーション内のノートパソコンのエレメントはレスポンシブにサイズを縮小、スマホとタブレットのエレメントはそのまま縮小すると小さくなりすぎるので、サイズを縮小せずに位置を変えるようにしています。そのためスマホサイズではスマホのエレメントは場面によっては画面からはみ出す感じにしています。...

続きを読む
Jun 1, 2013

このところ、運用中のサイトの、Drupal6からDrupal7へのアップグレードを何度も繰り返しています。HTML5やCSS3への対応はDrupal6でもできないことはないでしょうが、Drupal7にすることで、Drupal7用のテーマやモジュールの活用して、ずっと快適にHTML5やCSS3へ対応できる環境が構築でき、またより広範にグローバルな最新のテクニックを導入することが可能になるはずです。

このDrupal7へのアップグレード方法について、自分なりの備忘録を兼ねて手順をまとめてみます。

Drupal6からDrupal7へのアップグレードはDrupal5か...

続きを読む
May 23, 2013

IBM PS/V Vsionのあと、Windows95が発売された翌春に購入したパソコンがGateway2000 P5-133というマシンです。PS/V VisionにWindows95を入れてもまともに動かなかったのが理由です。

CPUはPentium 133MHz、メモリが32MB、1GBのHDDだったはずで、70cmくらいもあるフルタワー、これにナナオの17インチモニタをつけて、50万+αしました。これを24ヶ月くらいの分割払いで買った記憶があります。

当時、そんな羽振り良かった記憶はないのですが、よくこんなものを買ったもんだ、と不思議なりま...

続きを読む
May 21, 2013

ドコモの2013年夏モデル、やっぱりガラケーが1点もありませんね。よくみると1年前のモデルのカラーバリエーションが発売されたりしているようですが、春モデルもスマホばかりだったので最新のガラケーは2012年冬モデルということになります。

なかには「シンプルUI」とかいって、ガラケー風のユーザーインターフェース搭載をウリにしているものもあるのですが、それがBlueTooth、何に使うのかよくわからない赤外線通信、おサイフケータイ、ワンセグ、テザリング、しゃべってコンシェル、等々「全部入り」だそうです。

シンプル...

続きを読む
May 18, 2013

去年暮、いざ年賀状を作ろうという時にプリンターが壊れて以来、プリンター無しで過ごして来ました。結論から言うと、全然不便はないです。

印刷を必要とするようなことは多くなく、請求書や見積書等、数枚のモノクロ印刷の場合は、USBメモリにPDFで出力してコンビニで印刷しています。

近所に複数のローソンがあり、店舗によってプリンターの機種も印刷価格も違いますがA4モノクロ1枚10円あるいは20円です。トナー切れになっていることも少なくなく、機械のメンテや管理も店舗にバラツキがあるようです。

先日、最寄りの比較的メンテや管理がしっかりしている...

続きを読む
May 17, 2013

昔これ持ってたました。2001年頃に購入したPDAです。ポケットPCとも呼ばれていたタイプのPDAでHITACHI SH-3という133MHzのCPU、32MBのRAM、24MBのROMを搭載、6.5インチのSTN液晶、OSはWindowsCE 3.0です。10万円以上したはずです。

画面はタッチパネルになっていていました。タッチパネルといってもフリックとかピンチアウトとか、もちろんそんな機能はなくて、付属のスタイラスペンで選択するだけです。

モデムも内蔵されていて、電話線のモジュラージャックを差し込んででインターネットを利用することができまし...

続きを読む
May 15, 2013

かつて携帯電話向けのウェブサイトはパソコン用のウェブサイトの内容を簡略化した内容で別のウェブサイトを作成する方法や、同じ内容を別の出力テンプレートで出力する方法で運用されていました。

ここ2年程の間に急激にスマホが普及、ホームページを見る側が発信する機種の情報(ユーザーエージェント)で、後者の方法よりパソコンで閲覧する場合とほぼ同等の情報を小さな画面で見やすく操作しやすくする方法が主流となりました。

自分の場合、当初はパソコン用の出力を自分なりにカスタマイズしたものでスマホ対応していたのですが、1年程前からjQuery Mobileというスマホ向けの出力テンプ...

続きを読む
May 11, 2013

Twitter Bootstrap

簡単にイマっぽいサイトを構築するためのCSSフレームワークのひとつです。レスポンシブデザインを容易に実現すべく、これまでZenのテーマを親テーマとしたサブテーマ使っていました。Zenも優れたCSSフレームワークですが、Drupal専用です。

一方BootstrapはCSSとJavascriptをパッケージされたものが、あのTwitterから配布されているもので、WordPressサイトやRuby on Railsサイト等でもよく利用されているようです。

これをDrupalに簡単に組み込むためのテーマBoo...

続きを読む
Mar 5, 2013

フロントページのキービジュアルにはDrupalのモジュールのViews Slideshowを使うことが多かったのですが、jQuery のスライドショープラグインで、Views Slideshowだけじゃできない色んな演出をするのに使わせてもらうようになりました。

Skitter:かなり派手な画像遷移のアクションを組み込めます。アクションはランダムにも個別にも設定できます。リンク先のSkitterホームページではサムネイルを表示することもできます。ギアのアイコンを開いて、色々設定して、コードを提供してくれるとても親切なサイトです。

Grid Slide:複数の画...

続きを読む

RSS

Mar 3, 2013

Rich Site SammaryあるいはRDF Site Sammaryと呼ばれるホームページやブログの更新情報を配信するしくみです。RSSフィードと呼ばれるXML形式のデータで配信され、一般にのアイコンをクリックするとRSSフィードが表示されます。ブラウザによっては読みやすく表示されますが、ソースだけが表示される場合もあります。これをブラウザで読んでもあまり意味がありません。

強力な情報発信ツール

これを購読するためのソフトウェア、RSSリーダーにこのRSSフィードを登録して購読することになります。自分の興味ある、さまざまなサイトのRSSを登録し、更新情報を得ること...

続きを読む
©Uemachi Web Factory