株式会社プロフィックス

株式会社プロフィックス ウェブサイト構築 / 各種サービス&デザイン制作会社です。http://www.prophix.

株式会社プロフィックスは、静岡のWeb制作会社です。

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

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

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

9月の更新も、システム担当の佃が行いました。Camel4を間もなくリリースいたします。その先駆けとして自社サイトをCamel4を利用して作成しました。サーバーをCamel4側に移転しなければならないため、新しくドメインを取得いたしました。h...
02/09/2012

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

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

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

http://prophix.biz/

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

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

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

Facebookへの更新が遅くなりまして申し訳ありません。8月・9月更新は、システム担当の佃が行いました。まずは8月の更新内容から。現状のWebサイトに、サイト内検索を設けました。サイト内検索は、ここ数年はGoogleカスタム検索を主に使用...
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

【技術的なTip】その2:カーソルポインタを変化させちゃえ!いつも矢印アイコンや手アイコンでいるカーソルポインタちゃんを、イジってみました。プロフィックスサイトではロゴイメージにマウスを合わせるとカーソルポインタが小さながプロフィックスロゴ...
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

あっという間に6月!ということで、恒例となっていますプロフィックス自社サイトのリニューアル!6月の担当は腰を痛めている0歳児のパパ、マスダです!今回のコンセプトは「横スクロール」&「Ajax(jQuery)テンコ盛り」&「チョットしたギミッ...
01/06/2012

あっという間に6月!

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

http://www.prophix.co.jp

技術的なTipsは後ほど!

2012年ソフトボール大会にて~仲良くお揃いのユニフォームで応援!
01/06/2012

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

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

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

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

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

住所

駿河区森下町3/6
Shizuoka-shi, Shizuoka
422-8061

電話番号

0542843300

ウェブサイト

アラート

株式会社プロフィックスがニュースとプロモを投稿した時に最初に知って当社にメールを送信する最初の人になりましょう。あなたのメールアドレスはその他の目的には使用されず、いつでもサブスクリプションを解除することができます。

共有する