Webサイト制作初心者用質問スレ part249
■ このスレッドは過去ログ倉庫に格納されています
初心者だろうが誰だろうが、 まず >>>■ 検索してから ■<<< 質問すること ネタ・煽り・自演・荒らしは完全放置 【質問時の注意】 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サイト制作初心者用質問スレ part248 http://mevius.5ch.net/test/read.cgi/hp/1494150188/ ヒストリーAPI みたいな奴だろ Rails, Vue.js などのフレームワークを参照 ヒストリーAPIはフロント側のAPIなのにRails参照するの?どんだけ遠回りする気だ? >>597 すまんw お詫びに答えるわ まず、中だけって何? >>590-592 どうもありがとうございます 当該ページのjsファイルを調べてみたところ historyの文字がみあたったのでこの見立てが正しいようです さっそくドキュメント読んでまいります 実際の職場ですと、CSSよりもSCSSを使用する事の方が多いですか? Stylusだったが最近PostCSSに移行しつつあるなぁ >>600 今までの職場だとscssが二つ、stylusが一つかな。 cssを直接いじるのは特殊な状況(HTMLメールとか)のみだった >>600 古いHPの保守案件でcss直接触るかな えげつないことになってるのであまりいろいろやりたくない・・・こわい・・・ >>601-603 ありがとうございます SCSSなり、Stylusというのはやっておいた方が良さそうなのですね 命名規則はOOCSSが今は主流なのでしょうか・・・? BEMやSMACSSなどもある様ですが もし就活で気にしているなら、目指している会社に直接聞くといい 腐らないし、高感度も上がるし、良いことづくめ もし個人でやってるなら、名前が気に行ったやつを使えばいい どうせ全部メリット・デメリットがあるし、全部淘汰される 半フリーだけど、俺はwordpress+LESSでずっとやってる ほんとクソだけど愛着があると続けられる >>604 それよりCSSは十分覚えた? どれやるにしろCSSしっかり理解してないとまったく役に立たないよ。 素のCSS十分知ってる人が楽をするツールだからね。 覚えなきゃいけない量は素のCSSが一番多いんだからね。 どれもこれもCSSのかわりにこれさえ覚えればオッケーと言うものではなくプラスアルファのものだからね。必要になってから覚えるので十分なくらい。 それより勉強なら素のCSSを以下略 flexから入って古代の案件さわることになったら即死する 具体的に言うとfloat 今の職場の連中、生のcssにエディタDWcs4でポチポチ手打ちやってるわ 時代止まったままなんだろうなぁ >>607 最近覚えた人はhtmlメール触れないね。 TABLEレイアウトとかインラインスタイルとか、忌むべき過去の遺産が詰まってる >>605-606 気にせずOOCSSでやってみようかと思います AltCSSはSCSSにしようかと思います CSSも一通りはやりました まだ完璧ではないですが・・・ 今の職場がHPを新しく作ったとかでソースコードを見せて貰ったときに 画像のレイアウトの一部にfloatがあったので今も現役かと思っていたのですが floatよりも今はflexかgridとかでしょうか インラインもあまり使われないのですね inline-blockとかでしょうか 参考になる意見、とても助かりました 皆さまありがとうございました スマホで見たときだけやたら文字が小さいです というよりも文字のサイズがスマホで見たときだけ変更できません -webkit-text-size-adjust font-size: @media screen and (max-width:480px) <meta name="viewport" content="width=device-width, initial-scale=1"> などなどの思いつくあらゆるところで数値を変えてみるのですが PC(ブラウザ大きい、小さい両方)で見れば確かに変わることもあるのですが スマホの文字だけはやたら小さく固定されたままです 予想ですが画面を拡大してみててそれに合わせて固定された16pxなどの数値で固定されてる感じです よろしくお願いします 今のphp バージョンの 主流ってなんぼですか? ウチとこはいまだに5.3くらいなんですが・・・ 7.0 5.3はそろそろ支障が出始めるんじゃないか? 無名関数が使えないのはいいとして、list()かなんかが大きく変わってた気がする でかいバグ起こしそう 5.3はとっくに支障出てる 最低でも5.4 主流は7.2か5系なら5.6 >>612 正直ページ見ないと何ともいえないけど、開発ツールとかでその部分のcssみればどんなファイルのどんなセレクタが当たってるかが分かるから、それで原因を究明して見たら? https://nandemo-nobiru.com/2944/ >>612 その文字の部分で右クリックして、要素の検査をすれば、 F12 開発者ツールが起動するから、CSS を見れば? >>617 >>618 ありがとうございます こんな便利な方法があるとは知りませんでした 裏技を使えばスマホでも見れるみたいですが なぜか知り合いのスマホでは要素が見れるんですが肝心の自分の表示がおかしいスマホでは見れませんでしたが 頂いたヒントをもとに頑張ってみます ありがとうです 自分のスマホだけなら、それはスマホ標準のブラウザが悪いとかじゃないの retina なら高解像度ディスプレイだから、文字が小さくなるかも。 initial-scale=1 を、0.5, 1.5, 2 とか色んな数値に変えてみるとか 特定のスマホ・Android のバグかも知れないし windows 7+IE11だと見れないサイトがあるのですが? windows 10+IE11だとみれる。 tlsのバージョンかな ここできくべきかどうかわからないんですけど ネット上のフラッシュミニゲームみたいなのって著作権ってあるの? 商業のゲームにミニゲームとして同じネタ使ったりしたらまずい? コードや画像の流用はまずいだろうけど ルールが同じみためや演出かえたゲームを作るのもまずいかな スレチな内容だったらスルーしてください ゲームのルールは著作権で保護されない ただ疑惑を持たれること自体がよろしくないので、 うまく対処できる自信があるかないかという問題 マインスイーパーやテトリスみたいな有名所でも まったく同じミニゲームを勝手に使っても大丈夫ってこと? はい。パクったってネットでボコボコに叩かれるだけです。 法律上は問題ありません。 ゲーム制作者として終わるだけです ありがとうございます もちろんそのゲームをメインにするわけじゃなく イベント内のサブゲームとしていくつか使いたいけど 作者に許可とらないといけないのか知りたかっただけです ゲームは映画と同等と見られる判決があったな まぁ明らかにグレーゾーンとわかってて突き進むなら止はしないぞ 初心者ですよろしくお願いいたします。 自分の取得したドメインでホームページ公開ができたのですが wwwフォルダにindex.htmlとstylesheet.cssを入れてます 初め、フォルダ名をindex_a.htmlのような表記にしていた場合うまくいきませんでした。 なぜうまく行かなかったのかわからないので教えていただけませんか? すみません、もう一つだけ質問お願いします。 現在WinSCPを使っているのですが、起動するたびにホスト名やユーザー名、passwordを記入するように言われるのですが 皆さんはいちいち起動のたびに入力していますか? カットする方法があるなら教えていただけませんか? >>630 https://example.com/ にアクセスすると wwwフォルダのindex.htmlというファイルを閲覧者に見せるというのがサーバーの挙動 そりゃ名前変えたらindex.httmlが見つからないと言われる >>631 パスワードの舌に「保存」ボタン 「パスワードを保存する」にチェックいれればパスワードも毎回入力しなくて良い >>632 >https://example.com/ >にアクセスすると >wwwフォルダのindex.htmlというファイルを閲覧者に見せるというのがサーバーの挙動 決めつけて書くのはよくない ファイル名を省略した時に何を見せるかはDirectoryIndexなどの設定による このサーバーがたまたまindex.htmlだっただけ >>634 まぁそうなんだけど、そういうことでええやん。 サーバーの設定を言い出すと無限にパターンが出てきて話がややこしくなる 本当にありがとうございます! 何回も何回も本当に申し訳ないのですが今回のトラブルは大変なのでお願いします。 テキスト本のすらすらわかるHTML&CSSの基本という教科書を勉強しようとサンプルをDownloadして 付属しているindex.html等をWinSCPを使ってサーバー側にまるまる転送してみて どのようなホームページになるのかを試してみました 取得ドメインに表示されるとこはうまくいきましたので、消して練習を始めようと考えたのですが WinSCPでサーバー側にまるまるアップしたindex.htmlファイル等をすべて削除したのですがなぜか消えてくれません ちなみにwwwフォイルダに全部アップしました 削除したものがいつまでも表示され続けるのは本当に謎ですし、どこから読み込まれて表示されてるのかも意味がわからないのです あれ・・・・? すみません、今取得ドメインを確認すると消えて練習用のindex.htmlが表示されていました。 読み込みに時間がかかってしまっていたのでしょうか? 自己解決しました お騒がせしました >>636 どのさ〜ばー使ってるの?サーバーによって挙動が違う どっかのサーバーはindex.htmlを消したら自動生成するってのがあった気がする あと何のトラブル?サーバーのサポートに聞いたほうが早いかもね 寝るわ、がんばれ! >>638 ありがとうございました! つかっていますのはさくらインターネットのレンタルサーバーです。 おやすみなさい。 W3Cってお問い合わせフォームがないんですか? 探してみても mailto:hoge@w3.org みたいなリンクしか見当たらない この方法だとスパムメールとか来て困るんじゃないですかね(´・ω・`) ロングスクロールでイラストサイト作ろうと思ってるんですが、イラストを並べる部分どんな風にしたら見る人はストレスなく見れて、デザインも良いものになると思いますか? イラストのサムネイルをクリックしたら前に出てくる感じにしたいと思ってるのですが スクロールしなくてもイラスト全体が見れることが一番 AWSの開発の流れってつぎの感じですか? デザイナー、プログラマー、コーダー等が 同じレポジトリをいじる ↓ レポジトリの内容をダウンロードして、ローカルで確認 ↓ 問題なさそうであれば、レポジトリをまるごとAWSにデプロイ ↓ 公開 >>648 まずレポジトリじゃなくリポジトリな で、書いてるのって「AWSの構築済みサーバーでのサイト公開」であって「AWSの開発」じゃない 聞きたいのがそこならそれでOKだけどAWSのこと聞きたいなら管理画面やターミナルでの話になる あと、その内容ならAWSに限らずどこのサーバーでも同じだよ そこ突っ込むならリパズトーリ[rɪpάzət`ɔːri]な。 プディングをプリンというような国ですし・・・ あとAWSでwebサイトって何か意味アルの? CPUぶん回す過疎サイトとか・ ウイルスをヴァイラスと言っている者のみがレポジトリに石を投げなさい ビニール袋をヴァイナル袋と言ってるもののみがレポジトリに石を投げなさい >>651 インフラが安定してる 設定をコード化できる 静的だとS3突っ込んどきゃおけ サーバーいじれなくても、サービスいっぱいあるから、複雑な構成もある程度できる AWS自身の学習コストも結構なものだけど… puddingは[pˈʊdɪŋ]であるからカナ音写はプディンが最も適当。 ングではないのかとよく言われるが[ŋ]はシンカンセンと発音したときの最初のンの音に近く、間違ってもnguではない。 だがプリンも意外と通じる。 理由は日本語のラ行の発音にある。 詳しくは https://whitebear0930.net/archives/6620 とか読んでもらうとして、とにかく日本語のラ行はメリケンにd音のように聞き取られることがままあるのだ。 少なくともpudingu-よりはよっぽど通じる。 HP作成ソフト「Pagemill」に似たようなソフトがあったら教えて欲しいのですが、ご存知の方いらっしゃいますか。 ずっと探しているのですが見つかりません。 90年代末頃にiMac(OS8.6)にバンドルされていたPagemillを使って現在までずっとHPを作っています。 ところがOSがXになったときにこのソフト使えなくなってしまったので、HPを作るときだけ古いiMac350を動かしてPagemillで作っています。 しかし、いろいろと限界が来てしまい、OSXで使えるPagemillのようなソフトを探しています。 HP自体はテキストベースのシンプルなものです(阿部寛HPのようなレトロなHPです)。 ちなみに普段は新しいiMac(macOS High Sierra バージョン10.13.6)を使っています。 よろしくお願い致します。 web上でTシャツなんかの商品デザインを編集できるライブラリってないかな? ttps://tmix.jp/designs/new?product_color_id=640&product_master_id=4 理想はこんな感じ。 私たち日本人の、日本国憲法を改正しましょう。 総ム省の、『憲法改正國民投票法』、でググって みてください。拡散も含め、お願い致します。 VScodeで、 HTMLタグにカーソルを重ねるとタグの説明がポップアップするのを止めるには、 どこの設定を変えればいいのでしょうか? 自分でも探しているのですが、見つけられないのです >>663 まずreset.cssを入れるんだ そうすれば全ての文字サイズが同じになる 懐かしい そういえばreset.cssはもう使ってないなあ でもどのブラウザ・デバイスでも崩れない MDLとbootstrapだったらMDLの方が良い? >>662 プログラム板の、VSCode のスレで聞いて リンクをふんだときにサーバーがレスポンステキストをゆっくり返して そのタイミングにあわせて処理ってできますか? たとえばダウンロードボタンを押したときにファイルを準備するのにサーバー側で時間がかかるとして サーバーからくるレスポンスの最初の10文字は準備状況を知らせるのに使って 10秒おきに1文字ずつ流れてくるみたいな感じで クライアントでは1文字うけとるごとにプログレスバーをふやしていって10文字目がとどいたら それ以降をダウンロードファイルの中身とみなしてダウンロード処理する みたいなことってブラウザの標準機能とJavaScriptで実現できたりしますか? >>669 jsで10秒おきに一文字増やせば済む話 phpなら出来るといえば出来るけど、処理が意味不明すぎる 文字列を受け取る必要が無い 10秒ってのはサーバー側の都合で1秒かもしれないし30秒かもしれない ダウンロード前の準備にどれぐらいかかるかわからないので サーバーの準備状況をクライアントにつたえたいって意味でした >>669 ゆっくり処理を返す事は可能だが、現実的ではない ajax使うのが一般的 後、そもそもの設計がおかしいと思うがね >サーバー側で時間がかかるとして ここに時間を掛けないようにすれば全て解決する 仮にサーバーまるごとバックアップとかなら、 そんな処理をかまさずにcronで深夜にzipを作っておいて、 それをDLするだけで良い データベースは他のAPIとかから頻繁に更新される状態で リクエストをうけとった時点でデータベースからデータをもってきてZIPを作って返したいんです ajax を使う実装も試みたんですけど 受け取ったリクエストをダウンロードにみせる方法がわからなくて断念したんですよね >>663 それよりこの壁紙は何ですか?おじさんに教えなさい。 669だけど結局1週間たって解決しなかった… Rails サーバーで画面はリソースモデルの6画面そのまま index が一覧画面になってて そこに検索機能がついててカラムの値でいろいろ検索というかしぼりこみができるようになってて データ1つ1つがCSVファイルをもっててそれは前もってAWSのS3に保存してあるんだけど 最終的に絞り込んだ検索結果のCSVだけをS3からもってきてZIPを作ってダウンロード っていうことが要求されてる 何も考えずに実装するとダウンロードボタンをクリックした瞬間ZIPを作り始めるて ZIPが完成してから send_data で送り始めるからダウンロードが始まるまでに数分かかる その間 chrome だと左下に localhost... を待機していますって出るだけでUI的に不親切だし タイムアウトする可能性もあるから何らかの通信はし続けたいんですよね ZIPをストリームで作ったそばから送ることができれば ブラウザ側のダウンロード進捗がでてくれるからそれですむ話なんですけど RailsサーバーでZIPを作りながらストリームで返すのがなかなか難しい あとインポートの機能もあるのでどっちにしろインポートでは何かしらじぶんで進捗をかえさなきゃいけない なのでコントローラーが処理中に>>669 みたいな何らかの進捗レスポンスを返したいと思った次第なんですが こっちもajax使ったりSSEだったりfetchだったりいろいろ使ってみたけど リクエストレスポンスを1つのコネクションでできなかったりIEが対応してなかったりで結局解決しなかった… しかも Rails と JS 両方が普通のHTTP通信じゃないことしなきゃいけないから両方に詳しい知り合いがいなくてきくにきけない ダウンロードアップロードに進捗つけるのってふつうに需要りそうなのにこんなに大変なんですね 普段はJSやCSSとかフロントエンドメインで バックエンドはApache 上に PHP CGI おいて フォームからきたデータを MySQL に保存するぐらいしかやったことがないので Rails 初めてさわったんですけどフレームワーク使うと逆に制限が多くてやりたいことができなくて苦労します すいません 質問なんですが要点もしぼりきれないんですよね いろいろ実現する方法はあるけどどれもチャレンジしてみるとつまってしまって… 何か1つでもいいので >Rails サーバーで画面はリソースモデルの6画面そのまま index が一覧画面になってて >そこに検索機能がついててカラムの値でいろいろ検索というかしぼりこみができるようになってて >データ1つ1つがCSVファイルをもっててそれは前もってAWSのS3に保存してあるんだけど >最終的に絞り込んだ検索結果のCSVだけをS3からもってきてZIPを作ってダウンロード これがタイムアウトせずに IE 含めたモダンブラウザで実現できる方法が知りたいのです サーバーサイドでかつオンデマンドでzip圧縮をかけるというのは糞設計。 同じタイミングで100人からアクセスあったらどうなる? クライアントからそういう要求がきたらどういう設計がいいの? サーバー側でアクセスが多いページの圧縮データをキャッシュしとけばいいんじゃ zip圧縮って何に対してzip圧縮なの 管理画面なら我慢してくれと歯科 まあ設計の良し悪しは別にしてそういう仕様でも作ろうと思えば作れるけどな >>675 IEで動かないってfetchで動くコード作れてんならIEの方がもっと楽だぞ UAみてIEかどうかで分岐いれてIEの場合XMLHttpRequestとほぼ同じメソッドでストリームが受け取れる拡張仕様があったはず むしろ他のブラウザの場合だけfetchなりweb socket なりが必要になるだけ まあsyntax errorがでるとJS全体が動かないからES6使えないのがだるいが まあjavascript側は何とでもなる どちらかというとサーバーでストリームでデータ流すのがわりと環境に依存するから難しい フレームワークでレスポンスフラッシュするコードかいても ホストサーバーやプロキシが勝手にキャッシュしてストリームにならなかったりする 自分はRailsは分からんが なんかもうボタン押す(phpファイルにアクセス)とイベント発火、ファイル生成 そのファイルの存在を確認してPHPからhtmlにDボタンなどを作成・・ という原始的なのが最も良い気がしてきた 少なくともトレイトやらなんやらをユーザーに押し付けない方が良いと思う ダウンロードに進捗つけるだけってそんな大変なん? そこらへんのしょぼいサイトでも普通にやってることやん >686 一見普通に見えるそれは、一見それっぽく見える処置を見せてるだけ それにまんまと騙されてるだけで、幸せですなーとしか思わない 種明かしすると、それまでスムーズに進んでいたものが30%ぐらいでピッタリとまったり、 99%ぐらいでピタァ圧止まることあるでしょ。それ あほくさw ダウンロードの処理はメチャクチャめんどくさいし、そんなもん実装しても誰一人得しない もう今まで通り30%でピタッ!99%でピタッ!で良いと思う それでも本気でダウンロードの進捗を見せたいっていうなら考えるけど ただのダウンロードでユーザの元に到着してるファイルサイズに対して進捗をつけるのは簡単 ダウンロードが始まる前にサーバー内でごちゃごちゃやってることに対して進捗をつけたいっていうから難しい つーかそんなレスポンスに時間かかるなら非同期処理にしてレスポンスだけはすぐ返すもんじゃね Railsだとその間ウェブサイト自体が他の接続に応答しないのは問題だろ 内部向けの管理画面っぽいからそれでもいいのかもしれんけど まあセッション間で進捗情報を受け渡す必要がでるから進捗つけるのはさらに面倒になるけどな あれはファイルの数の進捗を見せてるだけだよ しかも名前順なので、最後にデカイファイルが来るといつまで立っても99%から進まない 進捗どうこう言うならそれこそいっこのzipにして後はブラウザの標準機能に任せればいいと思う ttps://teratail.com/questions/82898 677です いろいろリプありがとうございます >>678 ,681,682 別に圧縮をかける必要はないんです 無圧縮ZIPでもいいので「1操作で」「動的に選択した複数ファイル」をダウンロードできればいいのですが >>683 教えてくださいお願いします >>684 XDomainRequest.onprogress のことでしょうか ttps://developer.mozilla.org/en-US/docs/Web/API/XDomainRequest をよんで試した見たんですがサンプルコードの if(window.XDomainRequest) が undefined になるんですよね よくよくよむと that worked in Internet Explorer 8 and 9. It was removed in Internet Explorer 10 ってなってて IE11 だめみたいです >>688 それも考えたのですがRailsで非同期処理するのが思いの外大変で… 別にサーバーをたてないと非同期処理ができないみたいで… apache だったらデフォルトで同時リクエストうけつけてくれるのに… まあでも内部用の管理画面なのでコントローラーを占有するのは問題ないはずです (その間操作できないことがUI的に親切に伝わればですが >>687 やっぱり難しいんですね… 難しいってことがわかればあきらめるんですけど 一見当たり前についててほしいものなのでこんなこともできないのかって思われそうで… ■ このスレッドは過去ログ倉庫に格納されています
read.cgi ver 07.5.5 2024/06/08 Walang Kapalit ★ | Donguri System Team 5ちゃんねる