Webサイト制作初心者用質問スレ part253

1 ：Name_Not_Found：2021/07/17(土) 22:21:10.88 ID:???.net

初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置

【質問時の注意】
　 1. 質問する前に >>2 にも目を通すこと
　 2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
　 3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
　 4. ブログについてはブログ板で質問すること
　 　 　●ブログ板 http://mevius.5ch.net/blog/
　 5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
　 　 　http://find.5ch.net/search?q=seo
　 6. アクセス解析については該当スレで質問すること
　 　 　http://find.5ch.net/search?q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90
　 7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
　 8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
　 　 　●WEBプログラミング板 http://medaka.5ch.net/php/
　 9. JavaScript はこの板の該当スレで質問すること
　10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
　11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
　 　 　http://find.5ch.net/search?q=%E5%BD%B9%E3%81%AB%E7%AB%8B%E3%81%A4%E6%9B%B8%E7%B1%8D%E3%81%AF
　12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
　13. 間違った回答をする人もいることに注意

【前スレ】
Webサイト制作初心者用質問スレ part252
https://mevius.5ch.net/test/read.cgi/hp/1595561376/

440 ：Name_Not_Found：2023/03/26(日) 02:56:14.60 ID:???.net

ＪＡＶＡアプレットってもう作れないのか
ずいぶん時代は変わった
ドリームビーバとかファイヤボンバーとかフラッシュってソフトが昔だと３点セット売りだったのですがもう売ってないようです
ＩＢＭホームページビルダーを買って勉強しようと思います
若い皆さんありがとう

441 ：Name_Not_Found：2023/03/26(日) 09:12:07.48 ID:???.net

flashやろうぜflash

442 ：Name_Not_Found：2023/03/26(日) 15:51:45.37 ID:???.net

>>440
ドリームビーバってドリームウィーバーの事だよね？
会社変わっただけだからサブスクだけど今も買えるよ

443 ：Name_Not_Found：2023/03/29(水) 10:03:47.46 ID:???.net

>>437
笑うところ？
それともマジ？
冬眠から目覚めたの？

444 ：Name_Not_Found：2023/03/29(水) 12:49:19.61 ID:???.net

442を読む限り、おじさんが寒いジョークを飛ばして構ってもらいたいように見える

445 ：Name_Not_Found：2023/03/30(木) 04:32:12.14 ID:???.net

ホームページビルダーみたいにレイアウト枠を自由配置できるツールって希少なのかな
有名なWordPadとかいうレンタルサーバのおまけソフトなら自由配置できるのかな？

446 ：Name_Not_Found：2023/03/30(木) 04:38:46.15 ID:???.net

こういった感じを目指してガンバりたいな
https://web-cafe.biz/~junchan/

447 ：Name_Not_Found：2023/03/31(金) 01:42:08.39 ID:???.net

>>445
STUDIOとかwixとかあるやん

448 ：Name_Not_Found：2023/03/31(金) 02:08:57.93 ID:???.net

WordPad？と思ったけど、WordPressの話か

449 ：Name_Not_Found：2023/04/01(土) 02:10:40.39 ID:???.net

これまで勉強しながら時間かけてホームページ作って、
なんとなく公開できそうなカタチにはなってきたけど
いざ人を呼び込むにはどうすればいいのか悩んでます。

https://illustlinks.net/

自分の作ってるホームページはどんな内容かというと、
pixivとかで見つけたお気に入りのイラストのサムネを
条件に応じて並べる画像リンク集っぽいものです。

いざ訪問者を集めようと思ったものの、ド素人なので
今どんなやり方があるのかさっぱり思いつきません。

自分のネット知識はgeocitiesとかでホームページを
作ったりしてた時代のまま止まっております。
あの頃は200x40のバナー画像とか作ってたっけ。
今でも自動登録リンク集とかってあんのかな……

450 ：Name_Not_Found：2023/04/01(土) 09:54:35.62 ID:???.net

調べたが訳がわからなくなった
昔はＨＴＭＬっのとリアルプレイヤとフラッシュさえできればよかったのだが
いまはサーバつくるところからやるのか
フレームワーク開発？？？
うはさっぱりわからん

451 ：Name_Not_Found：2023/04/01(土) 13:34:46.63 ID:???.net

文系の大学院とかプロ用なら、未経験者の王道フレームワークは、
Ruby on Rails でポートフォリオを作って転職する。
簡単なのは、Bootstrap, jQuery

YouTube で有名な雑食系エンジニア・KENTA の初心者向けRailsサロンが最安値で月千円。
次いで、東京フリーランスのデイトラが10万円

RailsチュートリアルのRails 5 なら、無料で読める

452 ：Name_Not_Found：2023/04/01(土) 15:08:21.27 ID:???.net

>>449
とりあえず「SEO 対策」とかでググってみる
但し、怪しい業者には引っ掛からないように
アクセス解析してないとのことだけど、宣伝の効果測定ってどうやるの？
Google Analyticsぐらい入れとかないと傾向と対策が出来ない気も
あとは絵描きさんにSNSでリプ送って口コミを狙うとか、その筋のコミュニティ等で質問・相談するとか？

それにしてもデザインとか何のサイトか分かりにくいとか色々と勿体ない感じ
その筋の人には凄く便利そうなのに

453 ：Name_Not_Found：2023/04/01(土) 17:00:33.37 ID:???.net

定年退職して６０の手習いでホオムペイジするには
やはりワードだろうか
ワードでＨＴＭＬに保存すればいいのか
ロゴマークもとてもお洒落感でイカシてるしトレンディだゼ

454 ：Name_Not_Found：2023/04/01(土) 17:14:21.89 ID:xo6H9SO/.net

そんな餌でクマー

455 ：451：2023/04/01(土) 17:21:26.56 ID:???.net

>>452
丁寧なアドバイスありがとうございます。
ひとまずSEOというのを調べてみようと思います。

一応そういうので評価が高くなったらいいなと思って
ドメインの取得やhttps化を頑張ったりしたのですが
そこでくたびれて満足（思考停止）してました。

アクセス解析も導入してみようと思います。

SNSというのはtwiterとかでいいんですかね。
使ったことなかったのでリプの意味も知りませんでした。

その筋のコミュニティ等に関してはCG板とかで
マルチポストして訊いて回ってみようかと思います。

デザインセンスの欠如は努力でなんとかなる気しないので
誰かにアドバイスもらわないとどうにもならないんですが
修正案とか教えてもらうのにどういう業種に頼んで
いくら払えばいいのかとか想像付かなくて怖いです。

ここ最近、何に手を付ければいいかわからなくなってたのですが
まずはGoogle Analytics、SEOとSNSの勉強を頑張ってみます。

456 ：Name_Not_Found：2023/04/01(土) 17:28:13.65 ID:xo6H9SO/.net

SEOはh1とか<title>たか<description>とか
各種タグを正しく使うことか重要

アクセス解析は結果をわかりやすく見るためのツールだね

457 ：Name_Not_Found：2023/04/01(土) 17:30:02.15 ID:???.net

>>453
自分は昔HyperEditというシェアウェア使ってましたが
今はvscodeというのが使いやすいと思います

自分はスマホ持ってないけどスマホで動くHTML作るのって
なんかすげー難しいですね。みんなどうやってんだろ。
特にApple端末向けのクロスブラウザとか頭おかしくなりそう

458 ：451：2023/04/01(土) 17:33:48.02 ID:3vTvyCop.net

ひょっとしてsageって入れるとID出ない？
最近は2chの常識まで変わってるのか…

459 ：Name_Not_Found：2023/04/01(土) 18:31:20.11 ID:???.net

>>455
SNSはTwitterでいいんじゃない？
でも明らかな宣伝目的で話しかけに行くと嫌われる事も多いし
使い慣れていないうちは、先に使い方や雰囲気を掴んだ方がいいかも
それと5chだと同じ質問でのマルチポストは嫌われるのでやめといた方が

デザインの話は文字だけじゃなかなか難しいけど、トップページのデザインは
携帯でも見られるように縦長にしてるのかね？
縦に細長いサイトってiモード用？とか、20年ぐらい更新してない？とか錯覚する

なので、ちゃんとPC用とモバイル端末用に分けるか、レスポンシブ化した方がいいし
難しかったらフリーのレスポンシブなHTMLテンプレート拾って書き換えるって手もあるし
トップページだけWordPress等のCMS導入して、良さげな無料テーマ使えば
それなりに見た目は整えられるから、わざわざ業者に金払うのは勿体ない

460 ：451：2023/04/01(土) 23:33:57.75 ID:???.net

スマホの解像度は横幅360らしいので
それに合わせるのはダメダメでしたか

トップページへのスマホからの閲覧は
別ページに飛ばすことにしてみます

461 ：Name_Not_Found：2023/04/01(土) 23:52:07.82 ID:???.net

レスポンシブ対応を覚えよう
pcとスマホは別urlにしなくても
ブラウザの横幅基準でデザインを変えられるよ

462 ：Name_Not_Found：2023/04/02(日) 00:50:43.01 ID:???.net

>>460
別ページに飛ばすと、そこでまた新たにサイトが読み込まれて通信が発生するので
例えば、これはレスポンシブ対応の無料テンプレートのデモだけど
https://html5up.net/editorial
ここをブラウザで開いた状態で、ブラウザの横幅を狭めたり拡げたりしてみれば
>>461 の書いてる通り、新規読み込みせずにデザインを変えられる

463 ：Name_Not_Found：2023/04/02(日) 07:30:56.20 ID:???.net

>>460
とにかつまずはWoｒdPressを使えよ
話はそれから。

464 ：Name_Not_Found：2023/04/02(日) 10:56:06.62 ID:???.net

>>463
> とにかつ
> とにかつ
> とにかつ
> とにかつ
> とにかつ
> とにかつ
> とにかつ
> とにかつ
> とにかつ
> とにかつ

m9(^Д^)ﾌﾟｷﾞｬｰ

465 ：Name_Not_Found：2023/04/02(日) 12:39:27.64 ID:???.net

横だが半角と全角が混ざってるのが気になって
とにかつに気付かなかったなんて

466 ：Name_Not_Found：2023/04/02(日) 12:40:25.40 ID:???.net

>>458
板やスレによるよ

467 ：451：2023/04/02(日) 15:36:39.70 ID:???.net

トップページの改修案を考えようとしたのですが
考えたらトップページに置くような内容もないから
既存の検索ページをトップページへ置き換えます。

肝心の致命的なデザインに関してですが、
トップページ（検索ページ）以外に関しては
wordpressというを試してみようと思います。

ただPHPやSQLの導入はあんまりしたくないので
静的とかサーバレスとかそういうので出力したのを
配置するというやり方を調べてみるつもりです。

wordpressでのデザインが固まってきたところで
トップページのデザインもそれに合わせるカタチで
配色とかフォームの外観とかを弄ってみようかと。

ひとまずこんな方針でやってきます。

468 ：451：2023/04/02(日) 16:14:08.90 ID:???.net

meta descriptionというの記述した記憶があったのですが
SEO診断ツールというので記述されてないと指摘されたので
よく確認したら文字列の区切り記号が " ではなく ” でした。
そりゃgoogleとかで説明文が認識されないわけだ。
ここで質問してなきゃずっと気付かなかったままかも

絵師さんとかコミュニティとかへのコンタクトは
まずサイトデザインが落ち着いてからにします

Twitteの雰囲気を学ぶのを優先しつつ並行して
クリエイターの方が集まる場所も探してみます。
discordとかPawooだかそういうのもあるみたいで
それらの使い方も調べてみようかと思ってます

自分のアレな視野じゃやるべきことがわからないので
数々の助言が本当にありがたいです

469 ：451：2023/04/02(日) 18:04:36.35 ID:???.net

WordPressの導入ですが、このページを参考に触ってみます

Azure Static Web Apps に WordPress で作成したサイトを配置する！
https://tech-blog.cloud-config.jp/2021-10-05-wp2swa/

470 ：Name_Not_Found：2023/04/02(日) 19:10:50.09 ID:qDtekw8L.net

HTMLと、レスポンシブを含めたCSSまでは
割とスムーズに覚えられる
次に配布されてるjQueryをスムーズに組み込めるか
ここまでできれば、だいたい事はできる

個人的には自作jQueryやJavaScriptから途端に難しくなるイメージだな
PHPの方が若干とっつきやすい

footerとかの全ページの共通項目だけはPHPで一括で変更できるようにしてると楽よ
menuが全ページにあるような作りにするときも楽できる

471 ：Name_Not_Found：2023/04/02(日) 19:55:13.53 ID:???.net

WordPress＋SSGは更新のたびにデプロイする必要はあるけど
セキュリティ面や軽量化を考えたら大正解だね

472 ：453：2023/04/03(月) 02:41:52.22 ID:???.net

>>451
に書いたので参照。
ただし、Ruby on Rails は転職するためのプロ用です

>>453
>>457
レスポンシブ対応には、VSCode, Bootstrap が最も簡単。
emmet, Markdown とか

YouTube に、たにぐちまことのBootstrapの動画ある

>>467
Ruby製のJekyllは、静的サイトジェネレーターの1つで、
MarkdownやLiquidテンプレートを使用して、高速で安全なウェブサイトを簡単に作成できます。
GitHub Pages もJekyll

LiquidはRuby製で、Railsの最大手・Shopify製のテンプレート言語。
ERB・埋め込みRubyに似ている

473 ：Name_Not_Found：2023/04/03(月) 05:36:48.91 ID:???.net

殆どコピペなんだろうが、相変わらず会話が成立しそうにない文章だな

474 ：Name_Not_Found：2023/04/03(月) 13:19:46.37 ID:???.net

ChatGPTみたいなAI会話に似てるよね
それっぽいけどなんか違う

超初心者だと横文字並べられただけで
意味は理解できないけど、だからこそ尊敬の眼差しを送っちゃいそう

475 ：Name_Not_Found：2023/04/03(月) 15:12:12.94 ID:???.net

ruby宣伝bot過ぎて何のアドバイスにもなってないんだよね
相手の都合やスキルなんて完全無視で、自分の目的のためだけに
宣伝文句を羅列するだけっていうね
ギンギンに目を見開いて、瞳孔開きっぱなしで書き込んでそう

476 ：451：2023/04/03(月) 21:16:27.28 ID:???.net

wordpressのテーマでどれ選ぶか悩んでましたが
とりあえずBootstrap5対応のテーマにしてみます

そのほうがwordpressで出力したページの外観に
他のページも寄せるのがラクそうなので

Simply Staticで出力してみたHTMLの中身も
思ったより複雑ではなかったので安心しました

477 ：Name_Not_Found：2023/04/04(火) 02:00:02.03 ID:???.net

http://hm.aitai.ne.jp/~naitonet/

こんな感じにしたいです
プロの技が光ります

478 ：Name_Not_Found：2023/04/04(火) 02:21:55.56 ID:W5QtXsqy.net

検索してみたら
「他の人はこちらも検索」
って欄に

「〇〇（店名）　検索してはいけない」

ってワードがあったが
界隈では有名なのかい？

479 ：Name_Not_Found：2023/04/04(火) 07:51:57.66 ID:eMMdw4ee.net

>>469

アホみたいな事やっとるな

480 ：Name_Not_Found：2023/04/04(火) 10:53:03.27 ID:???.net

>>477
おちょくるのにも度が過ぎてる
おう止めてくれ

481 ：Name_Not_Found：2023/04/06(木) 09:20:25.59 ID:???.net

フォームの設計をわかりやすいようにするやり方・考え方って
専門用語で何て言うんでしたっけ？
検索しようにも言葉を忘れたのでググれません

482 ：Name_Not_Found：2023/04/06(木) 14:11:01.55 ID:???.net

フォーム周りに限らない用語だけどUX（ユーザーエクスペリエンス）とか？

483 ：Name_Not_Found：2023/04/06(木) 15:22:24.90 ID:???.net

>>481
Entry Form Optimization(EFO)
日本の会社が自分たちの製品/サービスを売るために考えたBuzzwordで英語圏では使われてない

484 ：Name_Not_Found：2023/04/06(木) 15:31:12.75 ID:???.net

なんだ、SEO的なアレなやつか

入力フォーム最適化 - Wikipedia
https://ja.wikipedia.org/wiki/%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E6%9C%80%E9%81%A9%E5%8C%96
検索エンジン最適化 - Wikipedia
https://ja.wikipedia.org/wiki/%E6%A4%9C%E7%B4%A2%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3%E6%9C%80%E9%81%A9%E5%8C%96
ランディングページ最適化 - Wikipedia
https://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%9A%E3%83%BC%E3%82%B8%E6%9C%80%E9%81%A9%E5%8C%96

485 ：Name_Not_Found：2023/04/06(木) 15:46:17.41 ID:???.net

>>483
それです！EFOです！
他の人もありがとうございました。

486 ：Name_Not_Found：2023/05/18(木) 11:40:35.52 ID:???.net

パソコンにソフトをインストールして、それでホームページを作る練習をしてみる
みたいなタイプの無料のソフトって何がありますか？

487 ：Name_Not_Found：2023/05/18(木) 13:45:24.93 ID:???.net

VSCode(Visual Studio Code)

488 ：Name_Not_Found：2023/05/30(火) 20:06:01.71 ID:???.net

質問です。
Googleアナリティクスを解除すると、サイトもなくなっちゃうの？

489 ：Name_Not_Found：2023/05/30(火) 20:08:22.84 ID:???.net

アクセス解析できなくなるだけ
サイトがなくなることはない

490 ：Name_Not_Found：2023/05/30(火) 20:57:38.82 ID:???.net

>>489
そーか！
よかったぁ
ググりまくっても、消えるのかーい！？消えへんのかーい！？とゆーあまりにも単純なことがでてこなかった。
さんきゅー

491 ：Name_Not_Found：2023/05/30(火) 23:32:27.14 ID:???.net

むしろ、なぜ
アナリティクスの有無とサイトの存続が連動すると思い込んだのか
そっちの方が興味あるわー
アクセス解析はアナリティクスじゃなくてもいいんだし

サーチコンソールやアドセンスとの連携で
アナリティクス（というか今はGA4？）にしとけば尚よろし、
てだけの話で。

492 ：Name_Not_Found：2023/06/16(金) 17:14:04.39 ID:???.net

Edgeの開発ツール(F12)でローカルストレージはどう見るのでしょうか？
Foxはすぐ見れるのに

493 ：Name_Not_Found：2023/06/16(金) 18:08:25.99 ID:???.net

>>492
View and edit local storage - Chrome Developers
https://developer.chrome.com/docs/devtools/storage/localstorage/

494 ：Name_Not_Found：2023/06/18(日) 19:52:44.95 ID:5pLhWT8w.net

PC内においているindex.htmlから、
iframe内のURLを取得したいのです。
<iframe src=“example.com”></iframe>

iframeでロードごとにiframeで今表示しているurlを取得する（iframeはオリジンサイト）[js]
https://qiita.com/sachiko-kame/items/420df8f5cf47dedf88d6

や

iframe要素内のwindowオブジェクトを取得
https://shanabrian.com/web/javascript/iframe-contentwindow.php

を参考にしたのですが、
取得できません。
どうしたら取得できますか？

495 ：Name_Not_Found：2023/06/18(日) 22:51:54.45 ID:???.net

>>494
今のブラウザは既定でローカルファイルはファイル毎に別オリジン扱い
ローカルサーバー建てるかブラウザの設定を変える

496 ：496：2023/06/18(日) 23:24:27.14 ID:???.net

>>495
FTPサーバに乗せてやってみましたが、
どちらもUndefinedになってしまうのですが、
これもブラウザ設定なのでしょうか？

497 ：496：2023/06/18(日) 23:32:15.47 ID:???.net

すいません、about:blankでした。

498 ：Name_Not_Found：2023/06/19(月) 03:14:23.53 ID:???.net

example.com は、ローカルファイルなのか？
http://〜、https://〜 ではないのか？

.src で、URL を取得できる

<iframe id="ifrm_1" src="example.com"></iframe>

// iframe 要素を取得
const ifrm_1 = document.getElementById( "ifrm_1" );

console.log( ifrm_1.contentWindow.location.href );
//=> about:blank

console.log( ifrm_1.src );

出力
ローカルファイルなら、
file:///C:/Users/〜

VSCode のLive Server なら、
http://127.0.0.1:5500/〜

499 ：496：2023/06/19(月) 21:13:58.96 ID:???.net

>498
ありがとうございます。
.srcでURL取得できましたが、
その下(https://examle.com/)の各ページのURLが取得できません。
全部example.com/test1.htmlを開いた上でやっても、
取得するのはexample.comとなってしまいます。

500 ：Name_Not_Found：2023/06/19(月) 23:47:26.04 ID:???.net

説明が分からない

どのファイルに、どういう言語のどういうコードが書いてあって、
どういう結果なのか、もっと具体的に書くべき

501 ：496：2023/06/20(火) 19:32:41.35 ID:???.net

>>500
失礼しました。
やりたいこと。
クリックしたらそのiframe内のURLを取得し、
そのURLを元のHTMLに表示させていく。

iframeのソースはPHPで作られているサイトです。
最初にあげた参考サイトのようにJavaScriptでできるのかなと、
トライしてました。

結果がわかりやすくalertで取得URLを表示させていますが、
contentWindow.location.hrefだと、
about:blank
.srcだとexample.com/abcなどの表示になります。

502 ：Name_Not_Found：2023/06/21(水) 02:07:16.97 ID:???.net

「javascript open new tab」で検索！

新しいタブやウィンドウを開く(window.open)
https://www.javadrive.jp/javascript/webpage/index2.html

説明だけじゃなくて、
>>498
みたいに、自分が書いたコードとエラーを書いてほしい

HTML 内に、<div>〜</div> こういう要素があって、
こういうJavaScriptのコードを書いたら、こういうエラーが出たとか

ここは基本的に、何々を作ってとか頼む場所じゃない。
自分で調べて作った人が質問する場所です

503 ：496：2023/06/21(水) 14:43:52.30 ID:???.net

>>502

[html]
<iframe id="test1" src="example.com/test/(index.php)">
※カッコ内は入力してません。

[JavaScript]

var element = document.getElementById("test1");

element.addEventListener("load", function(event) {
let url = document.getElementById("test1").contentWindow.location.href;
alert(url);
});

これでダイアログにはabout:blankが表示。
contentWindow以下をsrcに変えると、
examle.com/test/が表示されます。

index.htmlをローカルPCに置いても、
別サーバ(ドメイン)に置いても変わらずです。

504 ：500：2023/06/22(木) 12:33:39.05 ID:???.net

漏れがやったら、

<iframe id="test1" src="example.com/test/"></iframe>

const element = document.getElementById( "test1" );

element.addEventListener( "load", function ( ) {
console.log( element.src );
console.log( element.contentWindow.location.href );
});

出力
ローカルファイルなら、
src は、file:///C:/Users/〜/example.com/test/
contentWindow.location.href は、cross-origin エラー

VSCode のLive Server なら、どちらも、
http://127.0.0.1:5500/〜/example.com/test/

505 ：Name_Not_Found：2023/07/01(土) 00:36:03.65 ID:???.net

現物が用意できてなくても
予約販売に特化したecってどこがいいかな？

具体的には野菜の産地直送をやりたい

元Web制作会社の下っ端社員で
HTMLとCSSはjQueryの組み込み、お問い合わせフォームくらいは出来るけど
ECサイトはbaseとかしかやったことない

静的サイトの作成はできるけど
デザインやコーディングに時間取ってる余裕がなく
買い物カートシステムを組み込むのは未経験なんで
CMSで時短したい

手数料はこの際目を瞑る

506 ：Name_Not_Found：2023/08/17(木) 07:49:05.64 ID:XKMj740e.net

質問です。
Luminous.min.jsを使用して画像をクリックすると拡大したものがポップアップされる仕組みを組み込んでいるのですが、
Firefox上ではポップアップした拡大画像がウインドウの範囲内に収まっているのに、chromeとedgeではウインドウ範囲を超えて表示されてしまいます。
Firefoxで何らかの補正が掛かっているにしても、他ブラウザで適正に表示されないのでは意味がないので、
対処法、或いはありがちなミスをしているのなら御指摘頂きたいです。

507 ：Name_Not_Found：2023/08/17(木) 09:22:38.82 ID:???.net

ソース見ないことには何もわからん
js、css読み込んでリンク貼るだけなんでしょ

508 ：0508：2023/08/17(木) 13:36:21.13 ID:XKMj740e.net

失礼しました。自己解決いたしました。
メディアクエリのサイズ指定を変更したらきちんとウインドウサイズ内に収まってくれました……。
お目汚しすみません。

509 ：Name_Not_Found：2023/08/18(金) 04:21:09.47 ID:???.net

>>505
野菜なら、食べチョクが有名。
Ruby on Rails で、女の子が一人で始めたサービス

Shopify も、Railsで有名

510 ：Name_Not_Found：2023/08/18(金) 08:13:52.53 ID:???.net

>>509
食べチョク見てきたけど、良いサイトだな
女の子が一人ではじめたってすげーな
これを自作できるの、相当スキルあるぞ

511 ：511：2023/08/22(火) 06:53:29.97 ID:???.net

社長の秋元里奈は、慶應義塾大学理工学部を卒業、
DNA 出身で、実家は野菜農家だった

出資に100社ぐらい当たったけど、どこの会社も出資してくれなかった。
コロナで流通額が130倍になったけど、ちゃんと動いている

SNS で、Rails のプログラマーを探して手伝ってもらうみたい

512 ：Name_Not_Found：2023/08/28(月) 22:09:37.38 ID:IPgwrq5d.net

アダルト系のwebデザイナー（web更新、レタッチ等もやる）に就職しようと思ってるんだけどどう？
ちな業界業務未経験

513 ：Name_Not_Found：2023/08/28(月) 22:15:49.03 ID:???.net

いいなー

514 ：Name_Not_Found：2023/08/29(火) 12:00:44.31 ID:???.net

反社でないなら問題無いんじゃね

515 ：Name_Not_Found：2023/08/29(火) 18:38:26.22 ID:???.net

かなりの確率で反社系

516 ：Name_Not_Found：2023/08/29(火) 20:19:49.43 ID:???.net

ユ○○○○河は止めといた方がいい気はする

517 ：Name_Not_Found：2023/08/29(火) 20:20:32.81 ID:???.net

○一個足らんかった
ユ○○○○○河

518 ：Name_Not_Found：2023/08/29(火) 20:39:45.65 ID:???.net

>>517
ワレ
何ぬかしとんじゃ？

519 ：Name_Not_Found：2023/08/29(火) 20:45:10.81 ID:LtTaUg8q.net

今どきバックに反社とかあるんかな？

今、未経験で入社した制作会社は
上層部がとりあえず人数合わせで
採用したはいいものの現場では社内ニート状況

スキルもないほぼ未経験レベルだから
未経験歓迎の風俗系ならワンチャンと思って

520 ：Name_Not_Found：2023/08/29(火) 20:54:21.21 ID:???.net

>>519
今どき反社なんかないよ
是非に行ってみて

521 ：Name_Not_Found：2023/08/29(火) 21:09:51.98 ID:VFpNF1mn.net

怖くなってきた
脅かさないでよ
なるべく大手グループ系列を狙うわ

522 ：Name_Not_Found：2023/08/29(火) 21:15:43.37 ID:???.net

>>521
全然大丈夫　すぐ就職

523 ：Name_Not_Found：2023/08/31(木) 02:30:48.47 ID:???.net

わい働いたことあるけど
ドアは常に施錠ガサ入れ来た時の逃走ルートの確認とか
まぁいろいろ普通じゃ経験できないこと経験したよ
福利厚生はもちろん無い

524 ：Name_Not_Found：2023/08/31(木) 10:00:14.68 ID:???.net

ゴルゴ13みたいに常に警戒してるわけだな

525 ：Name_Not_Found：2023/09/03(日) 22:14:46.54 ID:8uwuUeLg.net

愛媛県警察は市民を脅かすヤクザにも劣るクズ組織

https://itest.5ch.net/rio2016/test/read.cgi/police/1564653479

526 ：Name_Not_Found：2023/09/04(月) 13:26:52.53 ID:gb0umZaB.net

レスポンシブデザインに対応していない幅800pxのサイトで
以前までなら
<meta name="viewport" content="width=800">
と書いておけば、スマホで縦で見てもPCと同じ見た目が縮小されて表示されたのですが
同じサイトを最近スマホで見ると右側が切れて表示できなくなっていました。
何も変更を加えていないのに
<meta name="viewport" content="width=800">
これが効かなくなってしまいました。たくさんのサイトで。
どういうことか理解できず、viewportの命令の仕様が変わったのでしょうか？
前と同じように効かせる方法はありますか？

527 ：Name_Not_Found：2023/09/04(月) 14:33:55.16 ID:???.net

動作確認してる端末とブラウザは？

528 ：Name_Not_Found：2023/09/04(月) 14:40:55.85 ID:gb0umZaB.net

>>527
mac safari最新版と、そのレスポンシブデザインモードです
クロームのレスポンシブデザインモードと表示が違います。

529 ：Name_Not_Found：2023/09/04(月) 17:42:54.49 ID:???.net

スマホ実機での確認は？
safariとMacを再起動させても変わらない？
Chromeでの表示とは？

530 ：Name_Not_Found：2023/09/04(月) 18:31:24.54 ID:gb0umZaB.net

>>529
mac クロームの開発者モードでスマホ表示すると
<meta name="viewport" content="width=800">
が効いてる表示になります。
mac safari最新版のレスポンシブデザインモードだと効かないので不安になってます。
持ってるiPhone（1機種のみ）では効いてます。
safariのレスポンシブデザインモードがおかしいだけなのでしょうか？
viewportタグがまったく関係ないように見えます。

531 ：Name_Not_Found：2023/09/04(月) 22:10:47.38 ID:???.net

<meta name="viewport" content="width=device-width,initial-scale=1">
とか他の設定にしても反映されないなら、おま環かMac版safariの問題

532 ：Name_Not_Found：2023/09/05(火) 16:03:22.71 ID:???.net

safariだけで確認しちゃアカン

533 ：Name_Not_Found：2023/09/06(水) 18:53:38.03 ID:???.net

スクロールバー絶対表示設定の人を無視していいですか
なぜvwはスクロールバー込みなんだろ

534 ：Name_Not_Found：2023/09/06(水) 20:04:37.77 ID:???.net

ページのフォーマットが同じなのに、Googleクローラーのページ エクスペリエンスチェックで引っかかるページとパスするページが有るんだけど判定基準はなんだ？

535 ：Name_Not_Found：2023/09/07(木) 16:38:38.41 ID:jfMRK6pd.net

すみません、今現在デザインカンプを制作している途中で質問があります。

デスクトップ版、スマホ版、タブレット版のデザインカンプを作っていまして
デスクトップ版(幅1800px)、スマホ版(幅750px)、で作り終わりました。


で、今からタブレット版のデザインカンプを作る予定ですが、そこでサイズ等に関して
質問があります。

作りやすさも考慮してスマホ版は375pxの2倍の幅750pxで作りましたが、
タブレット版の幅サイズを768pxで作る場合、スマホ版みたいに2倍サイズ(1536)で作るべきでしょうか?
因みにデスクトップ版は特にそれらは意識しませんでした。
ご返答の程、よろしくお願い致します。

536 ：Name_Not_Found：2023/09/07(木) 17:09:23.60 ID:???.net

うちはそもそもSPでも750pxで作らない

537 ：537：2023/09/07(木) 18:27:02.64 ID:jfMRK6pd.net

>>536
仮にphotoshopで375pxで作ると文字がガビガビなったりしないですか?
では、何pxで作るのでしょうか?
あと、上記の質問のタブレット用のデザインカンプのサイズは?

538 ：Name_Not_Found：2023/09/07(木) 21:11:25.30 ID:???.net

タブレットは普通のiPad準拠で
375pxで作って、2倍、3倍で書き出すんだよ
アセット書き出しすれば楽チン

539 ：Name_Not_Found：2023/09/07(木) 22:29:08.87 ID:jfMRK6pd.net

レス、ありがとうございました。
では、タブレット版は768pxで作リマス

375px作ると文字もロゴもガビガビになりうまくできませんでした....
で、倍サイズで作るハメに....

540 ：Name_Not_Found：2023/09/07(木) 22:39:16.85 ID:???.net

じゃあ、タブレット用も倍サイズで考えた方がいいよ

ガビガビなのはデータの作り方を検討し直しです
「Photoshop スマホ用web　書き出し」
で検索したりしてみてください