Webサイト制作初心者用質問スレ part248 [無断転載禁止]©2ch.net
レス数が950を超えています。1000を超えると書き込みができなくなります。
初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に >>2 にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 http://peace.2ch.net/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
http://find.2ch.net/?STR=seo&;;TYPE=TITLE
6. アクセス解析については該当スレで質問すること
http://find.2ch.net/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&;;TYPE=TITLE
7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
●WEBプログラミング板 http://kanae.2ch.net/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
http://find.2ch.net/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&;;TYPE=TITLE
12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
13. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part247
http://echo.2ch.net/test/read.cgi/hp/1488192984/ すごいなぁ
wordpressとjqueryしか触らないし実務もそれだけだわ アイコン用の白黒の透過pngにCSSで色のせることってできますか？
量があるのでフォトショでいちいち編集するの面倒なんですよね ウェブフォント版があったんですけど
ウェブフォントって拡大ってどうすればいいんでしょう >>858
拡大とは？
font-sizeやtransformのscaleではなく？ >>801だけど
見るブラウザによってセンタリングされてたり
上に寄ってたりで統一ができません
flexだのvertical-alignだのそういった話ではなくて
フォント自体の領域がずれてるっぽいんですけど
何か統一できる手段ってありますか？
開発者ツールで見るとわかるんですけど
例えば游ゴシック適用した際
computedの青の領域を見ると
テキストの頭が飛び出していて足元に空白があることが
ブラウザによっては確認できるかと思います
こいつが原因っぽいのでなんとかしたいんですが無理ですか？ >>859
ウェブフォントって fontsize で普通にかえられるんですね
サイズ固定なのかと思ってました
ありがとうございました <div>
<span>
<span>
</div>
っていう構文で span に inline-block がついててこれが変更できないっていう条件で
span 2 つを 2 行にして div の中央に配置することってできませんか？
試行錯誤してるんですがなかなかうまくいかない… <input> の <label> の中に <a> をいれるとクリックしたときどっちが優先されますか？
<label><a href="#id">ページ内リンク</a></label>
:
<div id="#id">
:
みたいな感じでlabelをクリックしたときにページ内リンクにとばせつつ
label のスタイルも :checked で変化させたいのですができませんか？ >>860
再現可能なコードと再現可能な環境を示すべき
jsfiddleにでもUP >>862
spanのafterにブロックでも入れてみれば？ >>865
2行にするにはそういう方法もあるんですね
width:51%とかにしてました onmouseで色がかわるってのは昔ならJavaScript使ってstyle操作してましたが
今時はどうやるのがいいんですか？
:hoverでいいんでしょうか？ >860
前に仕事で見かけたのはIEと游ゴシックだったかな
どうもブラウザとフォントの組み合わせによるようだが、原因は不明で根本的な対策もわからん
(和洋混植でディセンダが変に下がってる気はするが……)
・そういうモノ(フォント)だと考えて気にしない
・現象が起きないフォントを指定する
・paddingとかmarginでごまかす
line-heightを大きくして上下にネガテイブマージンとかやったらどうにかなんねーかなぁ >>870
游ゴシックとWin10は相性が良くない印象 >>849-854
Rails 5.1で作るVue.jsアプリケーション 〜Herokuデプロイからシステムテストまで〜
https://youtu.be/ycOeM2umXkY
Junichi Ito 伊藤淳一の動画
Ruby on Rails から、Vue.js を使っている >>572
RoRにもERBテンプレートがあるはずだけど
これは
＞テンプレートとしてLaravel使うならVue.jsはいらないし
＞Vue.js使うならLaravelいらない
の答えになってんの？
Vue.JSのテンプレートは素のHTMLがだいぶ汚くなるし
ぼくちんいろんなこと出来るって言いたいだけちゃう googlebotがjs解析できてdom挿入後のソースを検索に反映するなら
特に問題はないんじゃない
しないならseo的にもよくないけど
世の中のVue.jsで作られてるサイト全てが不都合被ってるとは思えないな >>870
>>871
ありがとうございます
paddingで騙し騙しやっていくことにします…… >>874
諸事情あって
グローバルナビがJSで貼り付けられてるサイトを運用してるけど
問題なくクロールされるね Vue.jsの記事の多くをみても
検索エンジンとは無縁な管理画面を想定しているよね
つまり・・・ >>872
の動画みたいに、1文字打つごとに、リストの候補が絞られるような入力補完は、
Vue.js じゃないと無理だろ
c → cat, cool
ca → cat ちょっと考えればおかしいこと言ってるって分かんないかなこのバカ。
vueで出来るってことはjsで出来るってことだ。
実際reactのチュートリアルでもよくある。 質問です
bootstrap4で3のpull-leftに相当する記述はどうやればできますか？
class="float-left"では上手く行かなくて困ってます。 >>880
自己解決しました
半角英数字でテストするの止めたらうまく行きました Jリーグのチームロゴ画像って個人サイトで使ってエエのん? >>883
ウェブ制作の前に著作権について学んでください https://www.jleague.jp/aboutj/property/
報道以外（商業利用含む）の意匠／商標の利用はJリーグへの事前申請が必要
ただし原則として肖像権料や商品化権料などが発生しうる
だそうだ
ファンサイト作りたいんですけどークラブチームのロゴ使ってもいいですかー？
とか馬鹿な子装って聞いてみれば
ダメって言われたら自分で書いた絵もだめですかー？とかアホな子装って聞いてみれば スマホ用とPC用って1ページで書くことができるんでしょうか？
古い人間なもので/pc/とか/smartphone/ディレクトリ分けて
UAで振り分けみたいなのが浮かぶのですが
今は画面サイズ見てやるのが主流なようなので
ただそうなった場合画像とかの扱いはどうなるのかな？という疑問が
スマホはwifi環境とも限らないので
普通PC用の画像とスマホ用の画像は分けると思うんですけど
そのへんはJavaScriptでやるのでしょうか？
最近はCSSなんかでも条件書けるみたいなのでそっち使うのでしょうか？
その場合は画像はbackground-imageとして使うことになると思うので
背景ではなくimgタグ使うべき場所もあるのでは？という疑問もわいてきますが >>886
Wi-Fiじゃなくても、今のスマホは4G回線が一般的だから、imgタグも普通に使う。 4GLTEは一般的だけど、容量使い果たして帯域制限かかってたり、
追加料金支払ったり、PCにあわせてでっかい画像をスマホで使うってのは個人的にはありえない。 >>888
確か容量使いきってるのは数%っていう統計があったが
ほとんどの人が月1GB以下だったはず >ほとんどの人が月1GB以下
えっ？どこのご老人世界ｗ >>891
あ、3GBの間違いな
要は低速まで使うガキは一握りって事 >892
家にブロードバンド回線があるかどうかでぜんぜん違う。
家にあって外ではあまり使わない場合は3GBに収まるが
家にない場合は、月15GBぐらい簡単に行く >>893
あっそ
じゃあ15GB用にサイト作ってれば？ >>894
サイトを作る必要はないよ。
画像のみを変えればいい
そこはほぼ自動化できるので
自動化するだけの技術力があれば
面倒なことにはならない
君はもう少し修行を積んだほうが良いね >>895
そういうのは最初に
>>886に言ってやるべき >>887-889
どうもレスありがとうございました
>>889さんのは割と新しめの技術なんですね
メディアクエリなんかも全然知らなかったのでとても参考になりました
IEとopera miniは対応してないようですが問題ないので
これを使ってみたいと思います
どうもありがとうございました >>896
見た時すでに馬鹿がレスしたいたんだからしょうがない
馬鹿なことを言ってる馬鹿に、ばーかばーかというのが俺の役目
もちろん馬鹿とは>>894のこと 今勤めてる会社の社長から会社のｗｅｂサイト作れ、という指示が飛んできました。
学生のころに趣味でＨＰ作ったことがあるからなのですが、曲がりなりにも法人のサイトなので尻ごみしています。
プロにお願いするのが一番なのでしょうが、ちょっと暇な時期で、仕事を回してるという側面もあるので断れません。
同業他社のサイト参考にして、ちょっと変えてくれる程度でいいよ、とのことですが、レンタル鯖等のプランもありません。
鯖はネットで適当に調べて、人口が多いところか、知名度が高い大企業がしてるところかの二択にしてますが、
素人が初めて、どれくらいの時間が必要かとか、有料素材等でいくらかかるのか、何を用意しないといけないかとかの見当がつきません。
ふわふわした質問で申し訳ないのですが、法人のWEBサイト作るなら最低限これだけは必要、
ということや、読んでおいたほうが良い書籍やサイトなど教えていただけると助かります。
業種は飲食店です。 >>902
鉄板を決めてあげる
・サーバーはsakuraサーバー
・wordpressをインストールする。もうそれだけでそれっぽくなる
・後はテンプレートをひたすら探す
本当は
・そもそもwebサイトで何を目指すのか
という事を考えなければならないんだけど、どうせ住所と電話番号がわかればいいってレベルだろうから、
住所と電話番号が分かるものを1ページで作れば良い
有料素材なんてもったいないからぜんぶいらすとやで良い
これだけ言ってわからないなら、「wordpress HP 作成」で検索すれば良い
10マン＋3日もアレばそれっぽいものを作ってくれる >>903
ありがとうございます
Webサイトの理由ですが、主な理由はまずはお客様への告知であり、次に手の空いた社員に仕事をさせることなので外注では意味がありません。
またお客様はなじみのお客様と新規のお客様双方への告知になります。イラスト屋は現在ではテレビ等でも使用されていますし、
お客様の中にもイラスト屋を知ってる方もいるかもしれない以上、フリー素材で安く作っていると思われるのはちょっとまずいので有料素材を使わざるを得ないかな、と考えています。
鯖は私ならsakuraでいいと思うのですが、社長の性格が値段より安心、という性格なので当て馬にしようとは考えています。 疎い社員に会社のサイトを作らせることと安心を取ることが矛盾してる
気軽なノリで作るならそれはやめた方がいい
本当にそれは必要なのか、もっと安全で低コストな方法はないのかもう一度検討してみては？ wordpressが使いたいなら、wordpress.com で
wordpressサービスをレンタルしたほうが良い
下手に自分でサーバーを借りてwordpressをインストールしたりすると
セキュリティの更新などでメンテナンスが大変になるぞ。
（wordpressは自動更新とかあって比較的楽だった気はするが）
制約はきつくなるがアプリをインストールする方式ではなく、
ブログサービス等をレンタルしたほうが安全
社長の「安心」というのが「安全性が高い」という意味ではなく
「信頼性がある」という意味ならドメインを取得して
SSL証明書も入れたほうが良いだろう。
（SSL証明書は今ならLet's Encryptで無料で取得できるしな）
レンタルするサービス・サーバーこれらに対応していることを確認すること。
対応していると言っても、設定を自分で行わなければいけず大変なこともある
ウェブサイトの運営はコンテンツを作る以外にもやらなければいけない事がある
それを自分でやるのかやらないのかの判断が必要 >>909
comは制約多いやん
プラグインとかJavaScriptとか >>910
うん。だから安全とも言える。
サイトを作るのにプラグインのメンテナンスは本質的な作業じゃないでしょ？
それをやる覚悟はありますか？って話
やりたいならやればいいよ
だけど>>902はどうみせもそこまで考えてないから
念を押しているだけ コメントありがとうございます
正直、私もやりたくはないので必然性等に関しては説得もしたのですが
社長が必要だと感じているので、ここはもう変えられないと思います。
サーバに関してはあんまり金をかけたくないとはいえ、別に気にしなくていいよ、という言質とってるのと
何かトラブルがあった際、安いとこにしたせいだ、ととられるのも癪なので社内政治的に大手にしておこうと思った次第です。
最初にそれっぽいの作って、はメンテナンス等は放置がこのましいのですが ええええええええ
企業サイトでしょ？
ロリポップ？ >>914
いっそのことブログ使うの止めたら？
HTML書いてアップロードするだけ
ブログとかCGIとかECサイトとか
何かしらのシステムを使うサイトは絶対にメンテナンスが必要
メンテナンスをしないとトラブルが発生する
そのメンテナンスを自分でするかサーバー会社（または専門業者）に
やってもらうかで金額は大きく違う 企業っていっても資本金ほぼ0の零細から株式会社まで様々だからな 考えようによっちゃチャンスだけどな
給料もらいながらWEBの勉強ができるわけだからwordpressとかで作ってもいいんじゃないの 大して更新しない
企業概要とかアクセスとか書いただけのサイトなら
WordPressを使う理由は特に無いな ここで質問していいかわからないですが
グーグルなどの検索結果から削除したい件がありまして
サイト管理者側が該当ページを削除するのは手間がかかることなんでしょうか？
連絡がつけば何日くらいで削除できますか？ Googleのウェブマスターツールで申請すれば消せるけど少し時間がかかる
すでにアーカイブされてるものは消えないけど
次のクロールの際に不要なページなら410GONEでも拾ってもらえばいい
必要なページならrobots.txtで拒否すればいい >>914
詳しくありがとうございます
とりあえず連絡してみます 画像表示に鯖には画像データ置かないでwikiの画像URL指定して表示させたりしたらアカンのかね twitterとかyoutubeのサムネとかapiで引っ張ってくるのもアカンのかえ 画像はGoogleフォトにおいてリンクするに決まってるだろ
無料で無制限に使える画像置き場があるのに
それを使わないのは馬鹿すぎる >>918
そうですね
基本的には告知やら、馴染みのお客さんに見てもらいたいだけなので
長い目で見ればメンテ不要なのがあとくされがなくて一番よさそうです。
昔ジオシティーをちょっと触った程度くらいの知識しかないですが、できるだけシステムを使わない方向でいきたいと思います >>930
それは面倒臭いだろうw
そんなに大量に置くわけでもねえだろうにww >>933
そうか？
リンク貼る作業は大差ないだろ？
画像のアップロードはむしろGoogleフォトの方が楽かもしれないし
Googleのインフラが使えるから速度だって速いと思うが 俺が前いた会社
起業10年くらいだったけど9割以上ロリポだったわ
極々たまーにサクラとか自社鯖があった
自社鯖指定しといてphp不可とか厄介者もいたな >>930
何がめんどくさいってアカウントの管理
個人用に作るだけなら何も問題はない > 何がめんどくさいってアカウントの管理
なんの話？
Googleアカウント作るぐらい
簡単でしょ 情報系の学部でてから数年ニートだったんだけど
一応プログラムそこそこかけるからIT系の就活しようかなと思ったら
とりあえずスキルポートフォリオ作れっていわれたんだけどおすすめある？
レン鯖からフレームワークやらページ構成内容の見本やら教えてほしい
できれば無料か就職きまるまでの数ヶ月でやめて安くおさえられるとこ
HTMLとCSSはfloatとかでレイアウトしてたころに昔そこそこさわってた
HTML5とCSS3はまったく知らんので必要ならこれから勉強
CMSもまったく経験なし >>937
転職とかあんじゃん
でもひとつのアカウントを複数の人間で使い回すのは愚の骨頂じゃん >>938
悪いこといわん
スマホアプリにしなさい >>938
系統によって必要とされるスキルが違うからなぁ
ていうか新卒じゃない無経験ってのがなによりも足かせになりそうな気が… 志望がWeb系ならこの質問内容的に相当レベル低いのに「そこそこかける」って時点でないわって感じだな
それ以外なら仕方ないけど実務したことない人の「そこそこかける」はそこそこかけた試しがないよねｗ
(学校と仕事で求められるスキルが天地ほどの隔たりがあるから)
まあその辺は他人がとやかく言う筋合いないが
とりあえず「WordPress ポートフォリオ」辺りで探せばいっぱい出てくるかと
数ヶ月で済むとは思えないけどサーバーはロリポとかでもいいんじゃない googleのアイコンとか画像ひとまとめにしてるのは
スタイルシートでトリミングしてるんですよね？
サーバへのリクエスト数は減るけど描画に力を使うと思うのですが
マシンパワーやブラウザのバージョンにもよるでしょうが
総合的にみて本当に描画が速くすむのはどちらなのでしょう？ >>940
ニートで外であるかないからスマホもってないんだけど
Javaは一応かける
>>941
ほんそれ
ネット上にある転職サイトみたいなのあちこち登録しようと思ったら
まず職務経歴をうめないとエントリすらできないんだが空欄で登録できないし欠陥サイトかよ
転職サイトじゃなく就職支援サイトってないのかよ
仕方ないからハロワにいって未経験OKの募集いくつか紹介してもらったら
とりあえずポートフォリオだけはつくれっていわれていまここ
>>942
ポートフォリオをウェブで作れていわれただけで
志望はプログラムかけるならバックエンドでもフロントエンドでも何でもいい
Java C/C++ C# PHP JS あと需要はないけど関数型言語あたりも使える
一応かけるっていうのはコードの質やチームワークは分からないけど
アルゴリズムでできることなら何でもかける自信はある
自作同人ゲームを作ったことはある程度
システム依存だったり特定のライブラリやフレームワークを使ってくれってなると
調べないといけないしひとりだとどはまりするかもしれない
どの分野もHelloWorldが動くとこまで教えてもらえたらあとは自分で何とかできるぐらいのスキルはあるとおもってる
今回もとりあえずレン鯖なりその上でいれるフレームワークなり教えてほしいかなって
まさかいまどき自宅でPC組み立ててドメインとってApacheいれてHTMLかけってのが最適解じゃないでしょ >>943
>描画に力を使うと思うのですが
べつに >>944
てことは別にサイトは自作にこだわる必要は無いわけだから、Ameba Owndとか こりゃダメだ
趣味や独学だけやって実際には何が必要とされてるか知らない典型的な俺SUGEEE様だわ
雇って仕事与えたら役に立たないパターンだな >>943
圧倒的にスプライト
描画する以上もちろん0ではないけどリクエストとは比べものにならない http2になると話は変わってくるがまだまだ普及してないからな >>939
そう
蔵に用意させるとしても、どのアカウントがいいかでｄ無駄に悩む
そんなことで時間を使いたくないので普通にサーバーに画像奥 ふとした疑問なのですが、検索フォームなんかの送信ボタン(submit)ってどのような時に使うのでしょうか？
PCなら文字を入力したらその流れでenterで送信するし、
スマホンならソフトウェアキーボードのenterでやはり送信します
チェックボックスやラジオボタンをクリックするフォームなら分かるんですが、
振り返ってみると、送信ボタンを使用する機会ってないような。。。 enterで送信とかしないから。
enterの意味が入力確定と送信の
二種類あるとしたら、それは悪いインターフェース 背景色#000 文字色#fff
の要素を選択したら
背景色#fff 文字色#000
に徐々に反転するようなアニメーションのメニューをよく見かけます
使用人口を見る限りこれはスタイルシートだけでどうにかできるのでしょうか？
それともJavaScriptのTimer系関数使って実装したもの使ってるだけでしょうか？ focusとtransitionでやるのが多いと思う レス数が950を超えています。1000を超えると書き込みができなくなります。
