株式会社プロフィックス

01/02/2013

定期更新２回目はＢチーム村松・増田し、そしてヘルプとして松本君にてお見積もり・ご相談フォームを制作しました。しかし、Ｐマーク関連により申し訳ないですがまだ完成途中です。より使いやすいする為にも、体裁でもフォーム内容ご意見等あればぜひぜひお願いします。また、公開についてはお知らせします。

02/09/2012

9月の更新も、システム担当の佃が行いました。

Camel4を間もなくリリースいたします。
その先駆けとして自社サイトをCamel4を利用して作成しました。

サーバーをCamel4側に移転しなければならないため、新しくドメインを取得いたしました。

http://prophix.biz/

今回は、Camel4に元から用意されているテンプレートを使用しました。企業用のテンプレートです。

実際に作成した感想は、、、慣れるまでに時間がかかるので、お客様に導入する場合は1～2時間の講習が必要になると感じました。ただ、慣れてしまえば、新しいページも自由に作成でき、グローバルメニューやサイトマップ、パンくずが自動生成されますので、リンクし忘れという問題がありません。
またまた機能の1/10くらいしか使用していませんので、いろいろな機能を試して随時変更していこうと思います。

総合広告商社「AAP」のコミュニケーション戦略部門として、DTPで培ったデザインノウハウや、フォト・映像の撮影・編集ノウハウなどをバックボーンに、ウェブサイトや業務アプリケーション、WebアプリケーションなどのITソリューションをご提供している会社です。

02/09/2012

Facebookへの更新が遅くなりまして申し訳ありません。
8月・9月更新は、システム担当の佃が行いました。

まずは8月の更新内容から。

現状のWebサイトに、サイト内検索を設けました。
サイト内検索は、ここ数年はGoogleカスタム検索を主に使用することが多いですが、それまでは、独自に作成するか、オープンソースのNamazuを用いるしかありませんでした。
今回はその両方を設置、どのような違いがあるかを比較しました。

(1)Googleカスタム検索… http://www.prophix.co.jp/ 内の左下に設置されています。
(2)Namazuによる全文検索 … http://www.prophix.co.jp/namazu/namazu.cgi
※どこからもリンクされていません。なお、デザインしておりませんので、デフォルトのままです。

検索結果の違いを比較しました。
キーワード：カメラマン
(1)は16件、(2)は25件でした。
違いの理由は、(1)はGoogleにインデックス登録れている検索結果のみHITする、(2)はNamazuによって全てのページが検索対象になっているので、このような結果になりました。

確実にHITさせたい場合は、(2)が向いていますが、有効な情報のみHITさせたい場合は(1)で十分です。

時代とともに、(2)は使用する機会がなくなってしまったのかもしれません。

以上、8月の更新内容でした。

総合広告商社「AAP」のコミュニケーション戦略部門として、DTPで培ったデザインノウハウや、フォト・映像の撮影・編集ノウハウなどをバックボーンに、ウェブサイトや業務アプリケーション、WebアプリケーションなどのITソリューションをご提供している会社です。

02/07/2012

恒例となっていますプロフィックス自社サイトのリニューアル！7月の担当はウメハラです。先月担当マスダさんのトップページにプラスして、Jquery.mobileでスマホ作りました。

08/06/2012

マウスを置いたらボタンが変化する。よくある風景ですね。(^^;) そのよくある風景も、プロフィックスサイトではチョット違います！

プロフィックスサイトのナビゲーションボタンは、「ジンワリ」変化しちゃいます！これもみんな大好きJQueryで実装！

これは「smoothRollOver」といういjQueryを利用しています。

http://www.jeia.co.jp/report/2010/07/01/8/

二つの画像を用意して、それを徐々にフェードイン・アウトさせえて「ジンワリ」感がでちゃうんです！ぜひ「ジンワリ」をプロフィックスサイトでチェックしてください！


ボタンのジンワリをチェック！ ⇒ http://www.prophix.co.jp

06/06/2012

サイトにチョットした隠しコンテンツを設ける方法の一つに"画面の端っこがめくれる"エフェクトがあります。

プロフィックスサイトでもこのエフェクトを利用して、サイト作成担当者のチョコっとしたお知らせを記載しています！

このめくりエフェクトも「Useful Peel Back With jQuery」というjQueryで行えます！

http://www.htmldrive.net/items/show/1092/Useful-Peel-Back-With-jQuery

こんな面白いエフェクトが簡単に実装できちゃうんです！ぜひプロフィックスサイトのめくり具合もチェックしてください！

めくりをチェック！ ⇒ http://www.prophix.co.jp

05/06/2012

【技術的なTip】その2：カーソルポインタを変化させちゃえ！

いつも矢印アイコンや手アイコンでいるカーソルポインタちゃんを、イジってみました。
プロフィックスサイトではロゴイメージにマウスを合わせるとカーソルポインタが小さながプロフィックスロゴに変化します！

設定はCSSで行います。マウスオーバーした時に変化させてたい要素に対して「cursor: url("●●"),default;」と記載します。（「●●」は画像ファイルパスを記載します）
なんとこれだけで、設定した要素にマウスオーバーするとカーソルポインタが画像に変化しちゃいます！

あまり使われない（かな？）cursor宣言ですが、こういった機能もあるんですね。

カーソルポインタをチェック！ ⇒ http://www.prophix.co.jp

05/06/2012

サイトの顔ともいえる「ロゴ」ですが、どのサイトも"ピリリ"とした辛さが感じない！っということで、プロフィックスサイトのロゴは、カーソルが乗っかるとブルブル震えちゃいます！

震わせるにはjQueryのライブラリ「jQuery Vibrate」を利用して実装しています。

http://www.dev4web.eu/projects/jquery.vibrate/

震わせたい要素のid名またはclass名を設定するだけで見事に震えます。もちろん震えるスピードや震える幅（っていうのかな？）も変更できます。

いつも静かなイメージや文字、ボタンが"やんちゃなヤツ"になっちゃいますよ！

ロゴのブルブルをチェック！ ⇒ http://www.prophix.co.jp

01/06/2012

あっという間に6月！

ということで、恒例となっていますプロフィックス自社サイトのリニューアル！6月の担当は腰を痛めている0歳児のパパ、マスダです！
今回のコンセプトは「横スクロール」＆「Ajax（jQuery）テンコ盛り」＆「チョットしたギミックを入れよう！」です。ぜひチェックしてみてください！

http://www.prophix.co.jp

技術的なTipsは後ほど！

01/06/2012

2012年ソフトボール大会にて～
仲良くお揃いのユニフォームで応援！

30/04/2012

第３回目の５月は村松が担当しました。
エンジンかけるの遅すぎてＧＷを少し削って仕上げました。
前回デザイン重視で作ってもらったのを地味にしてしまったのは
申し訳ないですが、今回はCSS3 の Media Queries を利用してみました。

簡単にいうと、スクリーンサイズに応じて、CSSを使い分けています。
実際ウィンドサイズを縮めて頂けると分かると思いますが、
900px以下になった際に縦のグロナビが横になったり、バナーサイズが変更されるようになっています。

探り探りの作業だったので、
今回は900px以下なった時のみの適応となっていますが、
サイズのパターンはこちらで調節・指定できるので１つのページで違うデザインかつそのサイズにあったデザインを指定できます。またスマホにも適応できるためかなり需要があるかと思いますが、デザインのパターンやそれにあったＣＳＳを用意するとなるとそれなりにコストがかかりそうな感じでした。