Date().getTime();if(instance.group.length<2||current.opts.wheel===!1||(current.opts.wheel==="auto"&&current.type!=="image")){return}e.preventDefault();e.stopPropagation();if(current.$slide.hasClass("fancybox-animated")){return}e=e.originalEvent||e;if(currTime-prevTime<250){return}prevTime=currTime;instance[(-e.deltaY||-e.deltaX||e.wheelDelta||-e.detail)<0?"next":"previous"]()})}})})(document,jQuery);制作メモとか、趣味とか、雑記。FactoryホームABOUTCONTACT私的WEBサイト参考まとめWEBTwitterFacebookはてブPocketPinterestLinkedInコピーコメント2023.03.20メモ。選び方のポイントデザインパーツパクリってどうなのというアレ。参考漁りの流れまずは案件ありきなので、どういうものを作るか確認する。WEBサイトに必要なシステムは何か傾向としてよくあるのは、ざっくり言えばECか否か。ECだったらシステム選び、ECじゃなかったらWP。WPを使うのは汎用性の高さがあるからで、0から構築するにあたってはMTとか他の組み方を要求されたことはない。ECだったら販売方針を確認して、予算やら何やらでサービスを確定する。金がなければとりあえずBASEで良くね?だとか、とりあえずMakeshopやらカラーミーでやっとけば無難だろとか、たまごリピートとかそういうのになることもある。WEBサイトに仕込めるギミックはサービスが前提になるので、デザインする前に決めるのが大事。要望はなにか必須項目というか前提ありきで、クライアントの要望を流し込む。ヒアリングして可不可の判断もするんだけど。ECにブログやら何やらをつけたいなら複数のサービスをまたぐとか、拡張するとか、やっていくなら費用は嵩むよっていうことも伝えて折り合いをつける。いうところも気をつけなきゃいけない。WEBサイト制作のオーダーがあったとしてもクライアントに知識が備わってないことはよくある話なんで、「お前らが言ったんだから金が掛かってんだよ」じゃなくて、「こういうことをしたいならこうなりますよ」で教育したり理解を求めたりで、騙すことのないように、こちらに責任の向かないようにしつつ詰めていく。「こういう機能をつけたいけど追々でいいよ」というものがあったりもするんで、そうすると優先順位やらスケジュールに係わるんで、そこいらも確認するのが大事。デザイン参考ぶっちゃけ見るところは限られてる。まとめサイトはいっぱいあるけど大体被ってるんで、更新頻度の高いところを2つ3つ抑えておけば良いんじゃないのって感じ。あとは情報系サイトが他の記事から頭一つ抜けたいために「2023年度最新」とかで毎年書いてたりする。中身は大差ないのにね。自分でまとめるよりは便利なので、そういうのを見に行くのがぶっちゃけ楽ですね。Webデザインギャラリー・参考サイト集Webデザイン制作の参考になるステキなWebサイト・LPを集めたギャラリー。Webデザインギャラリー・クリップ集Web制作の参考になる国内のWebデザインギャラリー・リンク集です。webdesignclip.com縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG縦長のwebデザインをがむしゃらに集めています。muuuuu.orgカテゴリ別にソートできるところが便利。あとは参照元にリンクがついていること。マジで情報鮮度は重要で、紹介してるスクリーンショットに引かれてアクセスしたらリニューアルされてたとか閉鎖されてたとかよくある話。古いものを掘り下げてもどうなの、ということになっちゃうので、頻繁に見に行くのがいいかも。選び方のポイントぶっちゃけかっこいいサイトとか異色なものを求めるなら、国内のWEBサイトはほぼあてにならない。海外のやつを見るべきで、国内は切り捨てても問題じゃない。凄そうって思っても実はあっちこっちでやられてるとか、比べると大差なかったりとか、ちょっと悲しい気持ちになったりする。尖りきれてないような感じ。洒落たものを作っても扱いきれないのが実際のところ。制作が洒落っ気を出して使いづらいだけのサイトに成り下がったらお互い損をする。頑張って作っても、日本語のおかげでダサいとか、根本的なつまづきがあったりもする。オブラートに包んでいえば、やりたいことよりもやるべきことを叶えられるものを参考にしましょう。国内外で色合いはかなり変わるけど、使えるものを探すという目的においてはどっちも見るのが大事ですね。デザインパーツ事例を見ていいじゃないのって、それっぽいものを作ろうと思っても、自前のコンテンツボリュームだと耐えられない場合がある。いじる程度で対応できるなら良いんだけど、無理っぽいなら別の構成を考える必要がある。いうときはパーツ単位で紹介してるまとめサイトが便利。パーツ別Webデザイン集メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイトです。SaaS/コーポレートサイト/BtoBのWebサイトやランディングページを掲載しています。Webサイト制作の構成やキャッチコピー、デザインの参考にどうぞ。Webデザインの「パーツ」を集めたギャラリーサイト当サイト「Modulesss...」は、Webサイトの図表や見出しなどの「パーツ」を集めたギャラリーサイトです。modulesss.comパクリってどうなのというアレ。丸パクリは害悪だけど、WEBサイトは自由に組める反面で最低限共通するルールがある。ヘッダーにメニューがある、ロゴがある、フッターにコピーライトがあるみたいな「○○を見たら✕✕がある」もの、トップページがある、プライバシーポリシーがある、会社概要がある、みたいなページ構成とか。ページの上の方ほど閲覧率は高いという前提からも、結局オリジナリティを出したくても、ざっくり見ていくとWEBサイトは似たりよったりになる。いうもんだという面がある。全部ぶち壊してオリジナリティを求めるとどうなるかと言えば、セオリーを逸脱した構成はユーザーからすると単に使いづらいだけじゃんって事になったりもする。成熟してるからしょうがないですね。結局は文言が違う、テーマカラーが違う、アイコンが違う、写真が違うだけで、構成自体は似たものにならざるを得なかったり、独自性はそこで出すしか無かったり。全否定で1からすべてひねり出すんだ!って方々にはデザインの流行りとか傾向についてどう考えますか、ということになってくる。今まで自分が学習してきたものも否定しなきゃいけないね、とか。世の中あんまり気にしてないですね。パクりたくてもパクりきれないことはザラだし、だからパクリじゃないよねみたいな。本気で寄せないと割と寄らないので、「わざと」がなければむしろパクれないところがある。パクリは取り組もうとしても難しいんで、業務遂行を優先したときにコピー品の作成は逆に手間でしか無かったりするんで、ひたすら良いところを学んで使い勝手のいい形にカスタマイズして活用すれば良いんですよ多分。コピーしやがったなこいつ、があからさまなものが分かると嫌悪感が半端ないですね。キモいことを頑張ってんじゃねえよってね。Factory関連記事WEB[お名前.com]RSサーバーのWPテスト環境構築方法そこまで難しくないけどさ。WEB「表示したときにアニメーションする」を考える構想の話。7のHTMLタグ自動挿入無効化functions.phpでやる方法。WEB[jQuery]特定のリンクを除外しつつページ内スクロールjQueryの兼ね合いで、ページ内スクロールが原因で動作がおかしくなった時の対処法。コメントをキャンセルメールアドレスが公開されることはありません。※サイトΔホームWEBスポンサーリンク掲載内容について内容をパクる場合は自己責任でお願いします。内容が古い場合、環境が変わって通用しないことがあります。記事の内容は最適解ではなく、作成時点においての筆者の理解の限界であることが多々あります。修正やそもそもの宗旨替えは不定期に行われるため、活用される場合はご注意ください。Highlighterがいよいよダメっぽいので、プラグインを変更しました。古い記事は表示が壊れてるものがあります。楽天Room主に釣具とか。transaction")},s.open("GET",d,!0),s.setRequestHeader("dlm-xhr-request","dlm_XMLHttpRequest"),s.send()}}タイトルとURLをコピーしました。