/
Webサイト構築・Web戦略
Tweet
システム開発ブログ
最近の記事
- ECサイトの成功
- 全角カナを半角カナに変換する方法
- ポスタラスの写真複数投稿について
- au携帯端末のIPアドレス帯域
- Movable Typeを使ってiPad閲覧サイトを制作する
- IEに対応したハックまとめ
- Safariでスマートフォンサイトを見る
- スマートフォン向けデザイン
- zenbackBIZ - 無償版と法人向けの違い
- 決定版!? クロスブラウザ表示確認ツール3選
カテゴリー
- HTML全般 (2)
- Access (15)
- Android (3)
- .NET (14)
- Excel (9)
- Google Apps (5)
- HTML5 (3)
- iPhone (8)
- JAVA (14)
- Linux (7)
- Movable Type (15)
- MySQL (7)
- OpenOffice (10)
- Oracle (6)
- PHP (20)
- SQLServer (4)
- twitter (6)
- VBA (11)
- Webサイト構築・Web戦略 (31)
- Webサイト構築事例 (3)
- Windows (9)
- その他 (29)
- アクセス解析 (2)
- システム設計 (5)
- システム開発事例 (3)
- システム開発体制 (1)
- セキュリティ (5)
- データベース (20)
- プロジェクト管理 (8)
- 品質管理・テスト (6)
- 帳票 (3)
- 技術活用 (6)
- 運用・保守 (7)
部署
- システム開発事業部 (25)
- ビジネスソリューション課 (17)
- システムソリューション事業部 (32)
- 流通システム部 (76)
- 産業システム部 (93)
- ソフトウエア開発部 (56)
- Webｺﾝｻﾙﾃｨﾝｸﾞ部 (96)
- 企画開発部 (36)
- 部長インタビュー (3)
月別アーカイブ
- 2012年2月 (2)
- 2012年1月 (13)
- 2011年12月 (17)
- 2011年11月 (22)
- 2011年10月 (29)
- 2011年9月 (28)
- 2011年8月 (5)
- 2011年7月 (18)
- 2011年6月 (15)
- 2011年5月 (21)
- 2011年4月 (8)
- 2011年3月 (12)
- 2011年2月 (12)
- 2011年1月 (13)
- 2010年12月 (18)
- 2010年11月 (19)
- 2010年10月 (19)
- 2010年9月 (21)
- 2010年8月 (17)
- 2010年7月 (21)
- 2010年6月 (22)
- 2010年5月 (14)
- 2010年4月 (12)
- 2010年3月 (13)
- 2010年2月 (9)
- 2010年1月 (12)
- 2009年12月 (7)
- 2009年11月 (6)
- 2009年10月 (8)
- 2009年9月 (7)
- 2009年8月 (3)
- 2009年7月 (1)
- 2009年6月 (3)
- 2009年5月 (1)
- 2009年4月 (1)
- 2009年3月 (8)
- 2009年2月 (10)
- 2009年1月 (1)
- 2008年12月 (1)
以前の部署別ブログ
ECサイトの成功
システム開発事業部 / Webサイト構築・Web戦略 / システム設計
ここ最近、ECサイトに絡むご提案、設計開発の依頼が多いです。 経済産業省の調査資料でもEC市場の規模（売上に対するEC化率）は、年々あがっており、その流れを体感しています。 ECサイトの成功には何が必要か？ ざっくり言えば「マーケティング」と「システム」の２つの要素です。 "ECサイトの成功 ＝ マーケティング × システム" マーケティングとシステムのどちらか一方でも０（ゼロ）であれば、結果は０...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
全角カナを半角カナに変換する方法
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
こんにちは、デザイナーの川本です。 携帯サイトを制作していると、お客様から度々「ページ内の全角カナを全て半角カナにして欲しい」とご要望をいただくことがあります。 全角よりデータ量が少ないことや、1画面により多くの文字が表示できるなどの利点があるためです。 しかし、半角に修正するという作業はミスも多く、時間も工数もかかってしまいます。 全てのページのソースを1つ1つチェックするのは面倒だしストレスに...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
ポスタラスの写真複数投稿について
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
ポスタラスの写真の複数投稿について調べる機会があったので、 ここでご紹介しようと思います。 1.まず複数の写真を投稿したい記事を選んで、編集画面を開きます。画像の画像部分をダブルクリックして、画像の追加アップロードの画面を開きます。 2.画像の編集画面が開いたら、uploadボタンを押して追加したい写真のアップロードをします。 3.アップロードしてOKボタンを押すと選択した写真が追加されます。 右...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
au携帯端末のIPアドレス帯域
システムソリューション事業部 / ビジネスソリューション課 / Android / Webサイト構築・Web戦略 / iPhone
こんにちは。 システムソリューション事業部 ビジネスソリューション課の 前田です。 少し前のこと。 スマートフォンではなくフィーチャーフォンの話ですが、 auの秋冬モデルの携帯端末から、 IPアドレスの帯域が、 携帯ブラウザとPCサイトビューワで同じとなりました。 これまで、WebサイトやWebシステムで、 携帯電話での利用を考えたサイトでは、 ユーザエージェントでの振り分けや IPアドレスでの振...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
Movable Typeを使ってiPad閲覧サイトを制作する
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
こんにちは、デザイナーの川本です。 7月7日にシックス・アパート株式会社様が主催された『Movable Typeを使ってiPadでの閲覧に最適な美しいサイトをつくるには』セミナーへ行ってきました！ 概要： 2010年のタブレットPC出荷台数は1600万台余りに達し、そのうちアップルの「iPad」が全体の95%を占めたと推算されています。 iPadまたはタブレット型PC経由でのウェブサイトユーザ数の...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
IEに対応したハックまとめ
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
デザイナーの川本です。 コーディングする時にとにかく気になるのがブラウザによってのレイアウト崩れ... 特にInternet Explorerでのレイアウト崩れが一番気になる私です。 今回はIEに使用することが出来るハックをまとめてみました。 IE6以上の環境で確認しています。 【普通に指定したCSS】 .sample { color: red; /* 指定なし */ } 【IE6に対応したハッ...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
Safariでスマートフォンサイトを見る
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略 / iPhone
こんにちわ。 今回は、村上さんと同じくAppleのお話です。 最近は、スマートフォン用の開発を社内でもするとこが多くなってきました。 スマートフォンでの見え方の確認することが、多々あります。 そんな時、便利なのが 言わずと知れた、Appleのブラウザ「Safari」。 Safariの開発メニューを使えば、iphoneやipadのページを作成する際にとても便利です。 開発メニューは、インストールした...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
スマートフォン向けデザイン
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
こんにちワンダフル！デザインチームの橋本です。 携帯各社から夏の新モデルの発表もあり、スマートフォン市場も熱くなっていますね。 当社でも最近はスマートフォン向けのコンテンツ作成のお問い合せも多くなってきました。 ただ、ひと口にフマートフォンといっても、端末の画面のサイズだけをとっても色々でデザイナーの悩みの種でもあります。 参考までに主な機種の解像度を調べてみました。 iPhone3G/3GS 3...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
zenbackBIZ - 無償版と法人向けの違い
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
デザイナーの川本です。 以前、弊社の池田がこのシステム開発ブログでzenbackについて書かせていただきました。 →zenbackでソーシャルワークとブログを連携 システム開発ブログでも無償版のzenbackを利用させていただいておりますが、 （各ブログ記事のページ下部に表示されています） 今回、法人向けのzenback BIZがリリースされたということで、無償版とビジネス版の比較をご紹介いたしま...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
決定版!? クロスブラウザ表示確認ツール3選
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
デザイナーの川本です。 主な業務はWEB制作やデザイン業務全般です。 今回は、マークアップ業務に役立つ、クロスブラウザ表示確認のツールについて紹介します。 ブラウザの表示確認は様々なツールを使ってきましたが、これぞ！という3つを紹介します。 IETester http://www.my-debugbar.com/wiki/IETester/HomePage Internet Explolerの表示...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
zenbackでソーシャルワークとブログを連携
企画開発部 / Movable Type / Webサイト構築・Web戦略 / twitter
弊社でサイト構築などを行う際に活用している、 MovableTypeを開発しているSixApartが、 zenbackというサービスを提供しています。 zenbackはブログパーツとなっていて、 ブログサイトのテンプレートに組み込んでおくと、 ページごとにTwitterへの投稿や、 はてな、Facebookなどのソーシャルボタン、 関連記事やそのページがTwitterで呟かれた履歴といった、 外部...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
ケータイキットと.htaccessを使い、同一URLでウェブサイトを管理する
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
デザイナーの川本です。 先日、株式会社アイデアマンズ様が提供する、『ケータイキット for Movable Type（以下、ケータイキット）』がスマートフォンに対応されたということで、新しいケータイキットの勉強会に参加して参りました。 ケータイキットとは、Movable Typeのプラグインの一つです。 ケータイキットを用いることで、PCサイトだけではなく、携帯端末毎の表示の最適化はもちろん、スマ...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
地図リンクサービスを提供しているサイト一覧
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
デザイナーの川本です。 最近ホームページ（特にコーポレートサイト）の地図に、地図リンクサービスを使用している会社様が増えていますね。 また、地図リンクサービスを提供している企業様も増えてきております。 有名なところで言えばgoogleマップ、Yahoo!地図情報などでしょうか。 手書きの地図では建物や目印など、変わるものもございますので、地図リンクサービスを利用すれば、その都度情報が更新されますの...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
検索エンジン最適化 (SEO) スターターガイド
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
「Google ウェブマスター向け公式ブログ」において「検索エンジン最適化 ( SEO ) スターターガイド」の更新版が公開されました。 今回、新たにモバイルサイトのSEOについても記載されています。 ▼Googleウェブマスター向け公式ブログ ・各ページに固有のタイトルをつける。 ・各ページに固有の概要（meta description）を記述する。 ・画像にはaltタグで説明を入れる。 ・si...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
WEB制作に使える便利なサイト
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
デザイナーの川本です。 主な業務はWEB制作やデザイン業務全般です。 制作時はお恥ずかしながら、デザイン、コーディング中に行き詰まることもしばしばあります。 そんな時、よく使わせていただいている便利なサイトを紹介します。 WEBデザインの見本帳 http://www.web-mihon.com/ WEBデザイナーのためのWEBサイトのデータベース・リンク集です。 印象・色・ジャンルから、ありとあら...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
HTML5の最終草案のアナウンス予定日が発表されました
ソフトウエア開発部 / Webサイト構築・Web戦略
最終草案のアナウンス予定日は2011年5月になるそうです。 2008年1月にHTML5の最初の草案がアナウンスされましたが、 2011年5月に最終草案がアナウンスされます。 この最終草案を経て、W3Cの正式勧告が2012年3月に予定されています。 ○W3C勧告までの流れ 1.草案（Working Draft） 2008年1月 2.最終草案（Last Call Working Draft） 2...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
Google Analyticsで月次レポートをメール送信する
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略 / アクセス解析
Google Analyticsには解析レポートをメールで送信する機能があります。 これは、ずいぶん前から付いている機能ですが、本当にお目当てのレポートが送信されるのだろうかと疑っていた（不安だった）私は、なかなか使いこなしていなかったのです。 どうやら、正しくメール送信されているようなので以下に設定方法をご紹介します。 ●メール送信するレポートを選択 Google Analyticsにログイン後...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
CSS3で画像を使用せずに角丸を実装する
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
CSS3を使用し、画像を使用せずに角丸を実装するCSSを紹介します。 この方法は（2010年7月26日現在）、Internet ExplorerやOperaでは角丸にはなりません。 しかしその場合、角丸の部分は、普通の四角として表示されるだけですので、使っても特に不具合は起きません。 将来的には、すべてのブラウザで角丸が表示できるようになるでしょう。 まず、通常のHTMLのソースです。 任意のテキ...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
承認した人のつぶやきを一覧表示する「twit-Labo」。企業サイトにおすすめ。
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略 / twitter
・社員のつぶやきを集めてホームページに表示したい。 ・#（ハッシュ）タグだと、誰でもつぶやけてしまうからリスクが高い。 ・承認制の簡易コミュニティサイトを作りたい。 そのような声にお応えするTwitterを活用したサービス「twit-Labo」。 特に企業サイトやキャンペーンサイトに最適です。 今までも、1アカウントのつぶやきを表示したり #（ハッシュ）タグでTwitter上のつぶやきをグループ化...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
透過PNGを使用してテキストにグラデーションを重ねる
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
透過PNGを使用した小技を紹介します。 h1等の見出しにアクセントをつけたい場合、多くの場合画像を使用します。 ですが、SEOに配慮し、テキストのまま見出しを出したい等、要望があった場合、テキストの上に透過PNGを重ね、見出しにアクセントをつけることができます。 考え方としては、テキストの前にspan要素を記述し、そのspan要素の背景に透過PNGを指定し、テキストの上に重なるようにします。 以下...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
コンテンツが短い時でもフッターの背景を画面下部まで表示させる
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
メインコンテンツの内容が少ない場合、フッター部分はメインコンテンツの真下に来てしまい、下はbodyに指定した背景色になってしまいます。 解決策としては、 ・フッターを画面下部に固定する ・メインコンテンツの高さをある程度取っておく などが挙げられると思いますが、ここでは、フッター部分がメインコンテンツの真下にある状態で、フッターの背景色を画面下部まで表示させる方法を紹介します。 CSSに下部のソー...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
Google検索、ベータ版でSSL暗号化に対応
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Webサイト構築・Web戦略
21日、Google検索をSSL暗号化するサービスがベータ版として登場しました。 すでに日本語に対応した検索エンジンが用意されています。 ▼SSL対応 Google検索 https://www.google.com/ ▼Google公式ブログ[英文] http://googleblog.blogspot.com/2010/05/search-more-securely-with-encrypted...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
Google Analytics カスタム レポート作成「キーワードとCV」
Webサイト構築・Web戦略 / 事業開拓部 / アクセス解析
Google Anlyticsでは「カスタム レポート」を活用することで、 自分が分析したいレポートを表示させることが可能です。 ここでは、カスタム レポートの作成方法をご紹介します。 ****************************************************** １）カスタム レポートを開く *************************************...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
MT でページごとのデザインに変化をつける
Movable Type / Webサイト構築・Web戦略 / 事業開拓部
MTは、各カテゴリー、エントリーともに共通のテンプレートを使用するため どうしてもページごとの見た目が単調になりがちです。 MTテンプレートに少し記述を追加するだけで、簡単にデザインに変化をつける事ができます。 □カテゴリーごとに、読込む画像を変える ヘッダーの下のメインとなる画像や、ページタイトルに使うと効果的です。 テンプレート「ブログ記事リスト」への記述 <img src="...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
MovableType4:エントリーをカテゴリで絞ってエクスポートする
Movable Type / Webサイト構築・Web戦略 / 事業開拓部
MovableTypeで、エントリーを他のブログに移す時、エクスポート機能を利用します。 今回は、あるカテゴリのデータのみ、エクスポートしたい場合の方法を書きます。 （１）インデックステンプレートにデータ出力用テンプレートを作成する。 インデックステンプレートに記述する内容は MTEntriesタグを使用し、categoriesモディファイアでカテゴリを指定します。[サンプルは下へ] ...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
MovableType4 バックアップからの復元：ファイルサイズが大きすぎる場合
Movable Type / Webサイト構築・Web戦略 / 事業開拓部
MovableType4で、バックアップファイルを作って、 それを元に復元しようとしたら、 「ファイルサイズが大きすぎます。」というエラーがでました。 以下、対処方法です。 1.バックアップファイルを作成します。 ツール＞バックアップ で、「バックアップの作成」ボタンを押します。 2.バックアップファイルをダウンロードします。 この時、作成されたファイルは全て、ダウンロードしてください。 ...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
会報をリアルタイムにダウンロード。(財)相模原市中小企業勤労者福祉サービスセンター様 ホームページリニューアル
Movable Type / Webサイト構築・Web戦略 / Webサイト構築事例 / 事業開拓部
当部署が手掛けたウェブサイトが、 新たに公開しましたのでご紹介を致します。 ------------------------------------------ 2009年07月06日公開 (財)相模原市中小企業勤労者福祉サービスセンター あじさいメイツ 様 http://www.ajisaimeitsu.or.jp/ ---------------------------------------...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
テキストを画像にする効果
Webサイト構築・Web戦略 / 事業開拓部
私たちウェブページ制作にかかわる人間は、『ユーザーに的確に情報を伝えるための言葉』を一生懸命考えます。 一時期、検索にかかりやすいという理由で、特に伝えたい重要な事は、できるだけテキストで表示する事が求められました。 果たして、そのテキストは読んでもらえたのでしょうか？ サイトのトップが、情報だらけで、大切な言葉も埋もれているのではないのでしょうか？ 下のサンプルは、同じ内容に視覚的要素を足して伝...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
簡単にできるSEO施策
Webサイト構築・Web戦略 / 事業開拓部
社内でSEO（検索エンジン最適化）を始めてもうすぐ1年になります。 SEOには大きく分けて「内部施策」と「外部施策」の2つの方法がありますが、 私は主にHTMLの構造や文章の見直しなど、いわゆる「内部施策」を実施してきました。 例えば、 「検索キーワード」に合わせたページの内容にする 検索エンジンがわかりやすい構造にする などです。 これらの内部施策によって、Google・Yahoo!で300位に...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
ユニクロのサイトがリニューアル
Webサイト構築・Web戦略 / 事業開拓部
ユニクロのサイトがリニューアルしました。 まず、感じた事は、リニューアルを知らせるHTML配信のメルマガが軽くなった事。 今まで、全部を読込むのに時間がかかりすぎて、途中で断念する事もしばしば。 読む側の環境にもよりますが、せっかく、読む気持ちがあってもこれでは逆効果です。 これでだいぶイライラが解消されました。 トップページ左上の企業ロゴは、問題無いのですが、弟2階層のロゴの画質が粗いのが気にな...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ
Webサイト開発者にも便利になったInternet Explorer 8.0
Webサイト構築・Web戦略 / 事業開拓部 / その他
3月20日にMicrosoftからInternet Explorer 8.0がリリースされました。 Internet Explorer 7.0は2006年10月18日のリリースでしたから、 2年半ぶりのメジャーアップデートになります。 (6から7の間は5年の期間がありましたので、 半分の期間でメジャーアップデートをしたことになります。) 8.0ではWeb標準への対応ということで、 エンジンが一新さ...
続きを読む→
「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。 Facebook のファンページ