Make Website HappyWEBサイトにつながるすべてをハッピィに!
Nullを引数へ渡せない問題をCatGPTが怪傑
![sliderThumb: Nullを引数へ渡せない問題をCatGPTが怪傑](/assets/shv/images/slider/probrem_passing_null_to_parameter.jpg)
wordpressPHP8の不具合をCatGPTが怪傑
![sliderThumb: wordpressPHP8の不具合をCatGPTが怪傑](/assets/shv/images/slider/solving_wp_problem_in_php8.jpg)
Javascriptでシミュレーションを自在に実装する
![sliderThumb: Javascriptでシミュレーションを自在に実装する](/assets/shv/images/slider/implementing_simulations_freely_with_javascript.jpg)
WEBの動画再生を探求する
![sliderThumb: WEBの動画再生を探求する](/assets/shv/images/slider/exploring_video_playback_on_websites.jpg)
CSSのColumnsで最適な段落カラムを自動生成。
![sliderThumb: CSSのColumnsで最適な段落カラムを自動生成。](/assets/shv/images/slider/paragraph_column_automatic_generation.jpg)
パララックスを極める
![sliderThumb: パララックスを極める](/assets/shv/images/slider/mastering_parallax.jpg)
マウス座標の中心で画像を拡大縮小させるJavascript
![sliderThumb: マウス座標の中心で画像を拡大縮小させるJavascript](/assets/shv/images/slider/zoominout_around_themouse.jpg)
文字の大きさをmin() max()を使って効率よく設定する
![sliderThumb: 文字の大きさをmin() max()を使って効率よく設定する](/assets/shv/images/slider/masterminfncandmaxfnc.jpg)
時間を操るスクリプト
![sliderThumb: 時間を操るスクリプト](/assets/shv/images/slider/script_to_manipulatetime.jpg)
魔女だって太ってちゃ高く飛べないからね
![sliderThumb: 魔女だって太ってちゃ高く飛べないからね](/assets/shv/images/slider/exercise_for_website.jpg)
アコーディオン系エフェクトをJSで極める
![sliderThumb: アコーディオン系エフェクトをJSで極める](/assets/shv/images/slider/master_of_accordion_effects.jpg)
連番画像を見開きで表示する
![sliderThumb: 連番画像を見開きで表示する](/assets/shv/images/slider/display_as_two-page_spreads.jpg)
ボックスモデルとパーセント指定を極める
![sliderThumb: ボックスモデルとパーセント指定を極める](/assets/shv/images/slider/master_boxmodel_and_percentage_value.jpg)
トランプのカードをシャッフルするスクリプト
![sliderThumb: トランプのカードをシャッフルするスクリプト](/assets/shv/images/slider/shuffle_playingcards_with_js.jpg)
GA4でユーザー動向を詳しく調べる
![sliderThumb: GA4でユーザー動向を詳しく調べる](/assets/shv/images/slider/accesslog_eventdetails_record_in_analytics.jpg)
一定間隔でイベントを正確に発生させるスクリプト
![sliderThumb: 一定間隔でイベントを正確に発生させるスクリプト](/assets/shv/images/slider/generate_events_at_regular_intervals.jpg)
現在地をGマップのセンターに表示する
![sliderThumb: 現在地をGマップのセンターに表示する](/assets/shv/images/slider/show_thisplace_on_googlemapcenter.jpg)
汝は神なり?
![sliderThumb: 汝は神なり?](/assets/shv/images/slider/thouartgod.jpg)
アキレスの亀でマウス追従ポインタ作成
![sliderThumb: アキレスの亀でマウス追従ポインタ作成](/assets/shv/images/slider/mousetracer_with_achilles_tortoise.jpg)
検索文字をハイライト
![sliderThumb: 検索文字をハイライト](/assets/shv/images/slider/highlight_search_words.jpg)
疑似3Dには遠近グリッドもお勧め
![sliderThumb: 疑似3Dには遠近グリッドもお勧め](/assets/shv/images/slider/image_font-feature-settings.jpg)
サイト改ざん野郎をぶっ飛ばせ
![sliderThumb: サイト改ざん野郎をぶっ飛ばせ](/assets/shv/images/slider/blowaway_the_hackers.jpg)
ミルクティーとTransform Rotateは順番が肝心
![sliderThumb: ミルクティーとTransform Rotateは順番が肝心](/assets/shv/images/slider/method_with_transform_rotate.jpg)
グリッドを極める
![sliderThumb: グリッドを極める](/assets/shv/images/slider/master_css_grid.jpg)
SVG画像で写真を切り抜く
![sliderThumb: SVG画像で写真を切り抜く](/assets/shv/images/slider/masking_with_svg.jpg)
週間人気ランキングを実装
![sliderThumb: 週間人気ランキングを実装](/assets/shv/images/slider/weekly_ranking.jpg)
3DCGを再開
![sliderThumb: 3DCGを再開](/assets/shv/images/slider/restart_digitalsculpture.jpg)
エクセル更新JSONサイト
![sliderThumb: エクセル更新JSONサイト](/assets/shv/images/slider/jsonsite_with_excel.jpg)
WEBで文字詰め
![sliderThumb: WEBで文字詰め](/assets/shv/images/slider/font-feature-settings.jpg)
反復処理の停止と再開を自在に制御
![sliderThumb: 反復処理の停止と再開を自在に制御](/assets/shv/images/slider/implement_an_iterator.jpg)
妃魔人からひと言Ⅱ遅延読み込みを検証したよ
![sliderThumb: 妃魔人からひと言Ⅱ遅延読み込みを検証したよ](/assets/shv/images/slider/inspection_lazyloading.jpg)
縦組み進化論
![sliderThumb: 縦組み進化論](/assets/shv/images/slider/evolving_vertical_writing.jpg)
既存ページを改修しました
![sliderThumb: 既存ページを改修しました](/assets/shv/images/slider/open_happydeveloper-threelines_revolution_to_chat.jpg)
妃魔人からひと言遅いことがいいこともあるよ
![sliderThumb: 妃魔人からひと言遅いことがいいこともあるよ](/assets/shv/images/slider/good_tobelate.jpg)
レイヤーの重なりを制御する
![sliderThumb: レイヤーの重なりを制御する](/assets/shv/images/slider/fixzindexprobrem.jpg)
MW‐WPFORM確認画面へ移動しない悩み解決
![sliderThumb: MW‐WPFORM確認画面へ移動しない悩み解決](/assets/shv/images/slider/fix_mwwpform_bugs.jpg)
ネイティブJSで要素を自在に追加する
![sliderThumb: ネイティブJSで要素を自在に追加する](/assets/shv/images/slider/append_objects.jpg)
魔女の箒って絵筆だったの?
![sliderThumb: 魔女の箒って絵筆だったの?](/assets/shv/images/slider/image_magick.jpg)
どのくらいクリックされたか調べる
![sliderThumb: どのくらいクリックされたか調べる](/assets/shv/images/slider/countclicks.jpg)
普通の子だって姫魔人になれちゃう
![sliderThumb: 普通の子だって姫魔人になれちゃう](/assets/shv/images/slider/image_devilsworkshop.jpg)
ハッピィ開発局Open!
![sliderThumb: ハッピィ開発局Open!](/assets/shv/images/slider/openhappydeveloper.jpg)
矢印ボタンで数値を増減するフォーム
![sliderThumb: 矢印ボタンで数値を増減するフォーム](/assets/shv/images/slider/spinner_button.jpg)
大量の画像をIMAGEMAGICKで自動変換
![sliderThumb: 大量の画像をIMAGEMAGICKで自動変換](/assets/shv/images/slider/easy_convert_images.jpg)
CSSで水玉模様を作る
![sliderThumb: CSSで水玉模様を作る](/assets/shv/images/slider/polkadot.jpg)
WEBの回復屋さん Open!
![sliderThumb: WEBの回復屋さん Open!](/assets/shv/images/slider/openwebhealer.jpg)
クリックかスクロールかはっきりね
![sliderThumb: クリックかスクロールかはっきりね](/assets/shv/images/slider/clickorscroll.jpg)
サイドバーをスマホでもすっきり
![sliderThumb: サイドバーをスマホでもすっきり](/assets/shv/images/slider/clearedsidebar.jpg)
妃魔人のワークショップ Open!
![sliderThumb: 妃魔人のワークショップ Open!](/assets/shv/images/slider/opendevilsworkshop.jpg)
好みのアイコンでピープルグラフ⁈
![sliderThumb: 好みのアイコンでピープルグラフ⁈](/assets/shv/images/slider/peoplegraph.jpg)
手品のような鮮やかさがテーマ
![sliderThumb: 手品のような鮮やかさがテーマ](/assets/shv/images/slider/image_sg.jpg)
動きをだすならモーションブラー
![sliderThumb: 動きをだすならモーションブラー](/assets/shv/images/slider/image_pagescroll.jpg)
ツノは生えてても怒ってないよ
![sliderThumb: ツノは生えてても怒ってないよ](/assets/shv/images/slider/image_top.jpg)
ちょっとオカルトとホラー風味です。
![sliderThumb: ちょっとオカルトとホラー風味です。](/assets/shv/images/slider/image_labo.jpg)
アイデアに困ったらロゴ追加。
![sliderThumb: アイデアに困ったらロゴ追加。](/assets/shv/images/slider/image_creation.jpg)
ページもふんわりスクロール
![sliderThumb: ページもふんわりスクロール](/assets/shv/images/slider/pagescroll.jpg)
CSSでカードめくり
![sliderThumb: CSSでカードめくり](/assets/shv/images/slider/upcard.jpg)
大量画像を一元管理
![sliderThumb: 大量画像を一元管理](/assets/shv/images/slider/searchgl.jpg)
ANDもORも混ぜこぜ検索
![sliderThumb: ANDもORも混ぜこぜ検索](/assets/shv/images/slider/search.jpg)
ページャーを複数設置。
![sliderThumb: ページャーを複数設置。](/assets/shv/images/slider/pager.jpg)
チャットに三行革命
![sliderThumb: チャットに三行革命](/assets/shv/images/slider/threelines_revolution_to_chat.jpg)
舞踏派スライダー
![sliderThumb: 舞踏派スライダー](/assets/shv/images/slider/swipeslider.jpg)
WEBタロットでちょっと息抜き
![sliderThumb: WEBタロットでちょっと息抜き](/assets/shv/images/slider/webtarot.jpg)
マップをいっぱい貼っちゃお!
![sliderThumb: マップをいっぱい貼っちゃお!](/assets/shv/images/slider/gmap.jpg)
初めてならサービスしとくわ
![sliderThumb: 初めてならサービスしとくわ](/assets/shv/images/slider/firsttime.jpg)
ハッピィバリーが生まれ変わったよ
![sliderThumb: ハッピィバリーが生まれ変わったよ](/assets/shv/images/slider/renewal.jpg)
Information End
Wellcome To Studio Happyvalleyようこそ、スタジオ・ハッピィバリーへ。
さらなる高みをめざすWEB制作スタジオです。
WEB制作事業所スタジオ・ハッピィバリーはホームページを必要とされるお客様を対象に WEBサイト制作・構築・運営・広告、グラフィックデザイン、3DCG制作をお受けしています。
スタジオ・ハッピィバリーの事業所は神奈川県相模原市になりますが遠方のお客様もご連絡頂ければ直接お伺いします。
もちろんリモートでも対応しています。
クライアント様には日本全国の個人事業主、中小企業の経営者の方や初心者の方も多いのでHTML・WEBに知見のないお客さまも安心してご依頼いただけます。
![さらなる高みをめざすWEB制作スタジオです](/assets/shv/images/introduction-1.png)
スタジオ・ハッピィバリーにWEB制作のすべてをお任せください。
ドメイン取得・管理から企画・デザイン・制作・運用、その他、WEB制作に必要なコピーライター、カメラマン、紙媒体の印刷会社まで。
スタジオ・ハッピィバリーにすべてお任せください。
また、ECサイトをご依頼の場合は決済会社へ別途ご登録いただくことになります。
登録を代行することも可能ですのでご相談ください。
![すべてをお任せください](/assets/shv/images/introduction-2.png)
philosophy スタジオ・ハッピィバリーが考える”サイトにとって大切なこと”
すべての人をハッピィに。
スタジオ・ハッピィバリーはWEBサイトにハッピィを充電します。
WEBサイトを見た人が幸せになり、WEBサイトを運営する人も幸せになる。
そんなハッピィにあふれたWEBサイト制作を目指します。
WEBサイトを運営する人にハッピィを。
サイトは公開してからの運用と情報の更新が重要です。
有益な情報を定期的にあるいは必要な時に迅速に提供できることが求められます。
簡単に自在に更新を続けWebサイトを最適な状態に維持することが大切です。
ユーザーにとって有益な情報を発信し続けることでGoogleの検索率を上位に維持することができます。
![WEBサイトを運営する人にハッピィを](/assets/shv/images/philosophy-1.png)
WEBサイトを見た人にハッピィを。
更新した情報もアクセスしたユーザーが見つけやすく、また理解しやすい内容にすることも重要です。
ユーザーが操作しやすいUI・UXだけでなく、わかりやすい文章と内容を説明する最適な写真やイラスト・動画なども求められます。
![WEBサイトを見た人にハッピィを。](/assets/shv/images/philosophy-2.png)
services スタジオ・ハッピィバリーがお手伝いします
Wordpressでの
サイト構築
スタジオ・ハッピィバリーではサイトにハッピィを充電するために二つの方法を提供しています。
そのひとつがwordpressでのwebサイト構築です。
管理画面からブログ記事を更新するような感覚で簡単に更新できるよう制作します。
また、テーマはサイトの目的に最適なデザインをオリジナルで制作します。
![wordpressでのwebサイト構築](/assets/shv/images/services-1.png)
エクセルでの
サイト構築
もうひとつの選択肢。ECサイト以外、顧客データをサイトに蓄積しないサイト専用になります。
CMSを使用しません。DBのテーブルをエクセルやGoogleスプレッドシートで構築し、そのままJSONファイルでデータをサイトへエクスポートする方法です。
メリットはHTMLを知らなくてもサイトの更新ができることです。コンテンツの作成や修正・更新すべき内容をすべてONEファイルで完了します。
メディアは別途アップする必要がありますが。なによりCMS特有の不具合・メンテナンスが不要です。
![エクセルでのサイト構築](/assets/shv/images/services-2.png)
about this siteこのサイトについて
ハッピィになるためのサイト。
このサイトはスタジオ・ハッピィバリーの実験研究の紹介と技術を広く告知する啓蒙サイトです。
このサイトで紹介しているツールや開発・実験用のプログラムなど、またビジュアルの制作などもご依頼いただければ実装します。
さらに、もっとこうして欲しい、こんなの作れるかなどのご相談もお受けしています。