まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板
ttp://mevius.5ch.net/blog/ 5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
ttp://find.5ch.net/search?q=seo 6. アクセス解析については該当スレで質問すること
ttp://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プログラミング板
ttp://medaka.5ch.net/php/ 9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
ttp://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
ttp://mevius.5ch.net/test/read.cgi/hp/1494150188/ Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
・ファイルがアップロードされているか、ファイルのパス（絶対パス？相対パス？）があっているか確認すること
・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること
Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか？
A2. 体験版があればそれを使用することを勧めます
個人で好みが違うので、一概に「これ」が良いと推奨することはできません
あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です
Q3. 「
ttp://http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか A3. ソースを見て理解する努力を惜しまないことがあなたを救います
初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう
Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
また、「レスポンシブ」という単語もあなたを救うかもしれません
Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
HTML の文法を専用サイトでチェックしてみましょう
ttp://http://validator.w3.org/ 時代はスマホなのでその掲示板を閲覧するクライアントアプリもReact Nativeで作っています。
そこで質問なのですが、自分の作ったサイトやアプリは自分の作りたい機能がほとんど出来てから公開
すべきなのでしょうか？本当に必要な機能だけを作って公開し、人の意見を取り入れつつ成長させていく
べきでしょうか？
様々な意見お待ちしております。
友人など狭いコミュニティ内で公開するなら、
その中で通用すれば良い
Webに広く公開するなら、
不特定多数からの意見も、取捨選択しつつ、汲み取る必要がある
まずは友人内で使ってみて意見を集めるつもりです。
ただ最終的にはwebに公開したいと思っています。
なので不特定多数から意見を得るために機能は少なくとも早めに公開すべきなのでしょうか？
友人内である程度作ってしまってから、
Webに公開すればいいんじゃないかな
ただ、Webに公開したあとで、
大改修が必要になったり、
一から作り直しになったり、
っていう流れになる可能性は考えておいた方が良い
満足せずアップデートを続けれるなら公開しながら作ればいいんじゃね
ようは性格による
ちなみに日本人は前者の熱しやすく冷めやすいタイプが多いから
なんかプロジェクトが発足しても中途半端に終わることが多い
核となるところだけは作っておいて、できるだけ早く公開したほうが良い
作り込んでから公開しようと思っても、中途半端な状態になってしまい公開しない可能性がある
勢いのあるうちにやってしまったほうがいい
以前署名したことがありますが、ログインもしていないし、もちろんクッキーなどOFFにしてあります
さらに著名したあとログオフ/クッキー空/クッキーOFF状態でも、自分の名前まで自動で表示されます
いったいどういう仕組みなのですか？
Yahooのトップページ右枠の天気予報のところに
自分の住んでいる市内の区がランダムに表示されます
IPアドレスから分かるのですか？
＞自分の名前まで自動で表示されます
chromeだったらｃｈｒｏｍｅが保存している
IEやｓａｆａｒｉは知らん
＞IPアドレスから分かるのですか？
分かるが、一部分からないIPアドレスもある
（確かdocomo）
firefoxです
入力や検索テキストを保有してるということですかね
それはcookieとは別なんですか？
市までIPアドレスで分かるのですか！
自分が持っている情報はどこで確認できますか？
確認君で見るとnoneになっています
どこにでるんだ？
他のページは表示されないときがあります。
毎回表示されるのはなぜかこのページ
ttp://http://urx3.nu/KAUM 短縮しました
踏むのが嫌でしたら
「もう、一人も虐待で死なせたくない。総力をあげた児童虐待対策を求めます！」キャンペーン
で検索してください
cookieではない。ブラウザが情報を持っている
ttp://https://support.google.com/chrome/answer/142893?hl=ja&co=GENIE.Platform%3DDesktop また、IPアドレスから分かるのは、アクセスを集約しているところまで
集約度合いはプロバイダによるので、どこまで分かるかは不明
docomoはどこからアクセスしても足立区になるし、俺の場合は隣の区が表示された
まぁ、基本的に個人の住所が特定サれることはないので気にしなくて良い
気になるなら「ipアドレス 住所 特定」とかで調べて見れば
俺の郵便番号間違ってるぞ。
県までしかあってない
あとはあまり当てにならないてことですかね
今firefoxの設定を見たら「履歴は一切記憶しない」になっていて
プレイベートブラウジングモードと同じようなものらしいです
なのにIPを変えても名前が表示されたんですよね
javascriptも最低限のchange.orgしかONにしてないのに
トラッキングかなにかですかね
県名もあてになるとは限らないぞ
俺は福岡にいるがdocomoから
アクセスしたら港区と表示された
自宅にひいてるネットの場合ISPの近くの収容局になるが
地元市町村のケーブルテレビとかは別として
OCNみたいな大きなISPでも東京のぞいて県に1つ2つというレベルなので
たまたま収容局と同じ市町村に住んでる場合を除き市町村まではわからない
Googleのような膨大なインフラ・AI分析できるとこが
トラッキングクッキーやら使って検索結果やらブラウザ情報やらIPアドレスやら
可能ならMACアドレスやらを収集して
(Googleにアカウント持ってるかつ非ログイン状態）個人の（おおよその）特定や
市町村の特定をしてる
WiFiはログインしなくてもMACアドレスを取得することができる。
さて街行く人々、GoogleのAndroid携帯持ってますよね？
そのAndroid携帯にはGPSついてますよね？
ならあなたの家の前を通った人は、あなたのWiFiルータの
MACアドレスが地球上のどこにあるかを知ることができます。
それをGoogleに教えることもできます。
さてあなたはパソコンを使っています。WiFiルータ経由で
インターネットに接続しています。ブラウザはWiFiルータの
MACアドレスを知ることができます。
突き合わせればあなたが今どこにいるのかがわかるのです。
怖いですね。
日本はrpgツクール笑
とりあえず簡単なアクションゲームを作りたくて
自分のボールがマウスについてきて動いて
画面内のボールがランダムにアニメーションで動いて
ぶつかったらゲームオーバーみたいな
アクションでもRPGツクールでいいんですか？
ブラウザ上で動きますか？
将来的にはDMMのブラウザゲームみたいなのを作ってみたいです
プログラミング覚えなくてもゲームって作れるのかな
覚えなくてすむならそれにこしたことはないけど
横断歩道の白いところからはみ出したら死ぬゲーム
あれもゲームだね
パラパラ漫画に選択肢みたいなやつだとプログラミング言語なんていらないだろうね
そういうゲームエンジンどこかにあると思うけど
使うメディア（音楽・画像）用意して何シーン目のどこに配置するか
選択肢で何シーン目に分岐するかとか
設定やら選択していくだけでゲームが作れるものはあるだろう
ブロック並べようがエディタで書こうが。
ブロック並べてりゃアレルギー出ないってならブロック並べでいいんじゃない
みたいな？
HTMLでゲームだって作れるだろ
それは無理だな
HTMLには動作を与える機能はないし
ttp://http://developer.cybozu.co.jp/akky/2018/05/css-only-mario-like-hacks/ シューティングとかもどっかにあった気がする
皆に知ってもらえるでしょうか？
ＳＮＳ等もまったく知識がありません。
フォームとPHP-CGIの間のやりとりはGETかPOSTで１回通信しておわりじゃないですか
じゃなくてjsから1度フォームを送信してその結果から別のフォームを表示して
また次のフォームデータを送信するみたいなのを1つのCGIでできますか？
CGIをわけて別のCGIにとばすとかクエリーをわければできるんですけど
同じコネクション内でできるかどうかが知りたいです
おそらくajax使って画面遷移をしないでってことなんだろうが
たとえば js で
req = new XMLHttpRequest();
req.open('POST', "CGI URL", true);
var fd = new FormData();
fd.append(); // データセット
req.send(fd);
req.responseText をつかって次のデータを作成
fd = new FormData();
fd.append(); // データセット
req.send(fd);
みたいに 1つのリクエストを使いまわして２回データを送ると
PHPで１回だけデータを受け取るなら _GET とか _POST にデータがはいってると思うんですけど
2回目のデータの受け取りってどうすればいいんでしょう
これができないと毎回セッションを特定するタグをつけて
１回目のデータをデータベースに保存して
２回目のリクエストでとりだしてみたいなことをしないといけなくなるんですよね
やったことはないが
そもそも1回目のリクエストをサーバに送る必要があるのかとか疑問はあるが
if (1回目のリクエスト) return "hello";
if (2回目のリクエスト) return "world";
こういうのを1ファイルでやりたいのならセッションクッキーを使うんだね
改ざんされてもいいならhiddenやURLに入れてもいいけど
phpの場合行頭でsession_start()関数呼んで
あとは$_SESSIONグローバル変数($_POSTや$_GETと使い方は同じ）に登録して呼び出すだけ
わー ありがとうございます
_SESSION変数に自分でつっこむ必要があるみたいですけど
データベースやファイルに自分で書きだすよりはだいぶましですね
これでやってみたいと思います
調べてみました
やりたいのはこれなんですけどこれphpモジュールで動くんでしょうか
phpが使えるレンタルサーバー上で動かしたいんですけど
権限的にポートをバインドしてサーバーをたてるって動くんでしょうか
getElementByID().innnerHTML = ...
とかでHTMLを変更した場合スタイルがすぐに反映しないことがあるんですけど
どうしたらいいんでしょうか
に修正する
プッシュする技術は色々あるけど
サーバ側をいじれないとどうしようもできない
Flashならいけるが今さらねえ
かといってxmlhttprequestでポーリングするとBANされそうだし
すいませんただのスペルミスです
HTML自体は変更できてるんですが
divの中央に配置されるように外にflexつけてるのに
変更された瞬間は左上にくっついちゃうんですよね
IEならこのへんっぽい
ttp://http://nanto.asablo.jp/blog/2005/10/29/123294 ttp://http://hoge.secret.jp/ie%E3%81%AEjavascript%E3%81%A7class%E5%80%A4%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%97%E3%81%A6%E3%82%82css%E3%81%8C%E9%81%A9%E7%94%A8%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84/ これで何で画面変化しないんですか…
ttp://https://codepen.io/anon/pen/bKvGzG スペルミスじゃないがスペルミスだからですよ
考えられる挙動の違いって何かありますか？
データの初期化の時点でうまくいってないみたいなんですよね
ソース出してくれ
だれでもはまるところが同じならノウハウ知ってる人いるかと思ってたんですが
ソースはさすがに全部見せるわけにいかないし
あきらめて自力でデバッグします
要素Ｂ（メニュー）
要素Ｃ（その他文章）
という構成でＣ要素をスクロールしたら要素Ａは消えるけど
要素Ｂのとこで止まって要素Ｂは表示したままにしたいのですが
どういったスタイルを適用すればいいのでしょうか？
B {
position: sticky;
top: 0;
}
面白いな
ありがとうございます
stickyとはなかなか的を得た名前ですね
助かりました感謝です
あと本屋にワードプレスの本ばかりになっていたのですが、あれって自由度が低くて、と
ききますがマジでしょうか
全くの初心者が勉強するにはワードプレスからでいいんでしょうか
理想は情報商材のサイトを作りたいです
私のメソッドを見ればあなたもたちまち年収一千万超えです。
３名限定！優雅なセミリタイア生活を送りたい人は今すぐこちらをクリック！
けどカメラ転売の真面目なやつです
DWオワコンのソースは？
専修大学のネットワーク情報学部の指定校貰えそうなんですが
（デザイン・コーディング・折衝・経理）
その人の脳内での話です
デザイナーは美術学部とか芸術系の人向け。
情報学部でデザイナー目指してもいいけど美的センスないとデザインは難しい。
情報はプログラマーからSEやらNEやらなっていって、平均的な年収ではデザイナーより上。
ただ♀がいない職場環境の中、会社にのまれると未婚のゲームアニオタになって、
真面目な人多いから心に闇を抱えやすく、うつ病になりやすいからあんまおすすめできない。
2万位で買う奴が居るかな？
3000円がいいとこじゃない
今のCC2018とCS6じゃ別物で使い勝手も機能ダンチなんで需要無かろう
2万はないなぁ
Illustrator CS6 アカデミック版が3万ちょいで売れてるんだな
ビジネスホテルのフロントにタッチパネルのモニタを設置してHTMLで作った部屋や料金選択をお客さんにさせる代物。
ページ数は4ページ。ボタンは5個くらい。ボタンは音が出る仕様。お客さんがタッチする項目は1〜3つと単純な感じ。
↑のような物を業者に頼むといくらくらいするものなのでしょうか？
HPとはちょっと違ってテンプレ等がなくてゼロから作るものですが・・。
その要件じゃバックエンド要るじゃん。
バックエンド構築入ると100万は下らないんじゃない？
かつ月々の維持費もかかる
選択した後はどうしたいん？
見て終わりならHTMLリンクで作れるが、HTMLには動的な機能は無いの知ってる？
説明不足だったようですみません・・。
元はFlashで作ってたものでAnimateでHTML5へ移植という感じです。
データ収集とか複雑なものは一切ないです。
ただ2種類の料金体系からの選択とメンバーズカードの有無、禁煙部屋希望の有無のボタンの
どれをお客さんがタッチして押したかが分かれば良いという代物です。
それをフロントの中のノートPCで確認するって感じです。
接客後はフロントが選択前の画面に戻します。
FLASH版は私が無償で作ったのですが作り直しを頼まれていて今回は無償ではなく
報酬を提示しようかと思ったのですが相場がさっぱりわからずこういう物を業者に頼んだ場合は
いくらくらいするのか知りたいなと思った次第です。
料金や文言等の細かい刷新も無償でやってましたがこういうメンテ費用等も知りたいです。
その選択内容がメールで送られてくるだけでいいなら
ただのアンケートフォーム付きページ作成でいけると思う
安いとこだと３万とか
指定した条件の部屋が空いてるかどうかを検索して表示するとかになるとDBがいるので
構築も維持費もかかるね
相場は知らないけど
＞接客後はフロントが選択前の画面に戻します。
こんなことするぐらいならいらないだろうというツッコミを入れたい
タブレット端末でフロントがチェックチェックチェックして
数万円って所ですかね？参考にします。
空室かどうかのシステムは別であり単純にフロントに来たお客さんが希望を示してフロントが確認するだけのタッチパネル表示ですね。
口頭でお客に尋ねるが無くなるし無駄なやり取りがなくなって遥かにスムーズなので必要なのです。
ラブホのタッチパネルに近いですかね。
選択できるようにする方法ありますか？
ボタン系のパーツは文字列が選択出来ない方が望ましいのでuser-select:noneを設定しておく
と書いていました
今のchromeは何も指定してなくても選択できないようです
挙動が変わったのでしょうか？
それとももともとそうだった？
legendって凡例とか説明とかの意味だもん
間違ってアナルに入れてしまったことって
誰でも一度や二度は経験あるだろ
マジレスすると開発してないアナルってめっちゃ固いから、
間違って入るなんて事は100%ない
どれぐらい固いかって言うと4重にした輪ゴムぐらい固い。ちんこ入れる気にならん
関連するすべてのHTMLを静的にgrep replaceで修正するか
共通部品だけを書き出して動的にincludeするか
表示速度と管理作業のしやすさのトレードオフですが
みなさんはどちらが好みですか？
DWでライブラリ更新
ありがとうございます
つまり前者ですね
「サーチプラスfor店舗」っていう有料のシステムを使うべくか迷ってます。
店舗ごとにページを提供して更新してもらう場合、16万円ほどかかるみたいですが、
お値段は妥当でしょうか？
「サーチプラスfor店舗」っていう有料のシステムを使うべくか迷ってます。
店舗ごとにページを提供して更新してもらう場合、16万円ほどかかるみたいですが、
お値段は妥当でしょうか？
「サーチプラスfor店舗」っていう有料のシステムを使うべくか迷ってます。
店舗ごとにページを提供して更新してもらう場合、16万円ほどかかるみたいですが、
お値段は妥当でしょうか？
グーグルが元のパソコン用サイト 検索から除外したのですがなぜ?
対策ありますか?
日本語勉強する
そもそも因果関係があるのかどうか
そのPCサイトのスマホ用ページ？
それともまったく別ドメイン？
PCサイトは今も残ってる？
Search Consoleは？
ttp://https://www.willtec.jp/ このサイトのTOPページのように、画像がｼﾞﾜｰ;ﾂっと拡大される手法は何というのでしょうか？
以前からあるPCサイトに追加で別のスマホサイト追加しました。
同じドメインでSPが入っています。
現在スマホサイト削除して様子見ています。
Animate.cssってのつかってるようだけど
ttp://https://daneden.github.io/animate.css/ スマホサイト追加した後下記のコメントが記載されていました。
Search Console is introducing a redesigned product to help you manage your presence on Google Search.
The new Search Console was rebuilt from the ground up to provide the tools and insights that site owners
and SEOs have been asking for. You can now confirm which of your pages are indexed and get information on how to fix indexing errors. You can also monitor your performance on Google Search with 16-months of data (to enable year-over-year comparisons).
We recommend checking your current status using the new Search Console today, as we will only notify you if your site data changes from the current state.
Search Console has identified that your site is affected by 1 new Index coverage related issue.
This means that Index coverage may be negatively affected in Google Search results. We encourage you to fix this issue.
PC用サイトにスマホ用サイトへのリンクがあるのがいけないのでしょうか?
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
というエラーが出てきて困っています。
調べるとヘッダー？に要素を追加するみたいなのですがどこに追加すれば良いのか分かりません。
環境
MAMPのhtdogsに入れてchromeで開いています。
そのサーバーから返ってくるHTML に、その指定が無いと、エラーになる
本来は、同じドメインしか通さない。
異なるドメイン間で通信するには、あらかじめ許可しておかないといけない
「access-control-allow-origin 回避」で検索！
2つドメインもってて相互にやり取りしようと思うとすげー躓く
しかもステータスが200ときたもんだ
ダブルクオーテーションで囲めって感じだった気がするのですが
最近シングルクオテーションのも多く見ます
どうもそれらは他人の作った外部リソースだったりすることが多いようですが
なんかコーディングルールでもあるのでしょうか？
すでに実装されてる削除と編集画面にとぶ機能のコードをよんでるんですが
controllerのrbファイルに def update や def restroy ってメソッド？記述があって
view/index,html.erbっていう商品検索画面に商品編集画面にとんだり削除するlink_toがあるのですが
update や destroy って記述がどこにもなくてどうやって呼び出しているのかが分かりません
実際ブラウザに出力されるURLは /product/[id] と /product/[id]/edit で
/product/[id]/edit のページの中で更新ボタンがあって
/product/[id] に戻ってくる感じで update や destroy って記述がどこにもありません
ルーティングにアクションを追加してURLでしわけするみたいな記事をよんだんですが
routing ファイルには resources product の１文があるだけで update destroy edit も何もかかれていません
おそらく view に link_to を追加してコントローラーに対応する def abc を追加すればいいってイメージなんですが
コントローラーに def abc ってかいたときにどうやって link_to から abc をよべばいいんでしょう
Railsスレのほうできいても初心者お断りみたいな雰囲気で
まったくとりあってもらえないのでこちらで相談しにきました
サーバーサイドはPHPでApache上のCGI作れる程度の知識で
フレームワークさわるのがはじめてでRailsの入門サイトをひととおり読んだんですが
ルーティングとかがさっぱりです…
まったくとりあってもらえない
それがあいつらのやり方。
まったく関係ないスレに来てスレ違いの宣伝しまくる癖に、釣れたら興味なくしむしろ邪魔者扱いして迫害する。
rubyみたいな肥溜めみたいなコミュニティに関わってしまったのが運の尽き。
交通事故に逢ったとでも思って諦めるんだな。
このスレの場合はのようなレスしかつきません
Railsの本を読むか、無料のRailsチュートリアルをやっていないと、
Railsの基礎がわからないから無理
フレームワークの仕組みなんて、膨大だから説明できないし、
みっちり勉強していないと、
Node.js + Express とか、他のフレームワークも理解できなくなる
Sinatra をフルスクラッチで書いてみるのも良い。
フレームワークを一から作る練習になる
たぶん最初は、フルスクラッチで書いていたのだろう。
その結果、最初からそのようにした方が良いと思う部分を、自動化したのがRails
だから、デフォルトで何も書かなくても、そう動きますよという事。
クラスとファイル名が、自動的に決まるとか、
ルーティングが自動的に決まるとか
ルーティング・書き方など、自動的に決まっている
YouTube にも、Rails の動画は一杯ある
ありがとうございました
ようやく疑問が解決しました
update destroy ってユーザー定義のメソッドかとおもったら
デフォルトで存在するルーティングで予約語みたいな感じなんですね…
いちおう読んだ入門サイトだと route.rb に
get "users/index"
get "users/show"
って書かれてたから必要なんだと思ってたんですけど
今触ってるシステムだと resources xxx って１文しかなくて
これだけで index、show、new、edit、create、update、destroy のルーティングができちゃうんですか
やっぱり時間もらって最初にドキュメント読まないと
ソース読みながら覚えていこうとしても
ソースのどこにもかかれてないものわかるわけないですね＞＜
systemのどこかにかかれてるはずと思って
３日間 rb や yml ファイル をずっと読んでいました…
ほんとうに助かりました
ありがとうございました
本当は１から作ってみるのが一番なんですけど
Rails をインストールできる自宅鯖立てるか
仮想環境構築から始めないといけないと時間が取れないんですよね…
レン鯖なんかで手軽にファイルだけアップしてが動かせればいいんですけど…
PHP以外に対応してるレン鯖ってあまりないですよね
ひとまず先に進めそうなので重ね重ねありがとうございました
学生でも、Rails合宿に行って、じっくり勉強する
まず、フレームワークの仕組みを、じっくり学ぶ
ここで苦しめば、他のフレームワークでも応用できる
まぁ給料はいいのかもしれないけど
railsと同じ用途で使えるもの
他になにかありましたっけ？
プログラムかけないエンジニア未満がコピペでかけるってだけじゃね
ちょっと複雑なことをしようとするととたんにレールからはずれて
慣れてるエンジニアすらさわれなくなる負の遺産を量産
自動的に、ある程度似たようなコーディングになる。保守コストが下がる
・・・というのがフレームワークの特徴のはずなんだけど、あっという間にそんなメリット吹っ飛ぶぐらい複雑になるよね
個人的には、セキュリティ面をフレームワークに丸投げできるのは良い点だと思う
セキュリティホールをずっと追いかけるのは心臓に悪い
使ってるプラットフォームがわかれば攻撃手法もわかるので
既製品の過信は禁物
穴だらけでもブラックボックスのオレオレフレームワークのほうが安全なこともある
Rails指定してくる案件は絶対人のコード読まんといけないから誰もやりたくない
だから人件費高騰して保守コストがあがる
作るフレームワークの存在は無し
よほど恨まれてるとかでない限りは穴だらけでも問題ないのか
なるほどなー
単純なCGIですむのはPHPおくだけでいいじゃん
なんかのAPIサーバーとフロントのJavaScriptで頑張ってんの？
恐らく「使いたくない」というのが大体の意見だと思う
それ単にやる気がないだけじゃ？
使いたいものなんてなにもないでしょ？
Railsが必要なのはロジックが大規模だけど接続数は多くないっていう
イントラネット用の業務アプリぐらいにしか使えん
単純なものならWPとCGIでいいし
ソーシャルな大規模接続されるようなサービスだと鯖のメモリいくらあっても足りない
無理しなくっていいよｗ
知らないなら、知りませんって言おうね
WPやCGIやRailsの代わりになりません。
それにそもそもCGIっていうのはですね
あー、基礎知識ないのバレバレだし
言っても理解できないかなーｗ
最後に
> ソーシャルな大規模接続されるようなサービスだと鯖のメモリいくらあっても足りない
だからメモリたくさんつんで、Railsなんですよね（笑）
のことなら、「× ○ 」だろう
子供のころよく遊びでかけたな
俺もなんでか知らんけど時報かけてたわ
何が面白かったのか全くわからんが、時報を聞くとドキドキしてた
アナログテレビ時代の時刻あわせで使ってた人はいるだろうが
国民総スマホ時代の今となってはもう・・・
なるほど
今度からそういう意味だと解釈しておくわ
メモリ不足で鯖のデーモンが頻繁に死んでバックエンド作り直しになった話きいたわ
もちろんPerl CGIのほうがいいんだけど現代人には難しい
いずれにせよ管理面で工夫しないと死ぬけどな
ウェブサイトって二極化していて既存のシステムではない
完全オリジナルなウェブシステムを作る方と
既存のシステムをレンタルして終わるのどちらかだと思うんだが？
前者は完全にシステム会社の仕事で、
ウェブサイトを作るようなのは後者でしょ？
PHPやPerlとか使わないよ。どっかのシステムを使うだけ
早い話その既存のシステムとやらが重いからスクラッチで書けって言ってんだろ
自分で作ったところで速くならんし
高いサーバー借りればいいだけだろ
はweb勉強中の高校生か、HP発注したら100万円と言われて激怒してる総務の中年リーマンと見た
それお前なｗ
ちょっと違う
俺は引退して企業のweb担当者として引退生活送ってる身だよ
いざとなったら俺が開発できるからすげ〜〜〜楽
はどういうパッケージを使うことを考えてんの？
cron？
プラットフォームがブラウザな、いわゆるオンラインゲームでしょ？
普通のオンラインゲーム同様、サーバプログラム作ってデーモン走らせてると考えるのが妥当。
去年どうやったらプログラム上手くなりますか？と5chで聞ききました。
とにかく何か作れ！と教えてもらいまして、自分なりに頑張ってきました
レベルが低くて恥ずかしいのですが、今までになく壁にブツカッて心が折れそうです。
センスが無いので、1年以上かけてこちらのWEbですが
ttp://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を挿入すればいいだけだ
検索して出てくるのはどれも view で name をつけて
Controller でポストパラメタにその name があるかないかで分岐してるんだけどそれしかない？
同じ変数の value で分岐できるようにならない？
ウェブプログラマにとってHTMLとCSSは必須だから勉強しろ
ttps://mevius.5ch.net/test/read.cgi/tech/1518528093/128 マルチのキチガイ相手にすんな
全部divとjavascriptでやりたいぐらいにイライラMAX
ほんとデザイナーはすごいわ・・・
プログラマ全員を巻き込むな
俺は得意だ
逆のパターンは確かにめんどくさいかもな
配置と設定なんて面白みの欠片もないし
全部divでも出来るっちゃ出来るからモチベーションがあがらないのもわかる
202ですー！
お兄様達！ありがとうございました。
今回は色々反省点も多かったですが、自分の未熟さが又見えてきました。
本当にありがとうございました
今回はセキュリティを少し修正して一度つくりなおします
まずは・・・また空っぽのWEBサイトに戻りましたｗｗｗ
あと、他スレでも聞いてたらマルチポストとか言われて、コレも勉強になりました。
はやくWEB制作初心者に指導できるようになりたいです
マルチポストをされると、
違うスレで同じようなレスがかぶって無駄が生じたり、
情報がバラけてしまって効率が悪くなったり、
あっちに行ったりこっちに行ったり二度手間三度手間になったり、
いろいろ不都合が多いので、ダメなのよ
スレに限らず、サイトが違うから同じ質問をする、っていうのも基本はNG
もし、別のスレで同じ質問をする場合は、
前のスレには
「別のスレに移動します」
「○○のスレに移動するので、
もしレスをいただけるならそちらにお願いします」
とか何とか書いて、その意思を示してから移動すること
「それはもうわかってるよ！」なら、このレスはスルーしといてください
デザイナーはプログラミング習得すればいいだけ
もともとデザイナー気質なのになんの因果かプログラミング畑歩いてきたやつがデザインに出会ってスイを得たギョみたいになったの見たことある
真面目っぽいのはプログラマーレベルのデザイン能力でもできる。
ゲーム系とかアニメ系とかにぎやかさが求められるのは厳しいけどな
デザイナーはプライドだけは高いんだよｗ
つうかWebプログラマーは簡単なものだがスマホアプリも開発する
そのへんのサイトみてると専用アプリ勧められるだろ？あれな
> 全部divでも出来るっちゃ出来るからモチベーションがあがらないのもわかる
全部divってそれコード書かないといかんだろ？
バグを入れないために重要なことはコードを書かないことなんだぞ？
プログラマってのはいかにコードを書かないで
目的を達成するかが重要なんだから
HTMLとCSSに詳しくなるのは、プログラマとしての力を高めるために
重要なことなんだが
まあ、それに気づかないほどレベルの低いやつがいることは知ってるｗ
そんなことをしなくても目的が果たせるから
プログラマってのは成果が重要で
なんでこんな書き方してるの？もっと簡単な書き方あるじゃんとか
ソースコードの中身で細かい指摘されるのは嫌いだからな
What You See Is What You Get
WYSIWYGか…
SEOなんてしないよ？
HTML/CSS詳しいが、SEOはそれとは全く関係ない。
あれはタダの詐欺だから
目的を果たすのは最低条件。
目的を果たすために最短ルートで行かないといけない
だらだらやってて時間つぶしましたじゃプロ失格
最短ルートとは、もっと簡単な書き方で書けるようになるということだよ
最短ルートは新しいことを覚えることではない
いつまで立っても遅いままなんだろ
世界が狭すぎんだろｗｗｗｗｗｗ
ようこそ！
見つけたのですが、ホームページ管理者として雇われるために必要というかためになる資格って
何かあるでしょうか？まったくの素人なんで自分に自信をつけるためにも
職業訓練校通えれば取れるようなIT系の資格なら取ろうかなと思いまして、、、
ただ単純にFTPの操作とか更新作業ができればいいのから
SNS情報発信とかなんらかの入力作業を求められたり
WordPressのテンプレート管理やテンプレート作成までプログラム的なものを求められたり
サーバがトラブったときにSSHでログイン（遠隔操作）してサーバを調査・修正できるとか
業務拡大に伴ってクラウドとかロードバランサーとか拡張求められたり
汎用的な情報系、プログラム（Web系）、OS操作系（Linux）、ネットワーク系…
何をとるにしても無駄になることはないだろう
まあホームページの管理なんていう言い回しをしてるとこは
せいぜいWordPressのテンプレート管理ぐらいまでだろうな
管理画面見るだけ？
多少のコーディングは自分でできないと務まらない（htmlとcssだけでもok。jsはjQueryでDOMなんとなく扱えればok）
しかし小さい会社だと、web担当といいつつ雑用係になるし、
デザインも管理もプログラムも全部できないとNG
また、アクセス数やコンバージョンをあげないと文句を言われる
・デザイン
・プログラム
どっちを重視されるかは、会社による
お茶くみ2割
掃除3割
事務手伝い3割
とかだろたぶん
さっき日本語ドメイン取得して反映させたんだけど、
トップページ（ホームページ）だけが見ることができない。
その他のサイトやワードプレスの管理画面は問題なく反映されるんだけど・・・
どういうことかな？
ちなみにドメインを反映させる前までは普通に表示できた。
総合的な資格は、情報処理の国家資格
広く浅い、常識を学ぶ
あぁそうそう、殆ど当たってる
web関係の仕事 2割
電話番 5割
事務手伝い 3割
かな。事務がどんどん楽になっているけど誰も電話とらねぇ死ねｗｗｗ
ボタンクリックしたら新たにJSを読み込むことってできますか？
フォームをだしてレスポンスによってDOMを変更していきたいんですけど
res に
＜SCRIPT>
const action = () => {
xhr = new XMLHttpRequest();
…
document.getElementById(‘ajax’).innerHTML = res;
}
＜/SCRIPT>
<form onsubmit=“action”> …
みたいに書いてもHTMLは変わ流けどJSを混ぜても反応してくれません
新たにJSを読み込んで実行するにはどうすればいいんでしょうか
ブラウザにスクリプトだと教えるためにscriptタグで差し込みんだ
お前が落ち着けｗ
有益なアプリケーションとかをみんなで編集するときに使うイメージなのですが
GITってのは個人のプロジェクトそれもHTMLが主体のものでもつかうんでしょうか？
おおまかな変更をしたあと動かなくなったら困るので
一応更新前のソースも残しておこうということはありますが
たまにそれをしないで上書きしたあとに後悔することもあるので
差分をずっと残しておけるのはよさそうだなあと思いますが
差分を管理するものということ以外使い方を含め何もわかりません
Atom使ってるみなさんアドバイスお願いします
何か色々と勘違いしている
atomは単にエディタ
gitは差分でのバージョン管理システム
直接の関連性は特に無い。連携させることはできるけどね
gitというのはバージョン管理ソフトというジャンルのソフトだ
ここでいうバージョンとは、アプリのバージョンのことだ。
しかもリリースされるバージョンよりもずっと細かい単位だ。
アプリはバージョンごとに機能が変わっていくだろ？
目に見える修正もあれば、目に見えない内部的な修正もある
そのバージョン毎の差である修正内容を管理するものだ
ファイルの差分を残すと言うより、修正内容を残す。
ある修正内容は、一つのファイルの変更とは限らない。
複数のファイルの変更の場合もある。
例えばアプリの1系と2系で同じような修正をすることだってあるだろ？
例えば脆弱性の対応とかだ。そういった時に2系の修正内容を引っこ抜いて
1系に適用するといったことができる。（それができるようにコミットする）
また次のリリースに向けて複数の人が、自分の担当内容を修正し
修正内容を持ち寄って、みんなで開発するなんてこともできる。
このようにバージョン間での修正内容を、修正内容の単位で
自由に引っこ抜いて移動して適用して削除してってのが行えるのが
バージョン管理ソフト
＜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で画面内用かえたいんだけど２回目以降どうしたらいいの？
↑みたいな内容を毎回サーバーから返しても
formの部分は変化するけどJSの部分は認識されない
JSの内容も動的にかえるって無理なのかな
必要な処理は最初に全部定義しておかないとダメなのかな
Gitに関してはその通りで現状デファクトスタンダードのバージョン管理システム
そのGitを使ったサービスにGitHubがある
自分でGitサーバー建てたりリポジトリ作ったりせずに手軽にGitが使える
Gitと聞いて｢=GitHub｣だと思う素人さんもいるぐらいには有名
で、そのGitHub社が開発したのがAtom
なのでAtomにはGit連携が標準でついてる
自分とこのサービス使ってほしいからね
ちなむとAtomはElectronで作られてる
ElectronはHTMLとCSSとJavaScriptでデスクトップアプリを作れるフレームワークでこれもGitHub社が開発した
github社がMSに買収されたし
あっ、そういうトリビアみたいなのいいんで。
あっ、そういう雑魚発言いいんで。
無知は悔しいのおｗｗｗ
使い始めたらもう他には変えられない
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開発だと事情が違いそうですね？自分もまた試してみたいと思います。
あー、よく考えたらVSCODEもatomもMSになるのか
なんか嫌だなぁ
昔の俺みたいだ
自分に合うツールを延々と探して当て所ない旅
結局一番流行ってるやつを使いこなすのが最強という結論に落ち着いた
でも今だとweb上の開発環境が一番言い気がする。保存のことを考えなくて良いのは強い
Atomは軽量エディタのはずがUIも動作もモッサリしてるけど、
もともと土台が遅いのが関係してるんだろうね。
こっちは軽いんだから単に開発技術力の問題
Microsoftだけに囲まれるのは嫌だなと思って
atomやgithub使っていたが、
これらももうMicrosoftなんだよなｗ
VSCODEに乗り換えるかね？
.NET UWP WPF AWT Swing
どれ使ったやつもUIコンポーネントからクソですよ
WIN32以外は基本だめ
いつの間にかLinux版やMac版で.NETとか使って
VSCODEが動くようになったのか？
あと正確にはWin64も含まれてるからあわせて
Windows APIって言おうね
重いなんて感じた事は一度もなかった
典型でいうとシンタックスハイライトや自動補完や
掃除機ひっかけてコード紛失に備えた自動セーブ
それがないだけでだいぶスムーズになるはず
利便性もなくなるしそこはトレードオフ
いいCPU積んで 十分すぎるメモリを積んでくださいってことだな
特にサブドメインなどを使っていない場合は
ttp://http://example.comのようにした方が無難でしょうか。 皆さんはどのようにしていますか？
ttp://https://hage.com JS の質問は、JavaScript, jQuery のスレに書き込んで！
Subversion の方が使っている人が少ないから、情報が手に入りにくく、
トラブルを解決できないので、使うのが難しい
Git の方が、一々、中央サーバーと同期しないでも良いから、簡単。
自分のローカルPC 内だけで管理できるから、
切りの良い所で、自分のタイミングで、中央サーバーと同期すれば良いだけ
skypeはwin32終わらせるらしいな
うーんって感じ
脱糞サーセン
テザリングだけだと厳しいので、MDNのドキュメントだけでも、
オフラインで読めるよう持っていきたいのですが、
ttps://developer.mozilla.org/ja/docs/MDN/About#Downloading_content 公式tarballは2.1G、Kapeliとかいうのは300MBほどだったり、
いくつかあるようで、どれが一番おすすめでしょうか？
HTML CSS JAVASCRIPTいずれも欲しいです。
公式tarballはサイズ大きくて自分のノートで展開出来るかわからないですが、
やっぱ公式のが一番ですか？
MAL3320EX3/BK [ブラック] 320GB \2,980
ttp://http://kakaku.com/item/K0000603015/ USBフラッシュメモリ 32GB \575
ttp://http://kakaku.com/item/05269911737/ USBフラッシュメモリ 128GB \2,350
ttp://http://kakaku.com/item/K0000089896/ いい機会だし全部落として読み比べてみては？
個人的には公式がオススメ
なんだかんだで派生版は更新が停止したり衰退したりで、結局公式に戻ることになる
ありがとうございます。
メモリとCPUが貧弱ですが、そのへんうまくやってくれるアーカイバー探してみます。
200MBほどの軽量なほうのJSドキュメントをダウンロードして眺めてみましたが、
デザインが崩れてたり、うまくリンクしきれてないのかなという感じでした。
ほんの一部なので問題になることはないし、公式のほうも崩れてない保証はないですが、
公式のフルサイズのほうをダウンロードしたいと思います。
検索窓はさすがに無理ですよね？
ローカルにMySQLとWebサーバーは入ってるので、データがあれば出来そうですが、
さすがにバックエンドの部分までは提供してないですよね。
ttp://http://yoshiko-pg.github.io/ ttp://http://www.s5-style.com/ ttp://https://www.daijima.jp/ （下２つは音がなります）
こんな感じの動きのあるサイトってどういう勉強したら作れますか？
アニメーションが簡単に実装できるCSSフレームワークなどがあるのは知っていますが、
このレベルになるとそういうのは使ってなくて一から作ってますよね
自分の頭の中でならいくらでもサイトのイメージを作れますが、具体的な実装作業に落とし込めないんです
一般的に何を使ってどういう風に作っていくものなのか教えてください。よろしくお願いします
そんなわけないだろ
このレベルになるとCSSでは作れない。
JavaScriptの出番
ソースコード見れりゃわかる
1番目は
ttp://http://prinzhorn.github.io/skrollr/ を使ってる 3番目は（少なくとも）
ttp://http://www.pixijs.com/ を使ってる 2番目は、分かりづらいけど、基本にjQuery、
FLAutoKerning.process という文字があるから、
ttp://http://fladdict.net/blog/2011/02/auto-kerning.html とかいうやつ Quad.easeOut、Circ.easeOut などという文字があるから
エフェクト周りはMooTools？
ttp://https://takahashifumiki.com/web/mootools/248/ いや、 TweenMax.to という文字があるから TweenMax か。アニメーション用のライブラリみたいだし
だいたいの動きはこれらのライブラリが用意してるはずだよ
うわぁ…って感じだな。
ありがとうございます！
マジですか……これもライブラリでやってるんですか
複雑に見えるのでライブラリでは表現しきれまいと思ったんですが大外れだったようです
すると、どう作るかと言うよりもライブラリを知っているか、
ソース見て調べられるかの方が重要になって来そうですね
頑張ります
頭の中のイメージを実装したいとき、何を使ってどう進めるものですか？
例えばこんな部品とか
ttp://https://blog.maromaro.co.jp/stylerecipe サイト全体で言えばこんなのとか
ttp://https://parot.jp/ ttp://https://hyou.show/ 動きはJavaScriptだとわかりましたが、それ以前の見た目の部分のモダンな作り方がわかりません
まさかみんなHTMLのタグやCSSのプロパティをちまちまエディタで手打ちして作ってるんですか？
「css framework」で検索！
Rails で、Bootstrap, Vue.js とか
コピペで作った気になれるなら丸写しでいいよ
HTMLとCSSの雛形もってきて中の文章かえるだけ
ありがとうございます
しかしCSSフレームワークをそのまま使ってもこうはなりませんよね
bootstrapならいわゆるbootstrap臭が出てきませんか
サイトごとに手を入れている部分が必ずあるはずで、それはみんなどうやってるんですか？
ありがとうございます
ということは手打ちなんですか？
何年やってようがセンスのないやつはいつまでも
ダサイサイトしか作れない
デザインってのはそういうもの
センスのある方は何を使ってどうデザインしてるんですか？エディタで手打ちなんですか？
聞きたいことは、他の人がどうやって作っているかの一点だけなので
今の自分の知識には手打ちしかありませんから、この言葉を使って確認するしかありません
願わくば手打ちでない人が現れて、モダンでイケてる方法を教えてくれることを願っています
ページ遷移ごとにパラメーターをわたし続ける感じになるのでしょうか
クッキーかセッション
ただ扱いを間違えるとセキュリティホールになりかねないので、
わからんかったGETでキャッチボールしとけば安全
ttp://https://www.dailymotion.com/jp ここを開いて適当な動画を選び再生が開始されたのち
ブラウザの戻るボタンで戻っても
右下のほうで動画が再生されたままになりますが
これってどういう仕組みなんですか？
YouTubeをスマホで見たときも同じようになります
フレームワーク、テンプレート、コンポーネントなどを探して使う。
自作はしない
おすすめの無料テンプレートとか、検索すれば無数にある。
「css テンプレート おしゃれ」などで検索！
dailymotion って何者やねん。
上下矢印ボタンで、上下に動かないw
素人すぎる。
よくあるエロサイトのレベルw
今までwordpressでレンタルサーバーの無料ドメインを使用してサイトを運営していたのですが
今回新たに有料ドメインを取得して
FTPソフトのFileZillaを使って無料ドメインのサイト内容を有料ドメインに移転しました
そしてには無料ドメインのフォルダと
内容が同じでドメインが違う有料ドメインのフォルダの二つのフォルダが出来たんですが
この無料ドメインのフォルダはずっと残しておくべきなんでしょうか？
それともある程度経ったら削除してもOKなんでしょうか？
訂正
○そしてディレクトリには無料ドメインのフォルダと
内容が同じでドメイン名が違う有料ドメインのフォルダの
二つのフォルダが出来たんですが
これが2018年かよ絶望したわ（ありがとうございます！頑張ります）
Seoを考えるならhtaccessで301でリダイレクトする
めんどくさかったらそのまま消してok
ありがとうございます
まだサイトを開設してそれほど経っておらず
訪問者もたいしていなかったので思い切って消します
ソース見て動作おうのも簡単だったけど
今はきっついねえ
ttp://https://www.hi-chew.com/ こんな感じのメニューなしで1ページにセクション詰め込んでるようなデザイン
あれを今やってるけど自分でも何やってるかよくわからない
対応させた人か対応しているサイト知らない？
タイル画像を出すまではうまくいったんだけどプッシュ通知がうまくいかない
例えばこことか確かに browserconfig.xml は置いてあるんだけど
ttp://https://woresite.jp/2013/11/06/060646.html polling-uri が古いのか
ttp://http://notifications.buildmypinnedsite.com を経由した URLが取得できないので動いてない（はず）
自分で書いてみたけど、うまく動いてない感じなので、
どこかサンプルサイト見てみたいんだけど
ttp://https://www.windowscentral.com/ browserconfig.xml じゃなくて metaタグ使ったバージョンだけど
これでちゃんと出来てる場合の挙動がやっと分かる
Windows 10のライブタイルにウェブサイトを対応させる方法
htmlにこんな感じのmetaタグを書く
<meta name="msapplication-square70x70logo" content="
ttps://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/tiny.png" /> <meta name="msapplication-name" content="Windows Central" />
<meta name="msapplication-tooltip" content="Windows Central" />
<meta name="msapplication-navbutton-color" content="#ed2e8e" />
<meta name="msapplication-TileColor" content="#ed2e8e" />
<meta name="msapplication-wide310x150logo" content="
ttps://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/wide.png" /> <meta name="msapplication-square310x310logo" content="
ttps://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/large.png" /> <meta name="msapplication-notification" content="frequency=30;
polling-uri=
ttp://https://www.windowscentral.com/live-tile/0; polling-uri2=
ttp://https://www.windowscentral.com/live-tile/1; polling-uri3=
ttp://https://www.windowscentral.com/live-tile/2; polling-uri4=
ttp://https://www.windowscentral.com/live-tile/3; polling-uri5=
ttp://https://www.windowscentral.com/live-tile/4; cycle=1" /> ※本当はスペースなしで一行
<meta name="msapplication-square150x150logo" content="
ttps://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/square.png" /> 右下にEdgeのアイコンのバッジ（でいいのかな？）が表示されて
ライブタイルの内容が切り替わる
ライブタイルの内容はpooling-uri〜pooling-uri5の5個（最大5個だったはず）
pooling-uri の内容はこんな感じ（XML宣言がないな？）
<tile>
<visual lang="en" version="2">
<binding template="TileSquare150x150Text04" branding="logo" fallback="TileSquareImage">
<image id="1" src="
![](../redirect.php?url=https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/xbox-one-x-logo-2018.jpg?itok=qWAmVhGO"/> "外部リンク"){kind=logo}
ttp://https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/xbox-one-x-logo-2018.jpg?itok=qWAmVhGO"/> <text id="1">Xbox One sales have nearly doubled since 2017 says NPD</text>
</binding>
<binding template="TileSquare310x310SmallImagesAndTextList02" branding="logo">
<image id="1" src="
![](../redirect.php?url=https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/08/origin-evo17-s-press.jpg?itok=JfTD66RX"/> "外部リンク")
ttp://https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/08/origin-evo17-s-press.jpg?itok=JfTD66RX"/> <text id="1">Origin PC goes for gaming greatness with powerful EVO17-S, EON15-S laptops</text>
<image id="2" src="
![](../redirect.php?url=https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/warhammer%20vermintide%202.jpg?itok=-EJzhN-d"/> "外部リンク")
ttp://https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/warhammer%20vermintide%202.jpg?itok=-EJzhN-d"/> <text id="2">Warhammer: Vermintide 2 gets huge patch on Xbox One, adds time-limited event</text>
<image id="3" src="
![](../redirect.php?url=https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/soft-vs-hard-tubing.jpg?itok=SSdKiwFh"/> "外部リンク")
ttp://https://www.windowscentral.com/sites/wpcentral.com/files/styles/w310h310crop/public/field/image/2018/07/soft-vs-hard-tubing.jpg?itok=SSdKiwFh"/> <text id="3">Differences between soft and hard tubes for PC water cooling</text>
</binding>
</visual>
</tile>
まー、使わないよねｗ
昔、Windows 7でガジェットが使えた時、個人的なサイトの情報を表示するHTMLを表示してたんだけど、
ガジェット無くなってそれが使えなくなって、ライブタイルで同じことできるかなー？って思ったら
こっちは画像のみでHTML表示できないのでしばらく放置していた。
以下の内容でindex.htmlを作ればライブタイル登録できるはず。
msapplication-square70x70logo とか polling-uri とかは特にドメイン制限は無かった
ただしindex.htmlはローカルホストではない別のホストから配信しないとだめ
<html>
<head>
<meta name="msapplication-name" content="Windows Central" />
<meta name="msapplication-tooltip" content="Windows Central" />
<meta name="msapplication-navbutton-color" content="#ed2e8e" />
<meta name="msapplication-TileColor" content="#ed2e8e" />
<meta name="msapplication-square70x70logo" content="
ttps://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/tiny.png" /> <meta name="msapplication-square150x150logo" content="
ttps://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/square.png" /> <meta name="msapplication-wide310x150logo" content="
ttps://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/wide.png" /> <meta name="msapplication-square310x310logo" content="
ttps://www.windowscentral.com/sites/wpcentral.com/files/images/tiles/large.png" /> <meta name="msapplication-notification" content="frequency=30;
polling-uri=
ttp://https://www.windowscentral.com/live-tile/0; polling-uri2=
ttp://https://www.windowscentral.com/live-tile/1; polling-uri3=
ttp://https://www.windowscentral.com/live-tile/2; polling-uri4=
ttp://https://www.windowscentral.com/live-tile/3; polling-uri5=
ttp://https://www.windowscentral.com/live-tile/4; cycle=1" />
</head>
<body></body>
</html>
msapplication-notificationの所は本当は一行
ttp://https://msdn.microsoft.com/ja-jp/ie/dn320426(v=vs.80).aspx の通りに書いてるはずなんだけど browserconfig.xmlを使用するとうまくいかない。（ライブじゃないtileの部分は反映される）
metaタグで書いたら動く。スペルミスないか何度も確かめたんだけどな。なにか変わったのか？
まあいいや。動くところまでは来てるので。
ただ気づいたが、俺が求めてるのはライブタイルである必要ないんだなｗ
単にタイルの画像が切り替わってくれればいい。勝手に切り替わるのかな？
ttp://http://pinnedsitedemo.cloudapp.net/testdrive/index.aspx ついでに情報サイト
Pinned site metadata reference
ttp://https://technet.microsoft.com/ja-jp/security/dn255024(v=vs.80) ピン留めされたサイトの機能強化
ttp://https://technet.microsoft.com/ja-jp/security/bg183312(v=vs.80) Browser configuration schema reference
ttp://https://technet.microsoft.com/ja-jp/security/dn320426(v=vs.80) なんでこう情報が断片的なんだろうか。Windows 8の話だったり、
IE10やIE11の話だったり、どうせEdgeではまた違うんだろう？
今はWindowsのバージョンが1803だが、更新されたらまた変わるんだろ？
browserconfig.xml の notification はやっぱり動かない。notificationが1個の時
cycleは0がデフォルトって書いてるけど、明示的に指定しないと1になってるだろ？
っていうかcycleの意味がよくわからんかった。
多分だが、ライブタイトルの切り替え（上にスクロールしたり回ったりして切り替わるやつ）
これのことっぽい。ライブタイトルはpolling-urlで指定できる最大5つを切り替えて表示する
polling-urlを1つだけ指定している場合、cycleが0だとfrequencyで指定した時間が経つと
単純に切り替わるだけだが、cycleが1だと履歴を最大5つ保持して、過去の情報を切り替えて表示するようだ。
cycleが2〜7の場合は、その切替を大きいタイルだけやるとかそういう区別だな
あといいやもうここに書いちゃえ、metaで指定する msapplication-square70x70logo や polling-uri は相対URLが使えるが
polling-uri で受け取るXMLに書く image は 絶対URLじゃないとだめっぽい。あとキャッシュに注意な
polling-uri で受け取るXMLは、内容が変わってないと更新なしと判断されるのだろう
また内容が変わっていたとして、imageで指定した画像は、URL変わってないと読み込まれない
まあ、あれだ、meta要素かくHTMLファイルは静的でいいが、それ以外は動的にしとけっつーことだな
読みにくいだろうけどすまん。まとめるの面倒だし、将来誰かのためになればいいな程度で書いてる。
Docs/Previous Versions/Windows/Internet Explorer/Internet Explorer for Developers/Dev guides/Internet Explorer 11 Developer Guide/Windows integration/Pinned site enhancements
ttp://https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/dev-guides/bg183312(v=vs.85) 上の方にこれ古いって出てる。そんなのわかってる。Recommended Versionって書いてるけど
Edgeのトップが表示されるだけじゃねーか
最新版どこにあるんだよ、クソが
ttp://https://social.msdn.microsoft.com/Forums/Windowsdesktop/en-US/3b6602b5-12bd-4522-bec2-d559b5625664/mspinnedsitestate-method?forum=iewebdevelopment > >>Is external.msPinnedSiteState() supported by Windows Phone 8.0?
> It's not supported by Windows Phone 8.0.
>
> >>When Edge will support this?
> Please pay attention to Micorsoft Edge Team blog where neew features of Edge will be the released first time.
質問に答えろよ。どうせまだ実装されてないっつーんだろ？
いちいちEdgeのブログなんて読んでられねーよ。って思ったら9ページしか無いのか
ttp://https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/dev-guides/bg183312(v=vs.85) msClearTile Removes a notification from the tile.
msPinnedSiteState Returns the pinned state of a webpage.
msStartPeriodicTileUpdate Starts a periodic update for a tile.
msStartPeriodicTileUpdateBatch Starts a set of periodic updates for a tile.
msStopPeriodicTileUpdate Stops a periodic update cycle.
msStartPeriodicBadgeUpdate Starts a badge update for a title.
msStopPeriodicBadgeUpdate Stops a badge update for a tile.
msEnableTileNotificationQueue Controls notification cycling for all tile image sizes.
msEnableTileNotificationQueueForSquare150x150 Controls notification cycling for medium tiles.
msEnableTileNotificationQueueForWide310x150 Controls notification cycling for wide tiles.
msEnableTileNotificationQueueForSquare310x310 Controls notification cycling large tiles.
msScheduledTileNotification Schedules one or more notifications for a specific date and time.
msRemoveScheduledTileNotification Removes a scheduled update notification for a tile.
ttp://https://technet.microsoft.com/en-us/windows/ms535246(v=vs.60)#methods ttp://https://msdn.microsoft.com/ja-jp/windows/ms535246(v=vs.100) ↑と同じ情報はここのようだ？
Docs/Previous Versions/Windows/Internet Explorer/Internet Explorer for Developers/Platform APIs/External object
ttp://https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms535246%28v%3dvs.85%29 Edge版はよくわからん。もしかしてドキュメントをMDNに移行するって話の際に
さっさと消して、移行されずに損失してんのか？
pcサイトはすでにあって今後もそのまま使う、スマホ専用サイト作成のみの依頼された場合はみなさん何のソフト使ってますか？
DW
規模次第だけど、すぐに終わりそうならエディタでcssパーッと書いて終わり
俺もcssでレスポンシブ化するだけだな
ソフト書け言われたらvscode
やっぱりDWですかね
たしかに規模次第ですよね
vscode調べてみます。ありがとうございました。
他のサイトの情報をみながら
GoogleSpreadSheetに自動で文字を追加するのってどうしたらできますか？
好きな配信者さんの配信があったときにURLを記録してどこまでみたかメモ作りたい
既存のPCサイトの方にもレスポンシブ化に合わせて
なんらかの細かなデザイン変更のバランスどりも必要だから
そんなちょいちょいでは終わらんよ
自動で文字を追加の意味がわからん
そう言うサイトを作るとしたら、今は何が良いですかね？
やはり、ブログを使うのがいちばんでしょうか？
それともホームページを普通に作るか、
それとも、ＳＮＳ系を使うか、例えばフェイスブックとか。
最近の世の中の流れが良くわからないので、教えて下さい。
サイトを作る必要性が感じられない・・・
小説系のサイトに投稿するとかでいいんじゃないの？
返事ありがとうございます。
自分の目的は冤罪を訴えて、社会に広めて、
友人の裁判のやり直し、刑の減刑を目的にしているのです。
ですから、ネット上である程度は意見のやり取りもしたいと考えているのです。
人の集まってるところに投げて共感からシェアされていくのを期待するのがここ数年のトレンド
サイト作ってもそもそも見られない。作るのもめんどくさいしな
ttp://http://d.hatena.ne.jp/hatenadiary/20170605/1496643809 しかし、はてなダイアリーの事でしたら、どうも、新規開設は終了との様ですが。
おっと何かよくわからない英語を手が滑って書き込んでしまった
ブラウザのアドレスが書いてあるところに貼り付けたりgoogleで検索する奴なんていないよな
ありがとうございました。
検討してみます。
iMacros のマクロで、ブラウザを自動操作できないの？
コミュニティやチャンネルをみはって
配信が開始されたURLリンクがでた配信名とリンクをシートに追加していきたい
最終的に更新されるのはウェブ上にあるシートなのでウェブ制作になるのかなって
iMacroってのがよくわからないけど
ページを開いてなくても更新したいんですよね
拡張機能とかアドオンを自作するとか？
あきらめて普通にテキストで保存していきます
お答えいただいてありがとうございました
作ってる人なりのかっこつけなのか？
かっこいいでしょ？
GoogleAppScript
最近くわしい本出たからそれ読め
ツイッターかなんかと勘違いしてるとか？
最先端のフロントエンジニアです
とか
昔はコメント行の頭に#使ってたからその名残かと
ああ、自分も年とったなぁって思う
(例: 解像度72dpiのディスプレイを見ながらcssでh1｛background-size:10px 10px;｝の背景画を設定。
縦横同サイズのディスプレイで解像度144dpiでそれを閲覧したら1つのピクセルの大きさは72dpiに比べて2分の1×2分の1になるから、背景画の大きさも5px × 5pxになりませんか？？)
混乱してます、すみませんどなたか教えてください
Angularの初歩の質問なのですが、本スレが過疎なのでこちらで質問させて頂きます・・・。
OSはMac HighSierra と VScodeを使用しています。
node.jsをインストールし
現在読んでいるAngular参考書に添付されていたAngularの参考ファイル
（画像のCHAP03以下がそれです）をVScodeで開き、
ttps://dotup.org/uploda/dotup.org1605637.png_TEhLkZSRFic0J0GKBg51/dotup.org1605637.png CHAP03の中のattrフォルダを開いてから、ターミナルで npm install > npm start でAngularを起動？させたいのですが、
画像の様にターミナルに英語のエラーメッセージが出てしまいます。
CHAP03以下のattr、clazz、event、event-bubble ...はそれぞれ独立したAngularフォルダなので
VScodeを一旦閉じフォルダを改めて開くときに、それらの内のどれかのフォルダを一番上の親フォルダにして開いてから
ターミナルで上のコマンドを入れると無事インストールされます。
質問1 できればVScodeではCHAP03から開いてそれぞれのフォルダをターミナルで読み込ませたいのですが、方法はありませんか？
質問2 各フォルダそれぞれのAngularを起動させるには、毎回毎回 npm install > npm start をしなくてはならないのですか？
installに20秒くらい時間がかかって割と面倒でして・・・。
スレチでしたら申し訳ありません。よろしくお願いします。
カレントフォルダの場所によって、動作が変わるのだろう
プログラム板の、VSCode スレに質問すれば？
文字に、px を使うと、サイズが固定されるから、ダメ。
%, em, rem など相対サイズのものを使う
CSSのフォントサイズ指定『px、em、%、rem』それぞれの違いと変換
ttp://http://infinityforest.net/home/archives/3091 画像は、高解像度用・低解像度用の2つを使い分ける
でかいほうを縮小表示するだけ
システム組んでいたら2つも無理
bootstrapみたいなメジャーなやつ使うと、
ああ、よく見かけるデザインだなって感じになってしまいますか？
昔学校でユニクロの服3人かぶりしたことがあるので
できればそういうのは避けたいです
CSSのセレクタの付け方が面倒なのか？
それともCSSでデザインを作るのが面倒なのか？
CSSのフレームワークっていうのは、
セレクタの付け方にルールを取り入れたもの
＋デフォルトのデザイン
という構成になってる
デザインはデフォルトなので変えればいい。
オリジナルのデザインにしたいならデザインを変える。
それでもデザイン部分を除くセレクタの付け方のルールや
デザインに関係しないレイアウトは使える
絶望
後者です
オリジナルのデザインをそのまま使わなければいいということですね？
でもCSS編集するのが嫌だったのでそうするとやはり丸かぶりになるんですね？
CSSもだいぶプロパティーが増え複雑になってしまったので
しっかり1個1個動作確認しながら学ぶ時間がなかなか…
CSSフレームワーク自体はめちゃくちゃ増えてるようなので
しばらくの間独自デザインなのかな？と騙せるような
日本じゃマイナーなCSSフレームワーク探してみようと思います
マイナーなCSSフレームワークを使わなくても
bootstrap用のデザイン集みたいなのあると思うぞ
詳しく調べてないが、テーマとかテンプレートって
キーワードでいろいろ見つかる
実際にその道に進むかどうかは366次第だが
→奇抜なものを求める
→誰にも受け入れられない
→ベタなもので作ってみる
→あっさり受け入れられる
→個性というのはある程度の水準を守った上で発揮されるものと悟る
という皆が歩んだ道を君も行くのですね
<span>b</span>
<span>c</span>
のように要素を改行で区切ると、要素と要素の間に空白が開きます
<span>a</span><span>b</span><span>c</span>
のように改行をなくせば空白がなくなりますが
改行を入れたまま空白をなくす方法はないでしょうか？
ありがとうございました
移してみます
誘導までしていただいてすみません
お答え頂きありがとうございます
ttp://www.funkygoods.com/index.html こんな風に、フレームが無い極力シンプルな個人サイトを作りたいと思っています。
(宣伝にならないように更新していないHPを選びました)
怠け者なので、更新の手間が減るかな？と思い、HP作成ソフトの購入を考えています。
ホームぺージV4を検討しているのですが、間違った選択ではないでしょうか？
よろしくお願いします。
プロはそんなの使わないってことだけは知っておこう
なぜかって？ 使いづらいからだよ
図が高い
スマホで普通に縦位置で撮影した画像をアップすると横に回転して表示されるのですが
解決策を教えて下さい
画像編集ソフトで EXIF を削除してからアップした場合はどうなるのかな
写真長押しで回転とかできないかなぁ
リアルタイムプレビューのあるBracketsが気になっています
GoogleWebDesignやMicrosoftExpressionWebとかも・・・
企業はDreamweverなどの有料ソフトを使う事が多いですか？
すみません Googleのはバナー広告を作成するソフトなのですね
無料なんだから使ってみりゃええやん。
使いやすいかどうかは使う者のスキルにもよる。
シンプルで使いやすいですぞ。
IDEが厳しいノートでは未だに現役だ
Windows 10のメモ帳は、Unicode（UTF-16）、UTF-8対応だよ
ttp://http://ascii.jp/elem/000/001/520/1520114/img.html それから次の更新でCRLF以外にも対応する。
Windows 10の「メモ帳」が大幅アップデートの予定。ズーム機能サポートや検索/置換の強化
ttp://https://japanese.engadget.com/2018/07/16/windows-10/ > マイクロソフトもユーザーの声に耳を傾けたようです
> ほか、The VergeによればUnix / Linuxの改行コード「LF」と
> macOSの「CR」もサポートしたとのこと。
使わない理由はなくなっていくね。
それぞれ技術背景が違うから全員が違う事を言う
自分で試すしかない
だからメモ帳とかはありえない
BOM 付き、UTF-8 だろ。
BOMなし、UTF-8(UTF-8N)は使えないだろ
Explorer で、フォルダ内のファイルから、文字列で検索しても、
BOMなしUTF-8では、検索できない
BOM付きUTF-8しか検索できないから、
漏れは、WSL でLinux 側から、grep で検索している
BOM付きUTF-8は、色々なアプリでバグルから、使えない
他にも、BOMの有無、改行コードの切り替えをできる、エディタが良い。
タブ・空白の変換とか、タブでずらす機能もほしい
<div class="c2"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c1"></div>
<div class="c1"></div>
みたいに適当に重複したクラスがならんでてどれか１つをホバーしたときに
同じクラスの要素全部のスタイルをかえるって HTML5 だけでできますか？
JS使わないと無理ですか？ 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)
違ったらすまん
.c1:hover ~ c1 { }
とかやれば後ろにある要素は全部かわるけど
同一階層全部ってのは無理なのかな…
<div class="c1group">
<div class="c1"></div>
<div class="c1"></div>
<div class="c1"></div>
</div>
<div class="c2group">
<div class="c2"></div>
<div class="c2"></div>
</div>
みたいにして個別の要素を absolute なりで表示だけ調整すれば
c1group c2group の hover スタイルつけるだけでいけるが
アコーディオンみたいに hidden input とc＋使って隣接したスタイル変化させるｷﾞﾐｯｸはよくあるけど
あの手法で別階層においたボタンで離れた要素のスタイル変えたいときあるよな
労力的にそれならJSでスタイル変更したほうがまだましかなと…
クリックしてよければ親だろうと別階層に離れてようと何でもできるよ
クリックさせたい位置に label おいて
hidden にした input をスタイルかえたい要素の親階層におけばセレクタで好きに指定し放題
ホバーは…
$('.c1').hover(
() => $('.c1').css('color', 'red'),
() => $('.c1').css('color', 'black')
);
でいいんでね？
<div style="float:left; width:30%; height:100%"></div>
<div style="height:100%;"></div>
ってかくと右側の領域が画面全体になってしまいます
諸事情で親に flex がつけられなくて
右側の中に position: absolute でいろいろものをおきたいので
width 指定せずに右側の領域をぴったり使う方法ってありませんか？
HTML CSS のプロのみなさまよろしくおねがいします
わざわざ残り幅計算しないと横にならべられないの？
CSSって欠陥言語かよ
flexなら一発だけど、なぜかで禁止されてるのでcalc使うしか無い
＞ブロック要素って勝手に横幅いっぱいにのびてくれるはずなのに
親要素の横幅いっぱいにのびてるじゃないか、仕様通りに
ま、そこがまずいから flex やら grid やら新しい仕様が追加されているんだが
で 30% ってかいたけどこれ便宜上適当に幅持たせたかっただけで
実際は文字の幅でかわってくるんだけどそれでも残り幅って計算できるの？
無理
ここ素人しかいないから
自己紹介乙！
右残りにグラフみたいなの表示するUIにしたいんだけど
デザインセンスなくても統一感のあるデザインになるいけてるフレームワークとかない？
自分でCSSかいてグラフは chart.js とかつかってもいいんだけど
グラフの見た目とUIのコントローラーの色とかデザインがマッチしてるとうれしい
大きなものなら、Bootstrap とか
データの可視化に特化したグラフと UI 含めて統一されたデザインツールがあればなーと
margin -15pxがうざかった
4になって大分マシになったね。これからの発展に期待
d3.js って調べてみたけどこれ chart.js ＋フォームを連動できるかわりに
アニメーションとかするのに設定がたくさんかかなきゃいけないライブラリみたいな感じ？
ボタンにスタイルがあたったりするわけじゃないからちょっとちがうかも？
bootstrap ベースのダッシュボードテンプレートでおすすめのってないですか？
Material Dashboard
bootstrapみたいにHTMLのフォームレベルでクラスつけるだけで
勝手にイケてるデザインやJSのエフェクトみたいなのができるの？
それとも部品レベルでメソッド１つかくだけで部品１個分のHTMLがはかれたりするの？
使ったほうがハヤいですよ
全要素にたいしてスタイルが適用されてる
ファイル読みこむだけでなんとなくデザインしてくれるフリーのCSSありますか？
jqueryUIとかとりあえず入れてみては
bootstrap上のフォーム D3.jsのグラフ LeafLet.jsで地図 を表示させてるんですけど
この３つにイケてるデザインのあたるダッシュボードテンプレやフレームワークないですか？
地図かグラフどっちかだけでもいいけど
ダッシュボード独自のウィジェットに書き直すのがいやでずっとデザインあてるの放置してる
ちょうど一ヶ月前に色々教えていただきました
あの時はありがとうございました
あれからずっとWEBサイトを作りました
WEBサイトと宿題以外何もやってません
ttp://http://www.pafumo.com/ この感じでどうでしょう？
ttp://https://oxal.org/projects/sakura/demo/ こういうやつ？
こういうのもっとないの？
フォームとかにもっとかっこいいデザインあたるやつ
微妙〜
・全体的にpaddingが少ない
・selectの挙動が変
・イメージ画像が変。なんで田舎なのかわからない。
なんでないんだろう
・陳腐化が早い
・今更cssを配布しても有名にはならない
・最近は素人でもスキルが上がったので、必要性も薄れている
自分が納得するデザインにこだわらなければ
いくらでもあるだろ
褒めてほしいなら褒めてやろうか？
『高校生にしては、よくできてるぞ』
こんなん誰でも作れるわ
経験が少ないけど顧客との打ち合わせからデザイン、コーディング等一通り並でできるやつは
時給いくらが妥当だと思う？
完全に1人に任せるのは少し不安ってくらいの能力で
参考にしてくれ
妥当かどうかなら、それと同じことができる正社員と同じ金額だろうね
なぜなら安くする理由が何も書いてないから
せめてなにか失敗してもバイトの責任にはなりません
ぐらい書いてくれないと
あとバイトでも有給あるからなｗ
東京と地方じゃ2〜300円変わる
録音・保存されずに聞かせたいのです
何かいい方法は無いでしょうか
ないでしょうね
100%は無理だからどこまで保護するかだね
とりあえずストリーミングにしとけば一般人には手が出せないでしょ
さらに暗号化すれば詳しい人じゃないと無理かと
DRMとかもあるけど今時なあｗ
まあぶっちゃけスピーカーの前で録音すれば防ぎようがないけどｗ
ttp://https://www.ai-j.jp/demo/voiceroid2demo_kiritan/ こういう感じで出来ないですかね？
？
プログレッシブと勘違いしてない？
ニコで言うと、ニコ生がストリーミング、ニコ動がプログレッシブ
ニコ生の動画をF12で簡単に落とせる？
ストリーミングにしとけばツールなしじゃ無理って感じです？
ミキサ出力にノイズ噛ませるのってあれどうやってるんですかね・・・
F12でやることはbackgroundの画像落としたりとかそんな程度になってしまった
複数の効果音を同時に鳴らすことが出来るのか？
録音したやつ増幅してみるとかすかに元の音も聞こえるので、基本かぶせてるだけなんだとは思うんですけど、
ミニジャック付きの録音機とかは持ってないので検証のしようがないですね…
分かることは、あの方式ならかなり強固に守れそうってことくらいですねぇ
はじめて bootstrapっていうの使ってみてるんだけど
これHTMLがクラスだらけになるの正しいの？
たとえばサイト全体の card のパディングちょっとへらしたいとおもっても
毎回 class="card-body p-1" とかをかくのがただしいの？
CSSに１言
.card-body { padding:0.25rem; }
ってかけばすむ話だけどそうするとbootstrap無視してるみたいになるし
$('.card').addClass('p-1'); ってかくのが一番スマートなのかな…
クソだよ。bootstrapなんて使うもんじゃない
百歩譲るとしたら、sass（scss）と組み合わせて使うことぐらい
組み合わせて使えば、HTMLがクラスだらけにならなくてすむ
フレームワークってのは「誰が書いても似たようなものができる」という大きな長所もある
一人で開発する時は、逆にこれがネックになったりするんだよな
誰が書いても同じように素晴らしいコードになるならなんの問題もない
Bootstrapは誰が書いてもクソコードになるから問題
bootstrapでかいとけばテンプレートってのあてるだけで
他の人のいけてるデザインになるかと思ったんだけど…
デザインセンスないのを自覚した上でセンスがないなりに他人のセンスを借りようとした結果が
CSSフレームワークっちゅうもんや
Rails で動いてるんだけどどのブログみても
Gem に
gem 'bootstrap-sass'
gem 'sass-rails'
ってかいて
$ bundle install
するだけで
app/assets/stylesheets/application.scss に
@import "bootstrap-sprockets";
@import "bootstrap";
ってかけばいいって書いてるんだけどいうとおりにしても @import でそんなファイルないっていわれる
これ Rails スレできいたほうがいいのかな…
フロントエンドコーダーでインフラ詳しくないから
いろんな便利なツールがあっても導入でつまずく
node-sassでscssをcssに変換するぐらいにしか使ってない俺は少数派？
ガチガチの導入はわからない
ドメインとかサーバーは持ち主に契約してもらったほうがいいよね？
Yes
配置から勉強し直す必要がある
ToDoアプリ
比較的簡単だから入門にはいいし、できたらそれ使って今後のアプリ作成のToDo管理に使える
scssは標準で使えるから何も入れる必要はない
お前のやってるそれはsassとbootstrapを使おうとしてるもの
bundle installは本当にうまく行ってるのか？app/assets/javascripts/application.jsは修正したか？
*= require や *= require_treeは消せと書いてあるが消してあるか？
ttp://https://github.com/twbs/bootstrap-rubygem そこよんだら
＞Bootstrap 4 ruby gem for Ruby on Rails (Sprockets) and Hanami (formerly Lotus).
＞For Sass versions of Bootstrap 3 and 2 see bootstrap-sass instead.
ってかいてあって bootstrap4 使うには bootstrap-sass じゃなくて bootstrap ってのをいれなきゃだめだったみたいですね…
ウェブ上の記事はほとんど bootstrap-sass の記事ばっかりだったのに…
でとりあえずインストールと require までかいたら
import は通るようになったんですけど
uninitialized constant ExecJS::Runtimes::RubyRacerRuntime<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
っていうのが出るようになっちゃいました…
変なとこいじっちゃったのかなって全部動いてる状態に戻して
Gemfile に gem ’bootstrap’ の１行かいて bundle install した時点で
require とかの変更しなくてもこうなってました
エラーメッセージ検索しても人によっていってることばらばらだし
Rails の設定が特殊なのか SASS bootstrap どれが悪いのか
これ以上はちんぷんかんぷんですわ
フレームワーク使うのってほんと大変ですね…
こんなので１日使うぐらいだったら HTML CSS PHP JS をテキスト書きして apache にぽんっておくだけのほうがはるかに早いのに…
exe インストールしたら自動的に使える状態になるもの以外新しいものに手出したくない…
.card {
@extend p-1;
}
ってかいても p-1 ないですっていわれるし
@import ‘bootstrap’
ってかくと bootstrap の要素全部はきだされる…
SCSSだけはきれになるけどCSS細かくわけると毎回使いもしないクラス大量にはかれるし無駄すぎない？
SCSSの使い方が間違ってるのかな…
こういうの読んだ？
ttp://https://qiita.com/tonkotsuboy_com/items/1855734522bfe7ef7dad 時にRails使ってるみたいだけど、まさかbootstrapのためだけに
Rails使ってるんじゃないよね？
p-1 の意味がわからない。
こういうタグがあるの？
SassMeister, css2sass のサイトに入力して、チェックすれば？
.xyz { margin: 5px; }
.abc { @extend .xyz; }
.xyz, .abc { margin: 5px; } // 出力
普通は、こういう感じ。
一般的には制限が多い、extend よりも、mixin を使うべき
配属先のプロジェクトで Rails 使ってたってだけ
正直いままで apache や WP しかさわってなかったから
view が erb っていうちょっと変な書き方でとまどってる
それはともかく管理画面にいままで誰もデザインあててないから
bootstrap か何か使ってる人の多い汎用フレームワークでデザインあててっていわれたけど
「bootstrap でデザインをあてる」って具体的にどういう意味なのかなって
CSSを一切書かずにHTMLにbootstrapのクラスをかいてくだけでデザインはあたるんだけど
ウェブ制作のトレンドとしてはなるべくHTMLは簡潔にして
CSS側でセレクタでがんばってなるべく共通部品や重複なくしてくのがトレンドでしょ？
だから
<li class="dropdown-item">
<li class="dropdown-item">
<li class="dropdown-item">
とか
<input class="form-control ...">
<input class="form-control ...">
<input class="form-control ...">
とかあったら
.dropdown-menu > * { @extend .dropdown-item }
input, button { @extend formcontrol }
ってSCSSでかきたくならない？
けど,482みたいに自分でスタイルかいちゃったら個人のセンスの問題であって
bootstrapでデザインあてることにならなくない？
その指示は「良い感じのデザインがほしいけど別に時間はかけたくない。適当にbootstrap使っとけばいいか」という背景だろ？
自分でスタイル書けるなら書いても良いんだろうけど、指示した奴的にはデザインが当たれば良いのでどうでも良いだろ
そして多分はでお前が「bootstrapの要素全部吐き出される」と愚痴ってたことに対する返答で、
qiitaの記事にあるようにスタイルを分割してビルドするようにすれば、
必要なクラスだけを使ったオリジナルbootstrap.cssが生成できるよということではないの？
んー ちょっとちがうかも
自分がやりたいのは
他の人が作ったデザインをあてるためにHTMLに汎用的なbootstrapのクラスを指定したい
その方法としてなるべく HTML を完結に CSS 側にセレクタでまとめたい
ということであって
bootstrap のクラスのデザインを決めて上書きしたいってことじゃないんですよね
bootstrap のクラス := style じゃなく
HTML セレクタや myclass := bootstrap のクラス
ってことがやりたくて右辺に bootstrap をクラスかくために import が必要になるんですよね
分割できるっていっても99%使わない気クラスが展開される上に
フォームを使った部品3つのCSSつくるとどれも import '_forms' を呼ばないといけないじゃないですか
というか左辺にbootstrapのクラス書くのはimportも何もいらないからそりゃ必要な分だけ上書きできるけど
それってbootstrapを使ってデザインをあててるんじゃなく
boootstrapのテンプレートを作ってるだけじゃないですか？
他の人が作ったデザインがもうあるならbootstrapを使う必要がないじゃん
全体的に何言ってるのかさっぱりわからんわ
右辺だの左辺だの展開だのテンプレートを作るだの、お前の使ってる言葉他人に通じないから
その言葉使いで話し続けるなら一つ一つどういう意味で使ってるのか説明しろよ
テンプレートもわからない素人が口挟むなよ
テンプレートの意味はわかるけどこいつがどういう意味でテンプレートを作ると言ってるのか、
それ以前の文から全然わからんよ
わかるなら翻訳して教えてくれよ。と言うかお前が答えてやれ
わかりにくくてごめんなさい
端的にいえば HTML に bootstrap のクラス名をかかずに bootstrap のデフォルトのデザインがあたるようにしたい
という質問なのですが普通じゃないことをしようとしてるんですね…
もともと でそうかくしかないのかなって思ってたんですが
で scss を使えば HTML がクラスだらけにならなくてすむ
とおっしゃってたのでがんばって scss を使えるように昨日格闘したんですが
実際にどうかけば HTML にクラスをかかずに bootstrap が使えるのかなってききたかったのです
ちなみに左辺右辺というのは
x = 1;
とかいたときに値を代入する変数が左辺で 代入される値が右辺という意味でした
わかりにくくてすいません
っていってんのにクラスを上書きして何がかわるんだよ
質問の意味がわかってないなら黙ってろって
質問の意味はわかるけど回答としてはbootstrapを使うなということぐらい
bootstrap は CSS をわからなくてもデザインがかける
ここでいうデザインはレイアウトのこと
とくに -sm とか -md ってかくだけでスマホとPCでレイアウトが変えられるので
レスポンシブ対応がしやすい
装飾って意味でのデザインは自分でかくもの
（あるいは人のテンプレートをあてるもの）
なのでHTMLにクラスをかかずにCSSにまとめたいってのは
bootstrapの理念に反するんだよ
実際CSSと最近はエフェクトにJSの知識も必要だが
それがかけるならbootstrapを使う必要なんてないし
ウェブ制作会社で使ってるとこなんてないよ
で、テンプレートを作るの意味は？
> bootstrapの理念に反するんだよ
そもそもbootstrapがHTMLの理念に反している
bootstrapの思想を否定しつつもbootstrapを使いたいという最強にワガママな自己紹介すんなよ
最終wordpress出来れば良いなとは思ってるけどド素人でもできるもの？
否定というかできないならあきらめてHTMLにクラスかきますけど
さんがSCSS使えばっていってたからどうするのかききたかっただけです
sass も bootstrap もはじめて使う初心者なので知らなかっただけなので…
不快な思いさせてしまったなら申し訳ありません
というかテーマがほしいっていってたのね
普通にhtmlとcssから入ればいいんだよ
これと適当な無料画像使えばプロ並の静的サイトまで作れる
というわけでまずは静的サイトの作成から
div > div > div { … }
の中にかくもので困ってるんでしょ
アメリカにしてやられるわけだわな…
まず目的を考える。そもそもなんでwebサイトなのか
で、中身を考える
で、集客方法を考える
単によく分からないけど面白そう！って思うなら、もう作っちゃえばいいと思う
wordpress.comで確かいくらでもHP作れたような
リンクサイトに登録したらグーグル8分になるのは本当ですか？
受注してサイト自体は自分が作るとしてオンライン決済部分は既存のサービスを組み込んだとして、もしクライアントの不手際等で審査に通らなかったりするような問題は起こるんでしょうか？
すべてクライアントに任せる
通るも落ちるもクライアント次第
契約できてから組み込む
それまではオンライン決済なし
そこは事前に了承もらっておく
ちなみに代行会社によってはサイトチェックあったりするからどっちにしろオンライン決済なしで作ることになる
フレームワークを理解していない人には、使えない
フレームワークを使う場合は、そのやり方に従わなければならない。
フレームワークとはそういうもの。やり方を真似るもの。
従わない場合は、恩恵を受けられないから、別のフレームワークを使うべき
素人は「css フレームワーク」で検索して、軽量なものから試していく。
UIコンポーネントで部品になっているもので、各部品を試す。
SASS などで、UI部品も再利用する
その後、すべてのUI部品のデザインを統一している、大きなフレームワークを試す
「css フレームワーク 簡単」で検索して、簡単なものから勉強していく
PHP, ERB は、<% %>
Vue.js は、ヒゲ(mustache)、{{ }}
他には、JSX がある
どれでも同じ。
設定で変えられるものもあるし
なくていいんじゃなく、わざわざ各Webエンジンのおせっかい機能
閉じタグを忘れてもサイトが崩れないようにしてくれているだけ
ちょっと君、役に立たないから出てこないでくれないかな
は？バカかテメーわ？
普通に閉じタグないp書いてブラウザ開いてデベロッパーツールでみてみろよ
カスは出てくんな
ネット黎明期に不完全なHTMLがはびこってブラウザ側でエラーにはせずに表示されるように対策した、というのも事実ではある
ブロック要素がでた瞬間 p が終わるってのが簡単にわかるからでしょ
最初の仕様から省略可能
昔は<p>が一行開けるものだと思われていたぐらい
昔はそういうのが一般的だった時代がある証明はできるのだから、お前が知らないと主張したところで意味がない
ht tps://cetus. sakura. ne.jp/htmllint/explain.html#p-isnot-br
> <P> を行末に書いていたのは、HTML2.0より前の大昔のことです。RFC1866(J)では段落のためのタグとして、
> 終了タグを伴って定義されています。
> かなり多くの参考書が、<P> を改行するためのタグだとか、1行空けるためのタグだとか紹介しています。
> それは嘘です。そんなことを堂々と書くような著者は信用してはいけません。自分では調べもせず、
> 間違いの書かれた二次文献や三次文献などからの引用で済ませているからだと思われます。
HTML2.0より前
ttp://https://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt > EXAMPLES OF USE
> <h1>What to do</h1>
> This is a one paragraph.< p >This is a second.
> < P >
> This is a third.
>
> BAD EXAMPLE
> <h1><P>What not to do</h1>
> <p>I found that on my XYZ browser it looked prettier to
> me if I put some paragraph marks
> <p>
> <ul><p><li>Around lists, and
> <li>After headings.
RFC1866(J)
ttp://http://www.ring.gr.jp/pub/doc/RFC/rfc1866.txt > <OL>
> <LI>First item in an ordered list.
> <LI>Second item in an ordered list.
> <UL COMPACT>
> <LI> Note that lists can be nested;
> <LI> Whitespace may be used to assist in reading the
> HTML source.
> </UL>
> <LI>Third item in an ordered list.
> </OL>
> <P>This is an additional paragraph. Technically, end tags are
> not required for paragraphs, although they are allowed. You can
> include character highlighting in a paragraph. <EM>This sentence
> of the paragraph is emphasized.</EM> Note that the </P>
> end tag has been omitted.
> <P>
> <IMG SRC ="triangle.xbm" alt="Warning: ">
> Be sure to read these <b>bold instructions</b>.
> </BODY></HTML>
> ネット黎明期に不完全なHTMLがはびこってブラウザ側でエラーにはせずに表示されるように対策した、というのも事実ではある
それは省略不可能なタグの話。
<p>などは最初から省略可能であり、エラーになるブラウザはバグでしかない
全てのブラウザは<p>のとじタグはエラー無く表示されていた。
それが正常な動きなのだから、エラーでたために対策などしてない
もともと研究資料の記述目的だったみたいだし
新しい段落はここから、で十分だったということかな
無くても十分だが、あったら段落の終わりが
明確になる。ぐらいのものでしか無い
省略可能なHTMLタグは、なくても曖昧さが発生しないから
省略可能になってる。気まぐれで省略可能にしたんじゃないんだよ
<div></div>
</p>
ってよくありそうな間違った書き方だけどブラウザだと解釈わかれたりするの？
divはないにしてもulいれたくなったりすることはたまにある
その辺は全部規定があり、規定通りに表示される
IE5なんかはガン無視してたので思いっきりchromeにシェア持っていかれた
既存ブラウザ（特にIE6）の挙動に合わせて標準化された
全てのブラウザは文法間違いを同じように扱う
こんなレベルの低いところで立ち止まって初心者から脱出できるのか？
いちいちpガーとかどうでもいいじゃん
こんなところで悩むなよ
以下で、画像の上にマウスがある時、画像をoffとonで自動切り替え出来るようになったのですが、
$(function(){
$('a img').hover(function(){
$(this).attr('src', $(this).attr('src').replace('_off', '_on'));
}, function(){
if (!$(this).hasClass('currentPage')) {
$(this).attr('src', $(this).attr('src').replace('_on', '_off'));
}
});
});
これを画面幅によって無効にしたいです。
768px以下のとき無効にするにはどうしたらいいでしょうか？
教えて頂けると助かります。
よろしくお願いします。
CSSと連携してクラスを変えるやり方以外はやってはいけない
いつの時代だよｗｗｗ
ファイルジラで本番環境にアップしているのですが、
"更新したファイルのみ"をアップしたいです。
一応 "ファイルが新しければ上書き" のオプションはありますが、
上階層のファイルを全部あげると、全ファイルをチェックして時間がかかるので
良い方法はありませんか？
5年ぐらい前まで:hoverが使えないブラウザがあったような気がする
XP+IE7とかだったかもしれんが
表形式に見栄え良く出力してさらにドラッグやシフトクリックで選択できるようにしたいんですけど
そういう便利なライブラリみたいなのってないですか？
selectのmultiple属性とsize属性
だからその multiple のボックス中を表みたいにしたいんだけど
JavaScriptなのかPHPなのかRubyなのか、
どういうフレームワークが使われているのか（AngularやReact）
なのかってChrome機能の検証等から知る方法はありますか？
それともこういうのは基本その企業のインタビュー記事とかでしかわからないのでしょうか？
フロントとバックがごっちゃになってるが、フロントで使ってるのは読み込んでるの見ればわかるでしょ
バックはレスポンスヘッダーでわかることもある
隠せるから制作がまともなとこならわからない
Chromeの拡張であるよ
名前は忘れたが
しかしすべてのサイトが判定できるわけじゃなさそう
あー ごめんなさい
xxx 123
yyy 234
zzz 567
みたいに複数列にデータを表示して選択はドラッグでできるようにしたいって意味でした
なので option の中の表示が raw text しかできないので
そこを横方向のデータの並びを整形して見栄え良くしたいって意味でした
いろいろライブラリ探したけデフォの select を display:none にして
真上に table や list で表示して jQuery で表示変えたりみたいなことしてるのしかなかったから
やっぱり選択領域の見栄えかえるのってそうするしかないのかな
ウェブマスターツールからSearch Consoleに変わったようですが
Fetch as Googleが見当たらず、どこに？
sitemap送ってれば必要ないのでしょうか？
適切な（機能してる）スレあれば誘導願います
HPを作る練習をしてるんですけど
きれいなボタンとかの部品を使ってみたいんですが
head に CSS と JS のリンクを貼るタイプのしか使えなくて
npm で配布してるものから CSS と JS を取り出すのはどうすればいいんでしょうか
一応 npm コマンドははいってるみたいですが
npm install ってやってみてもどこに何ができてるのかさっぱりわかりません
当方、非常に簡単なHTMLの知識はあります。また、アクセスがある程度使えます。
アクセスでwebサイトを作ろうと思ったのですが、Windows serverを入れてしかも重いので滋養的ではないとのこと。そこで、webの知識を勉強しようかなと思いました。
頭の中ではcsvから自動的にHTMLが作成される感じをイメージしています。
たとえば
バンド名 AAA 日時X/X 場所 YYY
だったら
AAA
X/X開始
場所はYYY
といった感じです。
さて、ここで質問ですが
・こういうデータベースサイトを構築するのは難しいのでしょうか？
・なにを学ぶべきだと思いますか？
3ヶ月ほどウェbの専門学校へいこうかとも考えております。
最終目標がそのサイトだけなら、WordPressをいじれば数日で出来る。
とりあえずCSVは使わなくても、CSVを作るより早く記事を投稿できると思う。
それを承知の上であえて勉強したいなら、それも有りだとは思うけどね。
ttp://https://getbootstrap.com/docs/4.0/utilities/flex/）でフォームを作ってるんですが、 以下のようなレイアウトが実現できなくて困っています
ttps://dotup.org/uploda/dotup.org1640182.png form内でそれぞれのinputタグに<div class="col">を使ってやろうとすると、
ブラウザが勝手に</form>を補完してしまって、submitボタンがformタグの外にある状態になり動作しなくなってしまいます
どうすればうまくいくでしょうか？
VSCode のプラグインを入れればよい
<div>
と書くと、自動的に、
</div>
と追加される
閉じタグないのは論外だが、もしなくても他のタグが整合性取れてればそんなことにはならないぞ
submitの前に余分はdiv閉じとかないか？
ありがとうございます
ソースを見るとちゃんとsubmitの前に閉じタグはあって、
submitの下には赤くなった</form>がもう一つあるんですよねｗ
訳わかんないですけどこの問題自体は、flexをあきらめて普通のcontainerで作ったらうまくいきました
すいません
firefoxではソースを表示すると標準でvalidatorが動き、
壊れたタグは赤くなって「これおかしいぞ」って教えてくれるんです
つまり
<form>
</form>
</form>
のような構造になってると、二番目の閉じタグは赤で表示されまして、
「この</form>はどこのフォーム閉じてんの？何も閉じてないで孤立してるんだが？」と怒ってくれるわけです
実際の表示はこのようになります
ttps://dotup.org/uploda/dotup.org1640825.png これで言うと上の</div>が正常な色ですが、</form>はマウスオーバーすると
Stray end tagと表示されて対になる<form>がないことがわかります
これが「赤くなった」の意味で、すべて説明できたと思いますが、不明な点はありますか？
例えばだが、formの中にformは置けないので、書くとブラウザに消されることがある
chromeのデベロッパーツールなどでは、画面サイズに「iPhone 6/7/8」を選ぶと横幅414pxで表示されます
これはchromeがスマホの物理的なサイズを当てはめているだけで、実機の表示とは違うってことですか？
どっちに合わせれば良いでしょうか
414
たくさんいらっしゃいます
ttp://https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12193781232 FFFTPでの公開方法が安全なのかな？
FFFTPはウィルスの標的だぞ
filezillaがオススメ
個人的にはwinscpが好きだけど、まぁFFFTPじゃなければなんでもいい
filezillaはちょっとね
例のあれがあったから
知らずに勧めてしまったわ、すまん
うっへぇそりゃ酷いな
知らなかった、ありがとう
ファイルをPHPにしないといけないのかな？
PHPのバージョンで書き方がいろいろちがうけど
AddHandler php-script .php .html
とか
AddType application/x-httpd-php .php .html
とかそのへん
ただし納期は1ヶ月
遅れることは許されない
社長は現状でブチキレ状態
絶対に断る案件だよな
価格設定を大幅に上げて、外注しまくる
マネージメントだけで死ぬ
これ断る
てか初心者質問スレに書いちまった
ttp://http://onohp.com/sonota/zatuki/homepage/giji_frame/index.html こういう疑似フレームの中だけ表示したいんですが
どうやってやりますか？
URLは書き換わりませんがURLもJavaScriptで書き換えられるので
遷移なしで違うページを表示してると錯覚させることは出来ると思います
最近そういうサイトが増えてるのでそういうことしてるのかなと思いきや
ソース見る限り完全に別ページのようです
これはどういった仕組みなのでしょうか？
完全に別ページのようです、しか情報がない
あなたの見立てが正しいなら完全に別ページなんじゃない、としか
何をもって判断したの？
JSならソースもまるごと入れ替えられるんだし
あとRailsのターボリンクとかも有名じゃない？
ソースはDOM入れ替え後の動的なソースではなく、
そのドキュメントの静的なソースです。
なので物理的に別ページと判断しました。
ソースをみてもいまいち仕組みがわからないので、
なにかヒントがいただけないかと思い聞きました。
リファラとか見てurl変えないまま別のページ見せるとか結構あるよ。
スマホ用とPC用でレスポンシブではなく別々のソース書き出したりサーバー側でなんとでもできるよ
ttp://https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12193781232 Rails, Vue.js などのフレームワークを参照
ttp://http://onohp.com/sonota/zatuki/homepage/giji_frame/index.html こういう疑似フレームの中だけ表示したいんですが
どうやってやりますか？
いろんなところで同じ質問出すなよ
同じとこに２回書いただけですが？
すまんw
お詫びに答えるわ
まず、中だけって何？
どうもありがとうございます
当該ページのjsファイルを調べてみたところ
historyの文字がみあたったのでこの見立てが正しいようです
さっそくドキュメント読んでまいります
今までの職場だとscssが二つ、stylusが一つかな。
cssを直接いじるのは特殊な状況（HTMLメールとか）のみだった
古いHPの保守案件でcss直接触るかな
えげつないことになってるのであまりいろいろやりたくない・・・こわい・・・
ありがとうございます
SCSSなり、Stylusというのはやっておいた方が良さそうなのですね
命名規則はOOCSSが今は主流なのでしょうか・・・？
BEMやSMACSSなどもある様ですが
腐らないし、高感度も上がるし、良いことづくめ
もし個人でやってるなら、名前が気に行ったやつを使えばいい
どうせ全部メリット・デメリットがあるし、全部淘汰される
半フリーだけど、俺はwordpress+LESSでずっとやってる
ほんとクソだけど愛着があると続けられる
それよりCSSは十分覚えた？
どれやるにしろCSSしっかり理解してないとまったく役に立たないよ。
素のCSS十分知ってる人が楽をするツールだからね。
覚えなきゃいけない量は素のCSSが一番多いんだからね。
どれもこれもCSSのかわりにこれさえ覚えればオッケーと言うものではなくプラスアルファのものだからね。必要になってから覚えるので十分なくらい。
それより勉強なら素のCSSを以下略
具体的に言うとfloat
時代止まったままなんだろうなぁ
最近覚えた人はhtmlメール触れないね。
TABLEレイアウトとかインラインスタイルとか、忌むべき過去の遺産が詰まってる
気にせず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などの数値で固定されてる感じです
よろしくお願いします
ウチとこはいまだに5.3くらいなんですが・・・
5.3はそろそろ支障が出始めるんじゃないか？
無名関数が使えないのはいいとして、list()かなんかが大きく変わってた気がする
でかいバグ起こしそう
最低でも5.4
主流は7.2か5系なら5.6
正直ページ見ないと何ともいえないけど、開発ツールとかでその部分のcssみればどんなファイルのどんなセレクタが当たってるかが分かるから、それで原因を究明して見たら？
ttp://https://nandemo-nobiru.com/2944/ その文字の部分で右クリックして、要素の検査をすれば、
F12 開発者ツールが起動するから、CSS を見れば？
ありがとうございます
こんな便利な方法があるとは知りませんでした
裏技を使えばスマホでも見れるみたいですが
なぜか知り合いのスマホでは要素が見れるんですが肝心の自分の表示がおかしいスマホでは見れませんでしたが
頂いたヒントをもとに頑張ってみます
ありがとうです
initial-scale=1 を、0.5, 1.5, 2 とか色んな数値に変えてみるとか
特定のスマホ・Android のバグかも知れないし
windows 10+IE11だとみれる。
tlsのバージョンかな
ネット上のフラッシュミニゲームみたいなのって著作権ってあるの？
商業のゲームにミニゲームとして同じネタ使ったりしたらまずい？
コードや画像の流用はまずいだろうけど
ルールが同じみためや演出かえたゲームを作るのもまずいかな
スレチな内容だったらスルーしてください
ただ疑惑を持たれること自体がよろしくないので、
うまく対処できる自信があるかないかという問題
まったく同じミニゲームを勝手に使っても大丈夫ってこと？
法律上は問題ありません。
ゲーム制作者として終わるだけです
もちろんそのゲームをメインにするわけじゃなく
イベント内のサブゲームとしていくつか使いたいけど
作者に許可とらないといけないのか知りたかっただけです
まぁ明らかにグレーゾーンとわかってて突き進むなら止はしないぞ
ttp://https://prokatsu.com/http-not-omit/ こういう仕様変更やめロッテ
自分の取得したドメインでホームページ公開ができたのですが
wwwフォルダにindex.htmlとstylesheet.cssを入れてます
初め、フォルダ名をindex_a.htmlのような表記にしていた場合うまくいきませんでした。
なぜうまく行かなかったのかわからないので教えていただけませんか？
現在WinSCPを使っているのですが、起動するたびにホスト名やユーザー名、passwordを記入するように言われるのですが
皆さんはいちいち起動のたびに入力していますか？
カットする方法があるなら教えていただけませんか？
ttp://https://example.com/ にアクセスすると
wwwフォルダのindex.htmlというファイルを閲覧者に見せるというのがサーバーの挙動
そりゃ名前変えたらindex.httmlが見つからないと言われる
パスワードの舌に「保存」ボタン
「パスワードを保存する」にチェックいれればパスワードも毎回入力しなくて良い
設定を保存する
>
ttp://https://example.com/ >にアクセスすると
>wwwフォルダのindex.htmlというファイルを閲覧者に見せるというのがサーバーの挙動
決めつけて書くのはよくない
ファイル名を省略した時に何を見せるかはDirectoryIndexなどの設定による
このサーバーがたまたまindex.htmlだっただけ
まぁそうなんだけど、そういうことでええやん。
サーバーの設定を言い出すと無限にパターンが出てきて話がややこしくなる
何回も何回も本当に申し訳ないのですが今回のトラブルは大変なのでお願いします。
テキスト本のすらすらわかるHTML＆CSSの基本という教科書を勉強しようとサンプルをDownloadして
付属しているindex.html等をWinSCPを使ってサーバー側にまるまる転送してみて
どのようなホームページになるのかを試してみました
取得ドメインに表示されるとこはうまくいきましたので、消して練習を始めようと考えたのですが
WinSCPでサーバー側にまるまるアップしたindex.htmlファイル等をすべて削除したのですがなぜか消えてくれません
ちなみにwwwフォイルダに全部アップしました
削除したものがいつまでも表示され続けるのは本当に謎ですし、どこから読み込まれて表示されてるのかも意味がわからないのです
すみません、今取得ドメインを確認すると消えて練習用のindex.htmlが表示されていました。
読み込みに時間がかかってしまっていたのでしょうか？
自己解決しました
お騒がせしました
どのさ〜ばー使ってるの？サーバーによって挙動が違う
どっかのサーバーはindex.htmlを消したら自動生成するってのがあった気がする
あと何のトラブル？サーバーのサポートに聞いたほうが早いかもね
寝るわ、がんばれ！
ありがとうございました！
つかっていますのはさくらインターネットのレンタルサーバーです。
おやすみなさい。
これ
探してみても mailto:hoge@w3.org みたいなリンクしか見当たらない
この方法だとスパムメールとか来て困るんじゃないですかね(´・ω・`)
イラストのサムネイルをクリックしたら前に出てくる感じにしたいと思ってるのですが
デザイナー、プログラマー、コーダー等が
同じレポジトリをいじる
↓
レポジトリの内容をダウンロードして、ローカルで確認
↓
問題なさそうであれば、レポジトリをまるごとAWSにデプロイ
↓
公開
まずレポジトリじゃなくリポジトリな
で、書いてるのって「AWSの構築済みサーバーでのサイト公開」であって「AWSの開発」じゃない
聞きたいのがそこならそれでOKだけどAWSのこと聞きたいなら管理画面やターミナルでの話になる
あと、その内容ならAWSに限らずどこのサーバーでも同じだよ
あとAWSでwebサイトって何か意味アルの？
CPUぶん回す過疎サイトとか・
インフラが安定してる
設定をコード化できる
静的だとS3突っ込んどきゃおけ
サーバーいじれなくても、サービスいっぱいあるから、複雑な構成もある程度できる
AWS自身の学習コストも結構なものだけど…
warp
ングではないのかとよく言われるが[ŋ]はシンカンセンと発音したときの最初のンの音に近く、間違ってもnguではない。
だがプリンも意外と通じる。
理由は日本語のラ行の発音にある。
詳しくは
ttp://https://whitebear0930.net/archives/6620 とか読んでもらうとして、とにかく日本語のラ行はメリケンにd音のように聞き取られることがままあるのだ。
少なくともpudingu-よりはよっぽど通じる。
ずっと探しているのですが見つかりません。
90年代末頃にiMac(OS8.6)にバンドルされていたPagemillを使って現在までずっとHPを作っています。
ところがOSがXになったときにこのソフト使えなくなってしまったので、HPを作るときだけ古いiMac350を動かしてPagemillで作っています。
しかし、いろいろと限界が来てしまい、OSXで使えるPagemillのようなソフトを探しています。
HP自体はテキストベースのシンプルなものです（阿部寛HPのようなレトロなHPです）。
ちなみに普段は新しいiMac(macOS High Sierra バージョン10.13.6）を使っています。
よろしくお願い致します。
ttps://tmix.jp/designs/new?product_color_id=640&product_master_id=4 理想はこんな感じ。
総ム省の、『憲法改正國民投票法』、でググって
みてください。拡散も含め、お願い致します。
HTMLタグにカーソルを重ねるとタグの説明がポップアップするのを止めるには、
どこの設定を変えればいいのでしょうか？
自分でも探しているのですが、見つけられないのです
ttps://dotup.org/uploda/dotup.org1670152.png 
ttps://dotup.org/uploda/dotup.org1670155.png 
ttps://dotup.org/uploda/dotup.org1670156.png 初心者ですお知恵をお貸し願えませんか？よろしくおねがいします。
SSのタイトルとメニューを高さを中心に揃えたいのですがline-heighｔを使ってもうまくいきません
liを使ってるから余白が大きいのでしょうか？
うまくできる方法をお願いいたします！
まずreset.cssを入れるんだ
そうすれば全ての文字サイズが同じになる
そういえばreset.cssはもう使ってないなあ
でもどのブラウザ・デバイスでも崩れない
プログラム板の、VSCode のスレで聞いて
ありがとう
行ってみます
そのタイミングにあわせて処理ってできますか？
たとえばダウンロードボタンを押したときにファイルを準備するのにサーバー側で時間がかかるとして
サーバーからくるレスポンスの最初の10文字は準備状況を知らせるのに使って
10秒おきに1文字ずつ流れてくるみたいな感じで
クライアントでは1文字うけとるごとにプログレスバーをふやしていって10文字目がとどいたら
それ以降をダウンロードファイルの中身とみなしてダウンロード処理する
みたいなことってブラウザの標準機能とJavaScriptで実現できたりしますか？
jsで10秒おきに一文字増やせば済む話
phpなら出来るといえば出来るけど、処理が意味不明すぎる
文字列を受け取る必要が無い
ダウンロード前の準備にどれぐらいかかるかわからないので
サーバーの準備状況をクライアントにつたえたいって意味でした
ゆっくり処理を返す事は可能だが、現実的ではない
ajax使うのが一般的
後、そもそもの設計がおかしいと思うがね
＞サーバー側で時間がかかるとして
ここに時間を掛けないようにすれば全て解決する
仮にサーバーまるごとバックアップとかなら、
そんな処理をかまさずにcronで深夜にzipを作っておいて、
それをDLするだけで良い
リクエストをうけとった時点でデータベースからデータをもってきてZIPを作って返したいんです
ajax を使う実装も試みたんですけど
受け取ったリクエストをダウンロードにみせる方法がわからなくて断念したんですよね
それよりこの壁紙は何ですか？おじさんに教えなさい。
Rails サーバーで画面はリソースモデルの６画面そのまま index が一覧画面になってて
そこに検索機能がついててカラムの値でいろいろ検索というかしぼりこみができるようになってて
データ１つ１つがCSVファイルをもっててそれは前もってAWSのS3に保存してあるんだけど
最終的に絞り込んだ検索結果のCSVだけをS3からもってきてZIPを作ってダウンロード
っていうことが要求されてる
何も考えずに実装するとダウンロードボタンをクリックした瞬間ZIPを作り始めるて
ZIPが完成してから send_data で送り始めるからダウンロードが始まるまでに数分かかる
その間 chrome だと左下に localhost... を待機していますって出るだけでUI的に不親切だし
タイムアウトする可能性もあるから何らかの通信はし続けたいんですよね
ZIPをストリームで作ったそばから送ることができれば
ブラウザ側のダウンロード進捗がでてくれるからそれですむ話なんですけど
RailsサーバーでZIPを作りながらストリームで返すのがなかなか難しい
あとインポートの機能もあるのでどっちにしろインポートでは何かしらじぶんで進捗をかえさなきゃいけない
なのでコントローラーが処理中にみたいな何らかの進捗レスポンスを返したいと思った次第なんですが
こっちもajax使ったりSSEだったりfetchだったりいろいろ使ってみたけど
リクエストレスポンスを１つのコネクションでできなかったりIEが対応してなかったりで結局解決しなかった…
しかも Rails と JS 両方が普通のHTTP通信じゃないことしなきゃいけないから両方に詳しい知り合いがいなくてきくにきけない
ダウンロードアップロードに進捗つけるのってふつうに需要りそうなのにこんなに大変なんですね
普段はJSやCSSとかフロントエンドメインで バックエンドはApache 上に PHP CGI おいて
フォームからきたデータを MySQL に保存するぐらいしかやったことがないので
Rails 初めてさわったんですけどフレームワーク使うと逆に制限が多くてやりたいことができなくて苦労します
あれもこれもで何がなんだかわからん
質問なんですが要点もしぼりきれないんですよね
いろいろ実現する方法はあるけどどれもチャレンジしてみるとつまってしまって…
何か１つでもいいので
＞Rails サーバーで画面はリソースモデルの６画面そのまま index が一覧画面になってて
＞そこに検索機能がついててカラムの値でいろいろ検索というかしぼりこみができるようになってて
＞データ１つ１つがCSVファイルをもっててそれは前もってAWSのS3に保存してあるんだけど
＞最終的に絞り込んだ検索結果のCSVだけをS3からもってきてZIPを作ってダウンロード
これがタイムアウトせずに IE 含めたモダンブラウザで実現できる方法が知りたいのです
同じタイミングで100人からアクセスあったらどうなる？
管理画面なら我慢してくれと歯科
IEで動かないってfetchで動くコード作れてんならIEの方がもっと楽だぞ
UAみてIEかどうかで分岐いれてIEの場合XMLHttpRequestとほぼ同じメソッドでストリームが受け取れる拡張仕様があったはず
むしろ他のブラウザの場合だけfetchなりweb socket なりが必要になるだけ
まあsyntax errorがでるとJS全体が動かないからES6使えないのがだるいが
まあjavascript側は何とでもなる
どちらかというとサーバーでストリームでデータ流すのがわりと環境に依存するから難しい
フレームワークでレスポンスフラッシュするコードかいても
ホストサーバーやプロキシが勝手にキャッシュしてストリームにならなかったりする
自分はRailsは分からんが
そのファイルの存在を確認してPHPからhtmlにDボタンなどを作成・・
という原始的なのが最も良い気がしてきた
少なくともトレイトやらなんやらをユーザーに押し付けない方が良いと思う
そこらへんのしょぼいサイトでも普通にやってることやん
一見普通に見えるそれは、一見それっぽく見える処置を見せてるだけ
それにまんまと騙されてるだけで、幸せですなーとしか思わない
種明かしすると、それまでスムーズに進んでいたものが30%ぐらいでピッタリとまったり、
99%ぐらいでピタァ圧止まることあるでしょ。それ
あほくさｗ
ダウンロードの処理はメチャクチャめんどくさいし、そんなもん実装しても誰一人得しない
もう今まで通り30%でピタッ！99%でピタッ！で良いと思う
それでも本気でダウンロードの進捗を見せたいっていうなら考えるけど
ダウンロードが始まる前にサーバー内でごちゃごちゃやってることに対して進捗をつけたいっていうから難しい
つーかそんなレスポンスに時間かかるなら非同期処理にしてレスポンスだけはすぐ返すもんじゃね
Railsだとその間ウェブサイト自体が他の接続に応答しないのは問題だろ
内部向けの管理画面っぽいからそれでもいいのかもしれんけど
まあセッション間で進捗情報を受け渡す必要がでるから進捗つけるのはさらに面倒になるけどな
しかも名前順なので、最後にデカイファイルが来るといつまで立っても99%から進まない
ttps://teratail.com/questions/82898 ,681,682
別に圧縮をかける必要はないんです
無圧縮ZIPでもいいので「1操作で」「動的に選択した複数ファイル」をダウンロードできればいいのですが
教えてくださいお願いします
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 だめみたいです
それも考えたのですがRailsで非同期処理するのが思いの外大変で…
別にサーバーをたてないと非同期処理ができないみたいで…
apache だったらデフォルトで同時リクエストうけつけてくれるのに…
まあでも内部用の管理画面なのでコントローラーを占有するのは問題ないはずです
（その間操作できないことがUI的に親切に伝わればですが
やっぱり難しいんですね…
難しいってことがわかればあきらめるんですけど
一見当たり前についててほしいものなのでこんなこともできないのかって思われそうで…
みたいなのがあればタイムアウトなんて絶対に起きる
自社の管理いステム限定の処理なら起きないだろうという事は推測できるけど
前日で決まってる＋数パターンなら夜中に作っておくという処理も考えられる
いくら巨大なファイルをダイヤル回線みたいな細い回線でダウンロードし続けても
進捗がある限りタイムアウトっておきないじゃないですか
ZIPをストリームで送る
処理中にレスポンスをストリームで少しずつ返してそれをJS側で進捗とみなす
非同期にしてレスポンスはすぐ返し、ajax で polling して進捗を返すAPIを追加する
のどれかができれば可能だとは思うんですが
どれもが Rails + IE っていう制約だとなかなかうまくいかなくて…
よんで webprog 板いったほうがいいんじゃね
ここはどっちかっていうと HTML CSS みたいなマークアップ関連の質問するところな気がする
まあRailsスレなんて人いるか知らんけど
IE対応ってだけでjavascriptの工数倍とってもいいぐらいだわ
ES6使えないだけでも糞すぎ
そのためにbabelがある。babelがない時代ならともかく
今それを言ったら、技術力低いってバレるぞ
jsの工程多いなら別料金取れる
だったら答えてやれば？
＞IEでTransfer-Encoding: chunked受信する方法
ブラウザのHTTPハンドリングの内部実装やプロトコルのはなしなんだからbabelじゃ何も解決できん
ms-streamとか変なもん作ってるから…
Babelってただの互換性吸収変換器だしなー
変換先のJSがIEで不可能なことはそもそも不可能なんだよなー
サポートって言っても何もしてないがw
それはJavaScriptの話じゃない。
勝手に話をすり替えんな
> IEはまじでjavascript触る人にとっては癌だよなー
> IE対応ってだけでjavascriptの工数倍とってもいいぐらいだわ
> ES6使えないだけでも糞すぎ
JavaScriptの話だよな？
どうもIEの話とごっちゃにしてるバカが多いけど、
JavaScriptの問題。特にES6はBabelで解決できるよ
質問と無関係な雑談したいならスレチ
勝手に別の人への回答にするなよ
勝手に別の人への質問にすり替え、
解答が違うとか、なにそれｗｗｗ
そのレスのどこでなにを質問してんだ
アスペな上に日本語不自由か
→IEくそだよなー
→Babel 使え ← は？
マウントレスするならはなしのながれぐらいつかめるようになりましょう
だからにレスしてるだけだっつーの
お前がアスペだろｗ
学習コスト導入コスト変換コストがかかるだけでも工数が増えるしそれだけでも糞だろ
保守でBabelが使えることも条件になるしな
WinJS.xhs ってのがある
XMLHttpRequest のラッパーになってて
ストリーム受信含むいろいろなことができるらしい
自分は使ったことはないんだけど
> それも考えたのですがRailsで非同期処理するのが思いの外大変で…
> 別にサーバーをたてないと非同期処理ができないみたいで…
Railsで非同期するならActiveJob使えばいいやん？
普通にフレームワークに搭載されてる
別にRailsでZIPをストリームで返すことはできるけど、
それで本当に良いのかって話がある。
S3を使っているなら、Railsアプリを経由せずに、直接S3からダウンロードしたほうが良いからだ。
AWSは詳しくないが、同一リージョンならEC2（Railsサーバー）と
EC2の通信量は無料じゃないか？ならZIPもS3に作成し、
そこから直接ダウンロードしてもらったほうがコストも速度も良くなるだろう
その時のダウンロードURLについてはSigned URLが重要になってくるな
RailsでZIPをストリームで作ることもそんなに大変とは思わないが、
ダウンロードが始まるまでに数分かかるというのなら、ページ移動してしまう可能性もある。
だから一つのセッションとかに頼るのではなくて、非同期でZIP作成して
ZIPの作成の完了をAjaxで定期的に問い合わせたりすればいいだろう
そのときに、どこまで処理が済んだかを記録しておけば、ZIP作成の進捗状況を出すこともできる。
ダウンロード・アップロードも何処までデータを送信したか、受信したかを記録しておけば
（ダウンロード・アップロードとは別のセッションで）Ajaxを使って通知することは可能
S3から直接ダウンロード・アップロードさせる場合はIEでダウンロード・アップロードの
進捗状況を表示するのは難しいが、（ZIP作成の進捗状況通知ならできる）
Railsアプリを通すという前提であれば、IEでもできるぞ。
> これがタイムアウトせずに IE 含めたモダンブラウザで実現できる方法が知りたいのです
可能
前提として時間がかかる処理は非同期で行う。これが鉄則。
Railsで非同期処理をするならActiveJobなどを使えば良い
S3ということだからAWSを使ってるのだろうけど、AWSの
非同期処理を行えるサービス（詳しくは知らない）を使うのもいいだろうな
まずRailsアプリはダウンロードのリクエストがきたら、それを非同期で
処理するようにしてクライアントにはすぐにレスポンスを返す。
サーバー側では非同期でゆっくりとZIP作成でもすればよい。
作成したZIPはS3に置いたほうがコストとパフォーマンスの両面で良いだろう。
スケールさせる場合（マシンの台数を増やした場合）同一のインスタンスに
アクセスするとは限らないという問題もある。ローカルディスクに保存してると、
作成したサーバーとは別のサーバーに接続したときにファイルが見つからない
サーバーが1台しか建てないっていうのなら、ローカルにZIPを作成してもいいけど。
そしてZIP作成の進捗状況はAjaxで定期的に監視すればよい。IEでも対応可能。
ダウンロードする場合のおすすめはS3に置いたZIPファイルを直接ダウンロード
してもらう方法だが、Railsアプリを経由してダウンロードする方法もあるにはある
質問からすれば、ZIPを返すまでの待ち時間の解決がメインみたいなので
ダウンロードの進捗状況までは知る必要はなさそうだが、やろうと思えば、
何処まで送信したかを記録することで、Ajaxで通知することは可能
RailsアプリからZIPをストリームで送るということをやるなら、
別にJavaScript側でいろいろやる必要はない。JavaScriptもAjaxも何も要らない
やり方は、単にRailsアプリでメモリ内にZIPデータを作って返すだけだぞ
必要なのは、それができるライブラリを探すだけだろうな
あと「進捗がある限りタイムアウトっておきないじゃないですか」の解決策として
「非同期にしてレスポンスはすぐ返し」と書いているようだが、
Ajaxはすぐにレスポンスを返して通信を終了しているわけで、
「進捗がある限りタイムアウトが起きない」のとは関係ない話になってるぞ
Fetch APIなどを使って細かいチャンクごとにデータを受け取ってローカルで保存する方法はあるが
それを使わなくてもIEでも「進捗がある限りタイムアウトっておきない」だろ？
ゆっくりデータを返すのに必要なのはサーバーの対応だけで、IEだからって話にはなってない。
つまりはTransfer-Encoding: chunkedに対応するってことだが、
これはChromeなどでJavaScriptを使って対応することは可能だが、
それはそれとしてだ、サーバー側での対応も必要だぞ。
ダウンロードのためのリクエストが細かく送られてくる、それも一つのセッションではなく
チャンクごとに別々のセッションでリクエストが飛んでくるので、Rails側でそれに対応して
細かいチャンク毎にデータを返すように作らないといけない
だからZIPデータを（メモリに）作りながら、データを返すっていうのは難しいんだよ。
なぜならZIPを作成しているセッションとは別のセッションで次のチャンクの要求が来るからね
ちなみにS3はこの細かいチャンクごとのダウンロードに対応しているから、
S3からFetchAPIなどでダウンロードする方法の方が、サーバー側でチャンクごとのダウンロードを
実装しなくてすむ。つまりは、S3のCSVファイルからZIPを作ってS3に置くって話に戻るわけだなｗ
本来の質問者に対してレスしろとか言われたから、
レスしてやったぜｗｗｗ
途中参加で駆け足で思いつくまま書いたからわかりくいだろう。
続けてやるから、質問を続けるが良い
ありがとうございます
これから調べて試してみようと思います
丁寧にありがとうございます
>Railsで非同期するならActiveJob使えばいいやん？
軽く調べてみたらコード自体は簡単にかけるんですけどそれを動くようにするのに
sidekiqとかredis?みたいなジョブサーバーを建てないといけないみたいで
サーバーをたてるとなるとリソースの問題やモニタリングやログ監視とかも必要になってきて
たかがダウンロードに進捗つけるのにそこまでしなきゃいけないものなのかなと…
>別にRailsでZIPをストリームで返すことはできる
何っていうジェムをつかえばいいんでしょう
ファイルを逐次追加はできても send_data send_file できるのは
zipが完成してからってジェムしかないんですよね
zip自体はエントリ単位でストリームに対応してるアルゴリズムらしいのですが
>ZIPもS3に作成し
できればファイルに残さずメモリ上で処理したいんですよね
ダウンロードはこれまでも何度かつけたことがあるんですがファイルを作ってリダイレクトだと
完了したあとダウンロードされないことがあるとサーバーにごみが残り続けるって問題があって…
＞非同期でZIP作成してZIPの作成の完了をAjaxで定期的に問い合わせ
仰る方法で実現することはできると思うし多数のユーザからリクエストが来るならそうするべきですが
今回内向け管理画面でオペレーターがひとりって想定でコントローラを専有してOKなので
いちばんはじめにで質問したように ができればコーディングもリソースも楽なんですよね…
非同期処理にしても忙しい処理してる最中にポーリングして進捗にうけこたえするのって無駄な気がするんです
それに比べればKeeo-Aliveで進捗をストリームで受け取ることさえできれば
サーバー側でタイミングや頻度もコントロールできますしね
結局IE上のajaxでレスポンスをストリーム受信することって無理なんでしょうか…
Chromeではfetchのreadablestreamをつかってダウンロード進捗が動いたのでサーバーからはflushできてるみたいなので
あとIEで送られてきたレスポンスをバッファせず受け取ることさえできればすべてが解決するんですが…
cronでも使って定期的に後片付けすればいいよ
> Chromeではfetchのreadablestreamをつかってダウンロード進捗が動いたのでサーバーからはflushできてるみたいなので
ZIPを作成するまでの待ち時間が問題なんじゃなかったのか？
fetchのreadablestreamはJavaScriptでのダウンロード中に画面更新ができるという話で、
ZIP作成までの待ち時間は別の話だし、そもそもJavaScriptでダウンロードするのではなく
ブラウザにダウンロードさせれば画面更新は行えるだろう？
本当にやりたいことは何？
> 何っていうジェムをつかえばいいんでしょう
知らん。でも原理的にはできるだろ？
データ作りながら出力するだけ
どうやってS3のCSVファイルを参照しているのか知らんが、
ファイルとして扱えるのなら、zipコマンドでファイルに
書き出すのではなく標準出力に書き出せばできるはず
> いちばんはじめにで質問したように ができればコーディングもリソースも楽なんですよね…
それが楽という理由がわからん。
ダウンロードボタンを押されてサーバーにリクエストが飛んで、
サーバーがZIP作成などの処理を実行中に、その進捗状況をデータベースや
ファイルに書き込んでおいて、Ajaxで進捗状況を監視するのも大差ない。
むしろその方がJavaScriptで受け取ったデータの最初の10文字を消して
CSVファイルを保存するよりも楽だろう
最終的なZIPのサイズは不明だから、何％終わったとかは
出せないな。何バイト送信したっていうのなら出せるけど
自分の経験でしか語れないやつ
わからないなら黙ってればいいのに
１回のリクエストレスポンスでIE以外ではすでに実現できてるっていってるのに
今更全く別の無駄だらけの方法を１からやれってバカすぎる
たかがダウンロードに進捗つけるのにジョブサーバーとかcronとか
こういうリソースのこと何もかんがえないやつにサーバーサイドやらせた結果障害だらけになるんだろうな
直接かかわったことはないけど昔sidekiqがメモリリーク起こして頻繁に落ちて
解決するまで何度も夜中におこされて再起動かける別チームのメンバーみてきた
つーか Railsってまじで別のジョブサーバーがないと並列リクエストうけられんの？
さすがにゴミすぎだろ
もうApache 上に直接おけばいいじゃん
>cronでも使って定期的に後片付けすればいいよ
基本的にフロントエンドでサーバーサイドはコードをいじれるってだけで
インフラの知識がないのでコマンド叩くとか基本的に設定をいじるとかそれも一苦労なのです
>ZIPを作成するまでの待ち時間が問題なんじゃなかったのか？
そうです
>本当にやりたいことは何？
ダウンロード前のZIP作成中に進捗を表示したい
例えばファイルを１つZIPに追加するごとに全体何ファイル中何ファイル目という進捗をクライアント側に送りたい
>fetchのreadablestreamはJavaScriptでのダウンロード中に画面更新ができるという話
fetchは本当にダウンロード前に encoding:chuncked なデータをリアルタイムでうけとれるんです
Rails で render stream:true というオプションをつけるとchunkedデータを返せるみたいで
ZIP作成中にファイルを１つ追加するたびにresponse.stream.write("{progress:1})
みたいにかくとダウンロード開始前に chrome 側にレスポンスが流れてきます
でさいごに response.stream.write("{complete:zipbody1})をつけておくって
javascript 側で complete: をみたら残りをファイルコンテンツとみなして blob を作るという感じで実際に動いてます
$ajax や XMLHttpRequest では途中で受け取る方法がわからなかったんですが
fetch の readableStream というのを使うとうけとれてこれが IE だけ動きません
>それが楽という理由がわからん
サーバーサイドの経験の差なのかも
フロントエンドがメインでサーバーはviewとかSQLのやりとりを軽くさわれるぐらいなので
ジョブサーバーをたてるってだけでノウハウも何もなくなにをしたらわかりません
しかも非同期実行中の進捗をメインコントローラーに受け渡す方法もわからないし
進捗を聞きに来た相手が最初のリクエストした相手と同定する方法もわからないし
逆にいまの方法だとサーバー側は render stream: true と response.stream.witeをかくだけ
クライアント側は文字列として取り出しさえできればあとは何とでもなるので…
ttp://https://github.com/github/fetch CDNもあるから１行かくだけやで
HTMLとCSSとwordpressしかつかえない俺からしたら別世界の話題
やってみたんですけどだめでした
undefined じゃなくなってエラーは出なくなったのでうまくいったかなと思ったのに
ttps://sbfl.net/blog/2018/05/26/javascript-streams-api/ ここを参考にjavascript側をかいてたんですが
１行目の
.then((response) => response.body.getReader())
がトリガーされずに無反応
IEだけなんでこんな特殊な動作するんでしょうか；；
ttp://http://vividcode.hatenablog.com/entry/ie10/xhr-ms-stream ここを参考にコードかいてみたんですけど
res.msDetachStream()
が undefined
WinJS.xhr({ url: uri, responseType: "ms-stream" }).
っていう独自の responsetype 使うみたいなのでサーバー側もただ response.write するだけではだめなのかも
ただ検索しても ms-stream に関するドキュメントがぜんぜんでてこなくてよくわかりません…
結局今週も解決できず…
もうあきらめようかな…
csvごとき、サーバーでgzipかかるだろうからそのまま落としても大した転送量にならないだろ。
csvのまま取ってきてクライアント側でjsZipでzipファイルにすりゃいいだけだろ。
なるほどです！
天才です
確かにそれならじぶんができる技術でできそうだし
タイムアウトもないし進捗処理も簡単につけられそうです
サーバー処理も大幅にかえなきゃいけないけど
現状手詰まりなので試してみたいと思います
ありがとうございます
res.readyState ==4 だけしかみてないなんてないよね？
readyState == 3 をみるんだよ
ttps://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/dev-guides/hh673569(v=vs.85) ちなみにこれの Comet streaming support のとこね
試したわけじゃないけど IE10 では普通に途中データうけとれるってかいてるんだけどなー
わー！ すごい！ できました！
しかもコードもすごい短いしIEもChromeもUA分岐しなくても動くし最高です！！！
XMLHttpRequestでストリーム受け取るって記事がどこにもなくててっきりできないと思ってたんですが
readyStateの3がLoading中って意味だったんですね
fetchで作ったコードもほぼ流用できてサーバー側はなにひとつ変えずにすんだし
ほんとに助かりました
さすがプロの方すごいです
質問してよかったです
さまですか 本当にありがとうございました
他にもリプいただけた方々ありがとうございました
まだウェブに標準化という考えが乏しかった時代
IE6以外にまともなブラウザがなかった時代が長かったため、
それ以降の標準化への対応が遅れただけで、
搭載されている技術は10年先まで使える技術だったからな
IEってデフォルトでborderboxなのか？
IEが独自拡張だから
ボーダーをブロックの外につけるか中につけるかそういう仕様自体がなかった。
だからIEが間違いでも独自拡張なわけでもない。
IEの挙動（border box）の方が使い勝手が良かったが
他のブラウザはcontent boxの挙動で実装していた。作りやすかったんだろう。
この時はまだborder boxとかcontent boxなんて言葉はなかった
その後だよ。標準化の話が浮上したのは。IE嫌いのやつが
仕様を作ったのか、IEとは違う方が採用されてしまった。
そしてその数年後に、やっぱりIEの挙動のほうが便利だとわかって
挙動を変えられるようになった。このときにようやくborder boxと
content boxという言葉ができた。
今では細くデザインを調整する場合は、border boxにするのが常識となっている
AjaxとかCanvasとか、当時は標準がなかったから仕方なかったが
技術で先行実装していたのは実はIE
割を食ったのはユーザー。と、お前ら。
後ラッパーかなんかつけないと何かができなかった気がする。ラッパーつければいいだけだけど
その点HTML5は素晴らしかった。
第三者の団体でどこにも利害関係ありませんーを装った、現実を考慮しない
標準化団体の奴ら（おかげで標準化が全然進まなかった）とは違い、
HTML5は各社ブラウザメーカー主導で行われた。
そのため仕様は当時の主流ブラウザ（当然IE含む）の互換性を考慮して作られた。
<!DOCTYPE html> という短い記述はIE6でも標準モードになるから採用されたし
<meta charset="UTF-8"> というHTML5の書き方は、従来は以下のように書かなければいけない
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
だけど、IE6でも対応しているから採用された。
IE6が作られた時代に<meta charset="UTF-8">という書き方は存在しなかったのに
何故動作するのか？それはブラウザの間違った記述でも動くおせっかい機能が働いたため
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
http-equiv書き忘れてもOKにしよう
<meta content="text/html; charset=UTF-8">
ダブルクォートでくくるの忘れる人もいるんじゃね？
<meta content=text/html; charset=UTF-8>
content書き忘れてもOKにしよう
<meta charset=UTF-8>
という謎理論で、たまたま動作していた挙動が仕様となった。
他にも壊れたHTMLの解釈の仕方まで、主流のブラウザの挙動を考慮して仕様が作られた
html5.1 ごめん、やっぱ今のナシ
初めて俺が主導したプロジェクト、ひっそりと死亡する
CSSが出来たのは1994年
IE1がリリースされたのも1994年
提唱、いいだしたのが1994年
CSSに対応したブラウザは、IEが3.0（1996年8月）
ネットスケープが4.0（1997年6月）
書き込む先のテキストファイルは決め打ちにしてたんだけど書き込んで名前をつけて保存、ってこともやりたいなと思うんですがjavascriptで名前を付けて保存のようなダイアログボックスを出すことは可能ですか？
・ダイアログは可能
・ファイル名は決められる
・場所はセキュリティ上ほぼできないと思っていい（完全に自分用なら作れる）
ダウンロード以降、どこに保存するかはブラウザに任せるしかない
流れとしては、以下のような形
ボタンを押す→ダイアログを出してファイル名をきめさせる→ダウンロード
ありがとうございます
場所は指定出来ないのですね
自分もダウンロードなら出来るのかなと思ってたのですが名前を変更する方法が分からず断念してました
Javascriptを触るのが今回初めてなので的外れな質問かもしれませんが、ダイアログを表示させたりするモジュールやパッケージなどが用意されているのでしょうか？
パッケージとかは知らない。多分無いと思う
ヘッダ触れるなら以下で実現できる
ttp://https://ja.stackoverflow.com/questions/32487/ 無理なら
ブラウザでボタンを押す、ダイアログを出してファイル名をきめさせる
→サーバーでファイル名を受け取り、その名前でファイル生成
→ダウンロード
いずれにしろph側の処理が必要で、js単独でやる方法は無いと思う。あったらゴメン
丁寧にありがとうございます
周りに聞ける人もおらず誰か知らない人が作ったものの改良なんで心折れかけてました
javascript単体でなんとか完結出来るのかと思って探してたのですが(サーバー側とかの知識がないため)それも難しいようですね
重ねて質問で申し訳ないのですが、セキュリティ上の関係で保存場所の指定ができないというのはどういう意味なのでしょうか？
保存場所の指定ができないというより、PCの中身にアクセスできないと言ったほうが正しい
もしブラウザからPCの中身を見る手段があると、サイトを開いた瞬間、サイトの持ち主からPCの中身全部丸見えという事になる
で、このセキュリティをガバガバにする方法があるんだけど、
かなりめんどくさい
完全に自分用ならそれは実現できるけどね
> →サーバーでファイル名を受け取り、その名前でファイル生成
そんなことしたら、他人がつけたファイル名とかぶった時に大変なことになるだろ
> いずれにしろph側の処理が必要で、js単独でやる方法は無いと思う。あったらゴメン
ダウンロード属性を使えばできる
ttp://https://developer.mozilla.org/ja/docs/Web/HTML/Element/a IEでできるかどうかはよくわからん
ttp://https://qiita.com/wadahiro/items/eb50ac6bbe2e18cf8813 ディレクトリ分ければ良い
/yamada/foo.csv
/suzuki/foo.csv
同じ名前の人はどうする？
ユーザーIDを使うとしても、同じユーザーが
2つのブラウザで同時にダウンロードとかあるだろ
なんで一番簡単な、ランダムな名前でディレクトリを
作成するという回答が一番最初に出てこないんだ？
そのための、mktempコマンドや安全に一時ファイル
一時ディレクトリを作る関数が大抵の言語にあるというのに
ステージングにデプロイしたら動かなくなった
サーバーがバッファリングしててストリームで返してくれない
ReadyState2〜4最後に一気にくる
しかもタイムアウトかなり短く設定されてるし
悲しい
新しい機能を無理やり使おうとせずに、
ファイルはファイルでダウンロードして、
進捗確認は別でAjaxでも使ってしろって言ったのに
jsで変換してるのかね？
純粋でかわいいなｗ
広告を見せているために、どんなファイルでも10秒かかったことにしてるだけだよ
unicorn っていうエンジン？が タイムアウト時間になると Rails のプロセスを強制的にキルしててエラーメッセージ履くことすらできないんだけどこれのばすことってできるんですか？
バッファリングしない方法も教えてください
土日つぶしてあんなに苦労してつけたのが動かないとか涙出てくる
非同期実行のためのジョブサーバーの作り方教えてください；；
今と同じですぐに制御を返すのではなく、待たせるのであれば
非同期にする必要はない
・csvに書き出す進捗は出せる
・zip圧縮の進捗は基本的には無理
だよ
zipの進捗はこの辺使えばイケルと思うけど、不毛すぎる
ttp://http://takuya-1st.hatenablog.jp/entry/2017/03/06/172644 やりたいことは
「いつダウンロードできるか知りたい」事なんだろうから、
圧縮終わったらDLファイルのURL書いたメール通知とかに仕様変更すればいいんじゃないの？
処理済みのファイルサイズの合計 ÷ 圧縮すべき複数のファイルサイズ合計
でいいと思うけどね
ファイルのダウンロード自体は単純にファイルを転送するだけにしておけば、
S3から直接ダウンロードに変更したり、別サーバーやフロントの
ウェブサーバーからダウンロードさせるように変更するのも楽
余計なことはしないほうが良い
あとは足りない「いつダウンロードできるか」部分だけを作ればいいだろう
が書いている通り、進捗をファイルに書き出しておいて
メールで通知するのもありだし、Ajaxで情報を取りに行くのもありだろう
そうしておけば圧縮中にページ移動されたりしても対応可能になるのに
要件定義をしっかりして作り直したほうがいいぞ
今ならまだ間に合う
＞圧縮終わったらDLファイルのURL書いたメール通知
Rails からメール送るって簡単にできるんです？
メールサーバーとかないんだけどウェブサーバーからSMTPのプロトコルなげたとしても
最近のメーラーはFROMとDNSが一致してなかったらはじかれたりしないの？
圧縮はしてないんだけどなー
無圧縮でひとまとめにするためにZIP使ってるだけで
とにかくファイル数が多いので単に転送するのにじかんかかってる気がする
というかこの際進捗はどうでもよくてそれ以前に
数十秒で問答無用でキルされちゃうのでRails上の処理ではどうしようもない；；
基本的にフロントエンドしかさわったことないから
非同期にするしかないけどインフラとかサーバー設定になると
普通の人が５分でできるようなことも何時間何日も調べないといけない
赤ちゃんみたいなものなんです
たぶんがいまの自分にできるフロントエンドだけで解決できるゆいつの方法な気がする
はい終わり
ttp://https://qiita.com/t_oginogin/items/10da086566a092845af4 ほんと無駄なことするよな
難しすぎる…
たかが進捗つけるだけでなんでこんなよくわからないコマンドまで覚えなきゃいけないの
もうプログラムじゃないじゃんこれ；；
泣きそう
aタグのhref属性は
<a href="mevius.5ch.net/test/read.cgi/hp/1529144063/">
とプロトコルを抜くのが良いようですが、
サブドメインが変わる時のルールってありますか？
現在は推奨されてたはず
な、なんですとーーー
調べたら確かにそうなってるんですね・・・
ありがとうございました、httpsつけて書きます
いまだにそう思ってる人結構いそう
こんな明確な理由があるんだから変わると思わんやん？やん？
そんな処理しない。
っていうかこれはGoogleがhttpsを強引に標準にしようとしてるだけだぞ
この点に関しては参考にするな
まず考えなきゃいけないことは、サイトはhttpでアクセスできるのか、
httpsでアクセスできるのか？両方でアクセスできるのか？だ
httpsで一本化できるなら一本化してしまえばいいが、httpsはいろいろと準備が必要になる
場合によってhttpでアクセスしたりhttpsでアクセスしたりするなら
プロトコル省略したほうが楽だろう。
http決め打ちで書くのは必要ないだろうね。
httpでアクセスできないならプロトコル省略でいいんだから
まとめると
httpsに一本化するなら、httpsでかく
両方アクセスしたいなら、省略
htmlだけでも、省略
プロトコル抜きで書きたいなら
//mevius.5ch.net/test/〜〜ね
＞まず考えなきゃいけないことは、サイトはhttpでアクセスできるのか、httpsでアクセスできるのか？
＞両方でアクセスできるのか？だ
これはそもそもどのプロトコルでアクセスできるかどうかなんて分からない。あえて言うならhttpなら確実。
ドメインとサーバーが完全一体になっているならともかく、料金の支払いを忘れたら自分のサイトですら証明書が切れる
だから以下の前提が、無いんだ
＞httpsに一本化するなら、httpsでかく
＞両方アクセスしたいなら、省略
＞htmlだけでも、省略
確実じゃないが。
どういう場合が考えれられる？
さすがにfile://やftp%3A//ってのはなしにしてくれよ
それ言い出すと独自プロトコルで何でもアリになるからな
httpサーバが落ちた場合？
httpsしか有効にしないこともできる
どんな設定してるんだ
そんなサイトがあるなんておもわなんだもんで
自分が作ったサイトはhttpに来たらhttpsにリダイレクトする設定にしてる
その設定をしてるかどうかじゃね？
だってhttpで同じように使えたらsslの意味なくね
ttp://https://httpd.apache.org/docs/current/mod/mod_rewrite.html#rewritecond RewriteCondでHTTPSを見ればいいのでは？
ってなんか必殺技っぽくてかっこいいよね
狼狩（ローカル）エリアネットワーク！
「パブリックスタティックファイナルストリーング！！！」
クロスサイトリクエストフォージェリ一番好き
『クロスオリジンリソースシェアリング！！』
『プロトタイプポリューションアターック！！』
ttp://https://sai-zen-sen.jp/comics/twi4/tomotuku/0076.html 今、こんな気持ち
『クロスサイトクスリプディングアターック！！』
まあ、実際攻撃の技ですから
HTMLもCSSもjacascriptも知識ないやつが色気出すには早過ぎた
あぁ、確かにそうだそりゃそうだ
慣れないウチに使うと、覚えることが増える上に、打ち消しばかりになって酷い事になる
見た目を気にしない、ゲームの攻略サイトなんかだと楽でいいけどね
やっぱりいきなりフレームワークは厳しいですよね…
簡単なアプリから雰囲気掴んだ方が良いですかね
厳しいというか、性格による
別に間違いでは無いが、初心者が使うなら幾つか条件がある
・基本的に、見た目にこだわりがない。余白は全部フレームワーク様の意志に従う
・フレームワークの機能だけで作り切ると決める自信がある
とまぁ、デザインが出来ないプログラマや、
初心者でも信者のようにルールに従うことが出来るなら
フレームワークでも何も問題はない
ただ、初心者の頃って好き勝手に作るのが楽しいから、
フレームワークに縛られるのは面白く無いと思うようになるんじゃないかな、と俺は思う
まぁ、時間決めて何か作ってみては？
フレームワークありで １日勉強、２日作る
フレームワークなしで １日勉強、２日作る
とか。
こうやって迷ってる時間で、その判定は出来ちゃうんだよ。
迷ってるならさっさとやったほうがいい
教えてください。
今日、HPの画像の一部を差し替え、dreamweaver上とchromeのデベロッパーツールで変更されてるのを確認し、ftp(filezilla)でxserver上の旧ファイルと旧画像フォルダを差し替えたのですが、
その後にインターネットで確認しても変更されるどころか、その部分の画像が表示されません。
ブラウザのキャッシュクリアや、xserverのmod-speed?のoffも試みましたが変わらずです。
1.ファイル名に日本語使ってる
2.アップロードディレクトリを間違ってる
返信ありがとうございます。
1.日本語は使ってないです
2. ディレクトリも間違えてないです。その他今まで通りに表示されている画像と同じフォルダに入れて、フォルダもpublic-HTMLにあります。
今日差し替えた画像の部分のみが表示されないのです。
今日差し替えた画像の拡張子が全部大文字でJPGになっていて、これを小文字に変えたら表示されました。
でもフォトショップで同じように加工した今までの画像は拡張子が全部小文字だったのになんでだろ？？ ちょっと調べてみます。
ありがとうございました。
すごく稀にだけど、ファイル名に不可視文字が入ってることがある
試しにファイル自体のファイル名をコピペじゃなく打ち直してみて
それでもダメなら自分にはお手あげ
windows、macでは区別しない
なのでローカルで見て問題ないと思ってアップすると表示されない
この典型だね
ただ、windowsもmacも大文字小文字の情報は持っていて、小文字ファイル名の上に大文字ファイル名を上書きすると見た目ら小文字なのに実は大文字で、サーバーにアップすると大文字になるというトラップかあるから注意
画像のURLを直接叩いて見られるのか確認
のHTTPS化
ロックマーク付き
は
ttp://https://shogo33333.ninja-web.net/miyazaki-kourakuti/httpska/httpska.html 初心者で初個人開発なのですが、先取的にクラウドサーバーを導入したりrubyじゃなくてpythonやkotlinを使ったりしていくべきでしょうか
それともレガシーな方法で開発していくべきでしょうか
新しい技術を導入するメリットがまだいまいち分からないのですが、どうせ1から新たに開発するなら新しいものを積極的に取り入れた方が良いような気がしますが、その考えは間違いでしょうか
世界ではrubyはオワコン
しかしrubyストたちは自分たちが頂点にいると確信している
ruby使う連中と話すとマジで気持ち悪いから
新しい技術に興味があるなら、3年前に新しかった技術や10年前に新しかった技術が今どうなっているかを見たほうが早いと思う
この業界は枯れた技術が推奨される
というのも、
新しすぎるとセキュリティ的な懸念があり、古い物が残っているのはセキュリティに問題が無いと見做していいから
ただ一つ言えるのは、rubyは終わっている
何やるか知らないけど、pythonは結構しんどい。機械学習で無ければphpで良い
底辺土方確定言語だからな
ネットでウェブエンジニアは新しい技術に関心を持ち続けなければいけない的な文脈を拡大解釈して、ちょっと個人開発にも新しい技術を取り入れなければいけない的な強迫観念を気負ってたのですが全てが新しい必要はないのですね
枯れて安定した技術で固められるところは固めてみたいと思います
ちなみにrubyが終わっているというのは何故なんですか？
一番やりやすそうですが
まだ言語の選定を決めかねていたので参考にさせていただきます
ありがとうございます
おっしゃる通りJAVA以外で開発してみようと思います
枯れた技術だから
rubyがオワコンなのは色々と前提が違うんだけど・・・
webの言語やコンポーネントってのは勝手にアップグレードされる。
セキュリティに対しても強固になるし、便利な機能が追加されたりする。
更に、その辺の人が勝手に機能を作ったりする
人気の言語だと、
「〇〇という機能が欲しい」
という場合には山程見つかったり、言語自体に実装されるるのに対し、
オワコン言語だと見つからなかったり、それに対してセキュリティリスクがあっても放置されていたりする
まぁ色々あるけど、要は無駄にしんどいだけなので使うなってーことです
別にそれを承知の上で使う事に対しては自己責任だし、誰も止めてくれない。善意で止めるのは、このレスか、この数先のレスが最後
画面は、HTML, CSS, JavaScript で、
HTML は、Nokogiri, Selenium WebDriver, ERB などで作る
Rubyの偽は、nil, false の2つだけだから、圧倒的にバグりにくい。
変数のスコープも厳格だし
JavaScript, Python, PHP などの偽は、10近くあるし、
外側のスコープの変数が、内側から見える
バグるだけだから、圧倒的に時間の無駄
Ruby出身の人が偉くなるのは、その時間で、
オブジェクト指向・デザインパターン・フレームワークを学べるから！
初めてのJavaScript 第3版 ――ES2015以降の最新ウェブ開発、オライリー、2017
JavaScript 第6版、2012、David Flanagan
この2冊はプロ必須本だけど、これを読めば、
言語仕様だけで、どれほど馬鹿げたことに時間が掛かるのか、よくわかるw
ブラウザ戦争の果てに、実装が変わりまくって、その歴史を追いかけるだけで、果実が取れない。
一方、Rubyは言語仕様が安定している
Ruby大人気！
Ruby大収穫祭！！
ttp://https://gigazine.net/news/20181116-top-programming-languages-2018/ ttp://https://www.softantenna.com/wp/software/the-state-of-the-octoverse-2018/ ttp://https://www.softantenna.com/wp/software/ieee-spectrum-top-programming-languages-2018/ ttp://https://findy-code.io/engineer-lab/github-programming-language-ranking 
ttps://i.imgur.com/0YbMsqj.jpg Ruby大人気！！！
出た！
こんなんくそわらうわｗｗｗ
Python人気あるようだけど、何がしんどい？
rubyストは一時期のグリー社員みたいな「オレたちjavascriptの倒し方知ってるぜ」系な気持ち悪さだから
理由は2つ
1.リファレンスが少ない
phpが圧倒的過ぎる
2.バージョン間の互換性
2.7のサンプルやプラグインしかなければ、全部気合で書き直す必要がある
そんなにガッツリやったわけじゃないけど、
ちょっと触っただけで「phpで良くね？」感が凄かったのでpython使うのやめた
個人用ならいいけど、業務用だとメンテで死ぬ
PythonはPHP並みにマニュアルが充実してると思うけどな
公式のマニュアル日本語訳があるのは貴重
ttp://https://docs.python.jp/3/ 安倍総理、どうして解散するんですか？ってサイト
html見たけどめっちゃキレイで笑った
面白いっちゃ面白いけど、飛び抜けてって程では無いかな
あのローポリは味があっていいんだけど、一回見たら十分
最高の1期
砂上の2期
沈没の3期
復活の4期
> 2.バージョン間の互換性
PHPもメジャーアップデート時には互換性がなくなっているはずだが
デザイナーならいるんだろうけどwebプログラマーとなるといないか
「php使える」がどこまでによるかだけど、
フロントエンドエンジニアって方々は割とそんな漢字
客が契約してくるような鯖は相変わらずphp一辺倒だし
案件増えてから勉強するタイプには「まだ少ない」だろうけど
○ 必要な事
・従業員のメールアドレス＋名前＋従業員番号を収集し、一覧にする作業を効率化したい
・一度ではなく、変更が無いかの確認のために定期的に行う。１〜２ヶ月に一度
・人数は500人ぐらい。日本人7割、中国人3割ほど
○ 現在
・webサイトのフォームに、各個人が手で入力している。間違いや漏れが多く発生し、その確認に非常に手間がかかっている
・何度も入力が必要という点はクッキーを導入して改善できた
○ 改善案
あるアドレスに空メールを送る→自動返信（URLにパラメータでアドレスを記載する）→フォームに自動的に入力されている
という仕組みを考えたのですが、サーバーが自動返信に対応していなかったため保留です
他、メール以外にLINEはどうか、自作アプリは・・・等の案も出ましたが、
アプリインストールの煩わしさが大きい状態です
自動返信のサービスなど、何か良い方法はないでしょうか？
みんなプライベートのアドレスでも使ってんの？
確認だけなら5円でいいだろ
プライベートアドレスを取得したいのです
全体連絡、アンケート、緊急時の連絡網の整備として使用します
会社のメールアドレスは管理できていますので、そちらは問題ありません
なるほど
こちらから投げるのも良いですね
社員がログインして、処理する
Rubyランクイン！！
ttp://https://gigazine.net/news/20181116-top-programming-languages-2018/ ttp://https://www.softantenna.com/wp/software/the-state-of-the-octoverse-2018/ ttp://https://www.softantenna.com/wp/software/ieee-spectrum-top-programming-languages-2018/ ttp://https://findy-code.io/engineer-lab/github-programming-language-ranking ttps://i.imgur.com/0YbMsqj.jpg 大人気Ruby！
Ruby大人気！！
すいません、ざっくりしすぎてよくわからないんですが、
ｒｕｂｙってメール周りの処理に強いんでしょうか？
ttp://https://qiita.com/maru2213/items/c8180aae1ea62a4d6b2c 'ruby-gmail' gem というのを使うみたい
「ruby メール送信 gmail」で検索して
みたい…ってわからんものを勧めるのか
ありがとうございます
特にrubyを使う必要はなさそうですが、
gmailを使う手法は一度試してみたいと思います
apiを使えばいい感じに動いてくれそうな気がしてきました
ttp://https://developers.google.com/gmail/api/quickstart/php たぶん、'ruby-gmail' gem というのは、
Google のAPI を、簡単に使えるようにしているのだろう
そのAPI を素で使うと、色々とハマるのだろう
だから、他人が作った、gemを使う
さすがRuby！よく出来てる！
ruby-gmail gem を作ったのだろう
だから利用者は、同じハマりをしなくてもよい
これが、Ruby開発を加速させる、知恵を共有する、エコシステム！
ほんとRuby信者は頭弱いな
こんな安いん普通？前職の半分くらいなんだが…
前職はもうやめてるならどうでもいい、考えるな
君はいっぱしの無職だ
で
＞フロントエンジニアとして未経験で人材派遣
これだけ聞くと時給1200円
むしろ高いぞ
前の仕事を辞めたことを後悔するがよい…
そこから社員還元率を求める
YouTube の動画では、個人のプロモーターは、1割ぐらいしか取らないとか
え？高いの？まじかよ…
求めてどーすんの…
若者への投資ならともかく中途で
技術屋だぞ、営業じゃないんだ
そりゃそーだけど安すぎねーかな？
給料に不満があるなら入社前の面接時でちゃんと話さんといかんぞ、どの業種でも
基本的に入社してからじゃ昇給は雀の涙
入社するまでが勝負だ
きちんと交渉するか、もっと割の良い会社にするかだ
それとも職業プログラマーはやったことないけどプログラミングは出来なきゃダメよなのかな未経験可ってのは
ttp://https://gigazine.net/news/20181127-chrome-firefox-remove-support-ftp/ FTPのサポート終了とありますが
これからはどうやってファイル管理すればいいのでしょう
なにかと思ったらブラウザの話かよ
楽しいけどちゃんと順序立てて勉強してないからつまづきまくるし時間が足りない
クラウドワークス利用してみようかな
知り合いはいいと言ってた
俺はやらないけど。
無料のRails チュートリアルで、ウェブアプリを作る
これが転職時の提出作品になる
HTML, CSS・SASS, JavaScript も学ぶ
さらに、Linux の基本コマンドも覚えて、Docker, vagrant, chef などで環境構築運用する
この方法で、半年ぐらいでプロになれるらしい
gmailのAPI使ってみました（rubyは使っていません）
100通制限があり、断念しました
結局別サーバーを借りて、
自動返信システムを実装する方向になりそうです
ttp://https://github.com/PHPMailer/PHPMailer phpmailer使って簡単に実装完了しました
ありがとうございました！
ttp://allfont.net/download/tiranti-solid-let-plain10/ とあるサイトのトップにこちちらのページ下部にあるwebフォントを使用したいのですが
リンク先にあるとおり記述してもchromeとoperaにフォント反映ができませんでした。
Safariとfirefoxではちゃんとフォントが反映されていました。
この違いは一体どのような理由で起こるのでしょうか？
環境はMACでIEやEDGEでの動作確認はできておりません。
よろしくお願いいたします。
の事ならフラウザを使ってftpでやり取りすることが出来たらしく、それの廃止
ハッキリ言ってどうでもいいニュース
FTPはセキュリティ面で不安があるので卒業していいんじゃない
FTPSは知らん
SFTPは普通に使う
BitTottrent機能が追加されたって話題になったっけ
FTP廃止はブラウザから余計な機能を無くす流れかねぇ
FTPは怖すぎてさすがにありえない
FTPSは普通にあるよ
SFTPと比べても通信経路の安全性は差がないし機能的には便利なのにいまいちメジャーではないね
サーバー側に導入するのにSSLがいるからだと思う
今でこそSSL必須ぐらいの流れだけど昔は珍しかったからね
あとSFTPは秘密鍵でユーザー制限できるからそっちのセキュリティが強いのもある
中途半端に変な機能残してもセキュリティホールになるだけだしな
ってか、誰が使ってるんだこの機能
あぁ思い出した、SSLがいるから使わなかった奴か
WindowsのIE などで、FTP を使う
FTP アプリよりも、ブラウザの方が簡単
パスワード認証 → ダイヤル式ロック
公開鍵 → 錠前
秘密鍵 → 鍵
JavaやJavascriptは丁寧な回答者かなりいるのにRailsやPHPは回答するやつが極端に少ない
過疎言語なのか使ってるやつの性格が悪いやつしかいないのか
あえていうのなら、面白いことしかしたくないからかな
PHPは事務じゃ使えないの!?!?
HTML/CSS のどんな質問に必ず優しく答えるスレ 32
ttp://mevius.5ch.net/test/read.cgi/hp/1519547237/ に移動します。
Codepen
質問したいので先輩方、よろしくお願いします
「数人の人が普通に会話している」フリー音源またはフリー動画を探しています
学校の教室や喫茶店や居酒屋といったノイズにかき消されるようなものではなく、
数人の日本人が家でごく普通の日常会話をしているといったものです
もしもあればご教授願います
ドメインをとりたいのですが、希望のドメインがWHOISプライバシーに対応していません。
海外ですと対応していますが、英語が不安です。
そこで、希望のドメインがWHOISプライバシーに対応していない場合、所有者情報をこうかいしたくないのですが、なにかよい案はありませんか？名前の公開はしかたないにせよ、従者は隠したいです。
住所は隠したいです。
xxx.net を非公開で使用している。
aiは国内でWhoisプライバシーに対応した業者はないと思われます。
ほとほと思っております。
.aiドメインでwhoisプライバシーに対応してない業者なんかあるの？
対応してない業者言ってみて
探すの面倒だから
ttp://https://www.value-domain.com/domlist.php?dom_type=ccTLD お名前.com
ttp://https://www.onamae.com/service/d-price/ ムームードメイン
ttp://https://muumuu-domain.com/ ムームードメインは書いていなかったのですが、問い合わせたところNGでした。
日本語サポートありでaiドメインについてWHOISプライバシーに対応した業者、ありますか？
google analyticsアプリの右上にある機能の名前と、
PC版で使う方法はありますか？
ttps://i.imgur.com/TXhA3aR.png 携帯キャリアメールで応募してくる人が
「自動返信メールが届かない」と
送ってくるのですが良い方法ないでしょうか
クレームもキャリアメールで送ってくるので返信しても届いてません
キャリア禁止はやりすぎですよね？
一応、3キャリアのドメイン許可設定の説明ページへのリンクを
貼って設定してから送ってくれるよう促してはいるんですが
こちらのドメインに信用がないんでしょうか
一応gmailは取得してあるんですが、サイトからの連絡が独自ドメインでなく
gmailって胡散臭いでしょうか？
迷惑メールフォルダみてとか別のアドレス知らせてとか
その情報すら与えないで教えろって言われてもわかるわけねえだろ
以前やったことがあるけど、どうしようもない
・独自ドメイン
・gmail
auはデフォルトで両方ハネられる
何が届くんだよって感じだけど
だからezweb.ne.jpなどのキャリアメールを会社で取って、
apiでそのアドレスから返信するようにすると確実に送れる
基本的なことだけど、送信するドメイン(サイトのドメイン)とメールアドレスのドメインは一致してるよね？
これが違うと迷惑メール認定されるから
さんかれあ って似てるね
なるほど、ありがとうございます。電話番号も書いてもらった方がいいかもしれませんね
どうしようもないですか・・
確かに連絡してくるのはezwebが多いですね
私物のauはドメイン受信許可設定すれば届くんですがね
ありがとうございます。一致してました。
ですよね。3キャリアとさんかれあは完全に一致ですね。
さんかれあ？
勉強不足ですみません
意味がよくわからないのですが、さんかれあとはなんでしょうか
何が一致しているのでしょうか
さんかれあというのが一致すれば受信されるようになりますか？
webサイトでもできるんでしょうか？
目的、システム、ページ構成などなどがわからないからなんとも言えない
言葉足らずですみません。
例えばファミコンのデータベースサイトを作るとして、
マリオというキャラクターが出ているゲームのみを調べたい場合に
サイト内の検索をするにあたってタグとかそういう要素でヒットするようにできるのかなと思ったためです。
システムというのはよくわかりません。すみません。
システムというのは、CMSとかフレームワークとか何を使ってサイトを作るかだね
もちろんスクラッチで1からゴリゴリ書いてもいいんだけど
それによってできるかできないかが分かれる
例えばWordPress使うならゲームタイトルを投稿としてカテゴリーやタグにマリオを入れればいいだけ
フレームワークとかスクラッチとかで自分で作るのなら頑張るだけ
CMSによってはカスタマイズしないとできないのもある
東京 12/30 と押すとそのイベント一覧が出力されるような感じにしたいです。イベント毎のページ作成まではできましたが、検索して結果を出力させHTMLに飛ばす方法がさっぱりです。
この場合、CGIを勉強すればよいのでしょうか？
当方、HTMLしかわからない超初心者です。
よろしくおねがいします。
まずデータベースを勉強すべき
URLを地域・日付にして、全地域・全日のテーブルにリンクつけて、404を「イベントがありません」的なのにすればいい
・TOPには総合ランキング
・関西や関東のページにはclass=kantoなどでフィルタしたランキング
・wordpressを使っています
・誰でも更新できるようにする＋事故が起こらないよう、できればFTPは使いたくない
・リストは以下のような形を考えていますが、json形式への変更なども可能です
<li class="kanto">東京店</li>
<li class="kansai">大阪店</li>
<li class="kanto">千葉店</li>
<li class="kansai">京都店</li>
・・・40程のリストになります
この場合、どのような形にすると良いでしょうか
今考えているのは
・固定ページに作成
・関数を作成して引っ張ってくる
・<ol class="kansai">などとして、kansai以外は非表示
と言った感じです
特に問題ないでしょうか
どれも知識がある前提な気がする
もしhtmlもcssもjsonもわからない人が使う可能性があるなら
カスタム投稿追加してメタボックス登録してデータベースみたいにすればいいんじゃない？
functions.phpいじれるならだけど
FTP使わずに更新って管理画面からできるようにしないとだからテーマとかカスタマイズする必要があるのに、HTMLしかわからないとか無理じゃね
これからテーマカスタマイズできるように勉強するの？
すまん
誰でも更新出来るJSONってどういうこと？
PHPとSQL勉強して、DBからJSON出力するスクリプトを書くとか？
です
すいません、更新期間を書いてませんでした
早くて1日（何ｋの理由ですぐに変えたい場合）、基本的には3~7日ぐらいがルーチンになります
で、元々別で集計しているエクセルファイルに
1位 東京 kannto
2位 大阪 kansai
3位 千葉 kanto
…のようなものがあり、このデータを元にuli要素やjsonデータを作成し、
A列だけをコピー→webに貼り付けて更新
という手法を考えています
順位がコロコロ変わるので、結構更新が大変なのです
エクセルでいうと
{
="""&a1&""","""&b1&"""
}
のような感じです
要はあまり考えなくてもコピーペーストでjson形式になるという感じです
もし失敗したら、元に戻すように教えます
プラグインでカスタム投稿作成
↓
カスタム投稿内でエクセルのフィールド名を冠したカスタムフィールド作成
↓
エクセルからcsvでエクスポート
↓
WordPressにプラグインでcsvインポート
更新は下2つだけ
事故る可能性あるけど
JSONで入力だとカンマとかコロンとかで事故りそうだから、
エクセルから直接ペーストしてもらうようにして、
裏でタブ区切り文字列をパースするような関数書いたほうが安全かな、とは思った
どうやって、JSON出力するのかを聞いているんだけど、「Excelでいうところの」ということは別の手段？
誰でも編集可能にするなら、プログラムコード部分を触らせるのは御法度だけど、どうするつもりなのか、さっぱり分からない
エクセルの作業列でjson作るんだろ
