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/ >>197 ちょっと違う 俺は引退して企業のweb担当者として引退生活送ってる身だよ いざとなったら俺が開発できるからすげ〜〜〜楽 例えば>>187 のいうソシャゲのバックエンド開発において >>189 はどういうパッケージを使うことを考えてんの? ソシャゲってどういうふうに動いているの? cron? ソシャゲってやったことないけど、 プラットフォームがブラウザな、いわゆるオンラインゲームでしょ? 普通のオンラインゲーム同様、サーバプログラム作ってデーモン走らせてると考えるのが妥当。 将来プログラマーになりたい高校生です 去年どうやったらプログラム上手くなりますか?と5chで聞ききました。 とにかく何か作れ!と教えてもらいまして、自分なりに頑張ってきました レベルが低くて恥ずかしいのですが、今までになく壁にブツカッて心が折れそうです。 センスが無いので、1年以上かけてこちらのWEbですが http://www.pafumo.com/ 地域を絞り込んで検索をしたら出来るのですが、選択肢の中身が元に戻ってしまうのです どんな方法でも良いので、この問題を解決したいです。 いま、html、css、javascriptの基本なら少しわかってきてます。 他はなかなか難しくて、まだまだヒヨッコです。 レベルが低すぎてスイマセンが、なにかアドバイスを頂けませんか? サーバーサイドJSを導入した方が良いのでしょうか? とにかく、エリア絞り込みを固定出来るのでしょうか・・・ 暑さのせいなのか、もう頭が働きません・・・情けないです。 根本的に理解できてないようなのでどこからアドバイスすればいいのか・・・ 高校生が学校の勉強しないで夜更かしして求人サイトだと…? ヒント出すと<select name="sel1">これをphpにgetで渡してるようなので phpで$_GET['sel1']とsel1の中身である option valueの数字を比較して合致したとこに <option value="90001" selected>北海道</option> のようにselectedを挿入すればいいだけだ RoR で 1 つのフォームに複数 submit つくりたいんだけど 検索して出てくるのはどれも view で name をつけて Controller でポストパラメタにその name があるかないかで分岐してるんだけどそれしかない? 同じ変数の value で分岐できるようにならない? >>206 ウェブプログラマにとってHTMLとCSSは必須だから勉強しろ Rails の質問は、WebProg 板のRails スレへ書き込んで! html cssってプログラマーにとってはものすごい苦行ですね 全部divとjavascriptでやりたいぐらいにイライラMAX ほんとデザイナーはすごいわ・・・ 単にお前がHTMLとCSSが苦手なだけ プログラマ全員を巻き込むな 俺は得意だ HTML CSSから入っていったやつには普通だと思うが 逆のパターンは確かにめんどくさいかもな 配置と設定なんて面白みの欠片もないし 全部divでも出来るっちゃ出来るからモチベーションがあがらないのもわかる >>202 202ですー! お兄様達!ありがとうございました。 今回は色々反省点も多かったですが、自分の未熟さが又見えてきました。 本当にありがとうございました 今回はセキュリティを少し修正して一度つくりなおします まずは・・・また空っぽのWEBサイトに戻りましたwww あと、他スレでも聞いてたらマルチポストとか言われて、コレも勉強になりました。 はやくWEB制作初心者に指導できるようになりたいです >>213 マルチポストをされると、 違うスレで同じようなレスがかぶって無駄が生じたり、 情報がバラけてしまって効率が悪くなったり、 あっちに行ったりこっちに行ったり二度手間三度手間になったり、 いろいろ不都合が多いので、ダメなのよ スレに限らず、サイトが違うから同じ質問をする、っていうのも基本はNG もし、別のスレで同じ質問をする場合は、 前のスレには 「別のスレに移動します」 「○○のスレに移動するので、 もしレスをいただけるならそちらにお願いします」 とか何とか書いて、その意思を示してから移動すること 「それはもうわかってるよ!」なら、このレスはスルーしといてください プログラマは死んでもデザインはできない デザイナーはプログラミング習得すればいいだけ そんなことないだろ。 もともとデザイナー気質なのになんの因果かプログラミング畑歩いてきたやつがデザインに出会ってスイを得たギョみたいになったの見たことある デザインっていっても企業のIR、ニュース配信とか、 真面目っぽいのはプログラマーレベルのデザイン能力でもできる。 ゲーム系とかアニメ系とかにぎやかさが求められるのは厳しいけどな IRやニュース配信ごときでデザインをかじったとかアピールしている時点で終わってる 年収でいうとプログラマー>デザイナーだから デザイナーはプライドだけは高いんだよw Webプログラミングごときで威張れる脳みそが羨ましいわ いくら吠えてもプログラマー>デザイナーの構図が変わるわけでもない つうかWebプログラマーは簡単なものだがスマホアプリも開発する そのへんのサイトみてると専用アプリ勧められるだろ?あれな >>212 > 全部divでも出来るっちゃ出来るからモチベーションがあがらないのもわかる 全部divってそれコード書かないといかんだろ? バグを入れないために重要なことはコードを書かないことなんだぞ? プログラマってのはいかにコードを書かないで 目的を達成するかが重要なんだから HTMLとCSSに詳しくなるのは、プログラマとしての力を高めるために 重要なことなんだが まあ、それに気づかないほどレベルの低いやつがいることは知ってるw HTMLの構造化作業とかSEOが面倒なんだろ そんなことをしなくても目的が果たせるから プログラマってのは成果が重要で なんでこんな書き方してるの?もっと簡単な書き方あるじゃんとか ソースコードの中身で細かい指摘されるのは嫌いだからな 発音通り適当にかいてめちゃくちゃになってしまった What You See Is What You Get WYSIWYGか… >>225 SEOなんてしないよ? HTML/CSS詳しいが、SEOはそれとは全く関係ない。 あれはタダの詐欺だから >>225 目的を果たすのは最低条件。 目的を果たすために最短ルートで行かないといけない だらだらやってて時間つぶしましたじゃプロ失格 最短ルートとは、もっと簡単な書き方で書けるようになるということだよ 長期的にみればそのほうが効率はよくなるかもしれないが 最短ルートは新しいことを覚えることではない そうやって成長しないから いつまで立っても遅いままなんだろ 最先端()のHTMLとCSSでも追ってせいぜい成長したつもりでいろよw 世界が狭すぎんだろwwwwww IT系の会社っていうのでしょうか、とある求人見てたらホームページ管理を募集してる会社を 見つけたのですが、ホームページ管理者として雇われるために必要というかためになる資格って 何かあるでしょうか?まったくの素人なんで自分に自信をつけるためにも 職業訓練校通えれば取れるようなIT系の資格なら取ろうかなと思いまして、、、 ホームページの管理者なんてのはピンキリ ただ単純にFTPの操作とか更新作業ができればいいのから SNS情報発信とかなんらかの入力作業を求められたり WordPressのテンプレート管理やテンプレート作成までプログラム的なものを求められたり サーバがトラブったときにSSHでログイン(遠隔操作)してサーバを調査・修正できるとか 業務拡大に伴ってクラウドとかロードバランサーとか拡張求められたり 汎用的な情報系、プログラム(Web系)、OS操作系(Linux)、ネットワーク系… 何をとるにしても無駄になることはないだろう まあホームページの管理なんていう言い回しをしてるとこは せいぜいWordPressのテンプレート管理ぐらいまでだろうな WordPressのテンプレート管理ってなに? 管理画面見るだけ? と見せかけて、webを使って売り上げUPするせきにんしゃがほしいなぁみたいなやつだよ web担当なら、今まさにやってるわ 多少のコーディングは自分でできないと務まらない(htmlとcssだけでもok。jsはjQueryでDOMなんとなく扱えればok) しかし小さい会社だと、web担当といいつつ雑用係になるし、 デザインも管理もプログラムも全部できないとNG また、アクセス数やコンバージョンをあげないと文句を言われる ・デザイン ・プログラム どっちを重視されるかは、会社による web関係の仕事2割 お茶くみ2割 掃除3割 事務手伝い3割 とかだろたぶん ここで質問していいのかわからないけれど、 さっき日本語ドメイン取得して反映させたんだけど、 トップページ(ホームページ)だけが見ることができない。 その他のサイトやワードプレスの管理画面は問題なく反映されるんだけど・・・ どういうことかな? >>242 ちなみにドメインを反映させる前までは普通に表示できた。 >>235-241 総合的な資格は、情報処理の国家資格 広く浅い、常識を学ぶ >>241 あぁそうそう、殆ど当たってる web関係の仕事 2割 電話番 5割 事務手伝い 3割 かな。事務がどんどん楽になっているけど誰も電話とらねぇ死ねwww ajaxで連続して画面更新したいんだけど ボタンクリックしたら新たにJSを読み込むことってできますか? フォームをだしてレスポンスによってDOMを変更していきたいんですけど res に <SCRIPT> const action = () => { xhr = new XMLHttpRequest(); … document.getElementById(‘ajax’).innerHTML = res; } </SCRIPT> <form onsubmit=“action”> … みたいに書いてもHTMLは変わ流けどJSを混ぜても反応してくれません 新たにJSを読み込んで実行するにはどうすればいいんでしょうか 落ち着け ブラウザにスクリプトだと教えるためにscriptタグで差し込みんだ Railsの管理画面からfuelのAPIサーバーにリクエストするAPIを触ることになったんだけどどこで質問すればいいの? Atom使いはじめたのですが 有益なアプリケーションとかをみんなで編集するときに使うイメージなのですが GITってのは個人のプロジェクトそれもHTMLが主体のものでもつかうんでしょうか? おおまかな変更をしたあと動かなくなったら困るので 一応更新前のソースも残しておこうということはありますが たまにそれをしないで上書きしたあとに後悔することもあるので 差分をずっと残しておけるのはよさそうだなあと思いますが 差分を管理するものということ以外使い方を含め何もわかりません Atom使ってるみなさんアドバイスお願いします >>254 何か色々と勘違いしている atomは単にエディタ gitは差分でのバージョン管理システム 直接の関連性は特に無い。連携させることはできるけどね atomとgitはなにも関係ない gitというのはバージョン管理ソフトというジャンルのソフトだ ここでいうバージョンとは、アプリのバージョンのことだ。 しかもリリースされるバージョンよりもずっと細かい単位だ。 アプリはバージョンごとに機能が変わっていくだろ? 目に見える修正もあれば、目に見えない内部的な修正もある そのバージョン毎の差である修正内容を管理するものだ ファイルの差分を残すと言うより、修正内容を残す。 ある修正内容は、一つのファイルの変更とは限らない。 複数のファイルの変更の場合もある。 例えばアプリの1系と2系で同じような修正をすることだってあるだろ? 例えば脆弱性の対応とかだ。そういった時に2系の修正内容を引っこ抜いて 1系に適用するといったことができる。(それができるようにコミットする) また次のリリースに向けて複数の人が、自分の担当内容を修正し 修正内容を持ち寄って、みんなで開発するなんてこともできる。 このようにバージョン間での修正内容を、修正内容の単位で 自由に引っこ抜いて移動して適用して削除してってのが行えるのが バージョン管理ソフト <div id="ajax"> <script> var onsubmit = () => { var xhr = new XMLHttpRequest(); // data xhr.send(dta); xhr.onreadystatechange = () => { if( xhr.status == 200 ) { getElementById("#ajax").innerHTML=xhr.responseText; } } return false; } </script> <form onsubmit="onsubmit()"> //入力 </form> <div> ミス途中送信してしまった 連続してajaxで画面内用かえたいんだけど2回目以降どうしたらいいの? ↑みたいな内容を毎回サーバーから返しても formの部分は変化するけどJSの部分は認識されない JSの内容も動的にかえるって無理なのかな 必要な処理は最初に全部定義しておかないとダメなのかな AtomとGitがまったくの無関係というのははしょりすぎかと Gitに関してはその通りで現状デファクトスタンダードのバージョン管理システム そのGitを使ったサービスにGitHubがある 自分でGitサーバー建てたりリポジトリ作ったりせずに手軽にGitが使える Gitと聞いて「=GitHub」だと思う素人さんもいるぐらいには有名 で、そのGitHub社が開発したのがAtom なのでAtomにはGit連携が標準でついてる 自分とこのサービス使ってほしいからね ちなむとAtomはElectronで作られてる ElectronはHTMLとCSSとJavaScriptでデスクトップアプリを作れるフレームワークでこれもGitHub社が開発した atomよりvs codeのほうがいい github社がMSに買収されたし >>259 あっ、そういうトリビアみたいなのいいんで。 vs codeいいよね 使い始めたらもう他には変えられない 二回連続書き込みとかよっぽどくやしかったのかな?w WindowsとGitがまったくの無関係というのははしょりすぎかと Gitに関してはその通りで現状デファクトスタンダードのバージョン管理システム そのGitを使ったサービスにGitHubがある GitとGitHubには直接の関係はない。 他にもGitを使ったサービスはGitLabやBitBucket等がある で、GitLabを運営している会社がGitLab で、BitBucketを運営している会社がAtlassian で、GitHubを運営している会社Microsoft で、そのGitLab社が開発したものはGitLab で、そのAtlassian社が開発したものにVagrant等がある で、そのMicrosoft社が開発したのがWindows等がある 皆様レスありがとうございました。 ローカルリポジトリという文字がちらっとみえたので、 ローカルでサーバのようなものを動かして、管理出来るのかな?とか思いましたが、 Wikipediaの説明見る限り分散型であることが、 自分のような初心者にとってややこしさを増してる感じでした。 頂いたレスも理解しきれていませんが、集中型のSubversionで試してみたいと思います。 VS Codeは昔使ってた糞マシンで、VS使うのがきついので、 Windowsアプリケーション作ろうと思って、C#の開発にいれてみたのですが、 使い勝手が悪く切った経緯がありました。 Web開発だと事情が違いそうですね?自分もまた試してみたいと思います。 >260 あー、よく考えたらVSCODEもatomもMSになるのか なんか嫌だなぁ >>268 昔の俺みたいだ 自分に合うツールを延々と探して当て所ない旅 結局一番流行ってるやつを使いこなすのが最強という結論に落ち着いた でも今だとweb上の開発環境が一番言い気がする。保存のことを考えなくて良いのは強い >AtomはElectronで作られてる Atomは軽量エディタのはずがUIも動作もモッサリしてるけど、 もともと土台が遅いのが関係してるんだろうね。 VSCODEもElectronで作られてて こっちは軽いんだから単に開発技術力の問題 Microsoftだけに囲まれるのは嫌だなと思って atomやgithub使っていたが、 これらももうMicrosoftなんだよなw VSCODEに乗り換えるかね? VSCODEも軽いってほど軽くないだろ .NET UWP WPF AWT Swing どれ使ったやつもUIコンポーネントからクソですよ WIN32以外は基本だめ VSCODEでどうやって.NET UWP WPF AWT Swing使うんだ? いつの間にかLinux版やMac版で.NETとか使って VSCODEが動くようになったのか? Electronは内部でWin32使ってるだろうね あと正確にはWin64も含まれてるからあわせて Windows APIって言おうね netbeansっての昔使ってたな 重いなんて感じた事は一度もなかった keyうったときの処理 典型でいうとシンタックスハイライトや自動補完や 掃除機ひっかけてコード紛失に備えた自動セーブ それがないだけでだいぶスムーズになるはず 利便性もなくなるしそこはトレードオフ いいCPU積んで 十分すぎるメモリを積んでくださいってことだな URLの正規化はどのようにするのがいいですか? 特にサブドメインなどを使っていない場合はhttp://example.com のようにした方が無難でしょうか。 皆さんはどのようにしていますか? >>257-258 JS の質問は、JavaScript, jQuery のスレに書き込んで! >>268 Subversion の方が使っている人が少ないから、情報が手に入りにくく、 トラブルを解決できないので、使うのが難しい Git の方が、一々、中央サーバーと同期しないでも良いから、簡単。 自分のローカルPC 内だけで管理できるから、 切りの良い所で、自分のタイミングで、中央サーバーと同期すれば良いだけ electron win32で思い出したけど skypeはwin32終わらせるらしいな うーんって感じ 脱糞サーセン 1ヶ月ほど帰省するのですがネット環境がありません。 テザリングだけだと厳しいので、MDNのドキュメントだけでも、 オフラインで読めるよう持っていきたいのですが、 ttps://developer.mozilla.org/ja/docs/MDN/About#Downloading_content 公式tarballは2.1G、Kapeliとかいうのは300MBほどだったり、 いくつかあるようで、どれが一番おすすめでしょうか? HTML CSS JAVASCRIPTいずれも欲しいです。 公式tarballはサイズ大きくて自分のノートで展開出来るかわからないですが、 やっぱ公式のが一番ですか? >>284 いい機会だし全部落として読み比べてみては? 個人的には公式がオススメ なんだかんだで派生版は更新が停止したり衰退したりで、結局公式に戻ることになる >>286 ありがとうございます。 メモリとCPUが貧弱ですが、そのへんうまくやってくれるアーカイバー探してみます。 200MBほどの軽量なほうのJSドキュメントをダウンロードして眺めてみましたが、 デザインが崩れてたり、うまくリンクしきれてないのかなという感じでした。 ほんの一部なので問題になることはないし、公式のほうも崩れてない保証はないですが、 公式のフルサイズのほうをダウンロードしたいと思います。 検索窓はさすがに無理ですよね? ローカルにMySQLとWebサーバーは入ってるので、データがあれば出来そうですが、 さすがにバックエンドの部分までは提供してないですよね。 http://yoshiko-pg.github.io/ http://www.s5-style.com/ https://www.daijima.jp/ (下2つは音がなります) こんな感じの動きのあるサイトってどういう勉強したら作れますか? アニメーションが簡単に実装できるCSSフレームワークなどがあるのは知っていますが、 このレベルになるとそういうのは使ってなくて一から作ってますよね 自分の頭の中でならいくらでもサイトのイメージを作れますが、具体的な実装作業に落とし込めないんです 一般的に何を使ってどういう風に作っていくものなのか教えてください。よろしくお願いします > このレベルになるとそういうのは使ってなくて一から作ってますよね そんなわけないだろ このレベルになるとCSSでは作れない。 JavaScriptの出番 ソースコード見れりゃわかる 1番目は http://prinzhorn.github.io/skrollr/ を使ってる 3番目は(少なくとも)http://www.pixijs.com/ を使ってる 2番目は、分かりづらいけど、基本にjQuery、 FLAutoKerning.process という文字があるから、 http://fladdict.net/blog/2011/02/auto-kerning.html とかいうやつ Quad.easeOut、Circ.easeOut などという文字があるから エフェクト周りはMooTools? https://takahashifumiki.com/web/mootools/248/ いや、 TweenMax.to という文字があるから TweenMax か。アニメーション用のライブラリみたいだし だいたいの動きはこれらのライブラリが用意してるはずだよ なんか、ソース見た途端英語圏風のAAバーンと出てきて うわぁ…って感じだな。 >>289 ありがとうございます! マジですか……これもライブラリでやってるんですか 複雑に見えるのでライブラリでは表現しきれまいと思ったんですが大外れだったようです すると、どう作るかと言うよりもライブラリを知っているか、 ソース見て調べられるかの方が重要になって来そうですね 頑張ります すいません、もう少し教えてください 頭の中のイメージを実装したいとき、何を使ってどう進めるものですか? 例えばこんな部品とか https://blog.maromaro.co.jp/stylerecipe サイト全体で言えばこんなのとか https://parot.jp/ https://hyou.show/ 動きはJavaScriptだとわかりましたが、それ以前の見た目の部分のモダンな作り方がわかりません まさかみんなHTMLのタグやCSSのプロパティをちまちまエディタで手打ちして作ってるんですか? ■ このスレッドは過去ログ倉庫に格納されています
read.cgi ver 07.5.1 2024/04/28 Walang Kapalit ★ | Donguri System Team 5ちゃんねる