みんなもっと個人サイトを作らないか?22

1名無しさん@どーでもいいことだが。2017/12/23(土) 11:26:15.24ID:GcdgeN5E
SNS主流の今こそ個人サイトの良さについて語りましょう
サイト閲覧が好きな人・サイトを現在管理している人・サイトをこれから作りたい人などなど
多様な発想を反映した個人サイトという形態が好きな方のためのスレです
雑談からサイト作成初心者の疑問・経験者の体験談までゆるくカバーしています

sage推奨
次スレは>>970が立ててください
立てられない場合はアンカー指定をお願いします

※SNSをsageる趣旨のスレではありません
※技術的に突っ込んだ話が続くようなら適宜関連スレへ誘導しましょう

【前スレ】
みんなもっと個人サイトを作らないか?21
http://medaka.5ch.net/test/read.cgi/doujin/1504944051/

【関連スレ】
もっといい同人サイトを目指すスレ8
http://tamae.2ch.net/test/read.cgi/2chbook/1381402761/
もっといい同人ブログサイトを目指すスレ
http://tamae.2ch.net/test/read.cgi/2chbook/1249722021/
携帯同人サイトについて語るスレ その28
http://medaka.2ch.net/test/read.cgi/doujin/1465859672/
同人サイトのロボ避けアク解について 4
http://tamae.2ch.net/test/read.cgi/2chbook/1241579161/
('A`)サイトヒキー33(゚∀゚)
http://medaka.2ch.net/test/read.cgi/doujin/1489114326/
localhost7
http://kanae.2ch.net/test/read.cgi/2chbook/1416826851/
SNSとサイトのバランスの良い同人活用法
http://tamae.2ch.net/test/read.cgi/2chbook/1446633873/
管理人総合雑談スレ95
http://tamae.2ch.net/test/read.cgi/doujin/1461140367/

【wiki】
みんなもっと個人サイトを作らないか?@ ウィキ
http://www65.atwiki.jp/doujin_site/

512名無しさん@どーでもいいことだが。2018/02/15(木) 19:52:39.12ID:7C9jHGrq
やっとサイトをアップしてみたんだけど
スマホで見ると200×200pxくらいの小さい画像がかなりぼやけてる…
これって何か対策とかあるのでしょうか?
対策を検索するのにこういった現象の単語とかありますか?
聞いてばかりでごめんなさい…教えていただけると幸いです

513名無しさん@どーでもいいことだが。2018/02/15(木) 20:16:27.73ID:Fa8sZeZL
対策は分かんないけどボヤけるのはcss解像度?cssピクセル?のせいだと思う
スマホはパソコンのディスプレイにくらべてドットが細かいのでウェブ表示の時は2〜3倍に拡大されてる
拡大する分ぼやけるんだと思う

自分が使ってる4.6インチの小さいタイプのスマホでも1280x720pxだから
200pxを拡大なしで実際の画面ピクセルに表示すると1.5〜2cmくらいの結構小さい画像になるんじゃないかな

514名無しさん@どーでもいいことだが。2018/02/15(木) 20:28:38.06ID:9zrjn+pL
そのままスマホで画像がぼやけるでぐぐったら色々でてきたよ
自分も小さい画像多いから対策した方がいいのかな

515名無しさん@どーでもいいことだが。2018/02/15(木) 20:39:10.89ID:FjOsa5MK
>>512
PCのIEはデフォで高dpiに対応してるからボケない、ChromeやFirefoxはボケる
のを昨日知ったから個人的にタイムリーだ。でもスマホか

CSSで画面の割合に対しての画像サイズにするようにしてるとか?

516名無しさん@どーでもいいことだが。2018/02/15(木) 20:48:58.35ID:9zrjn+pL
ググってちょっと読んできただけなんだけど解像度の問題みたい

体躯としては表示指定サイズを画像サイズの倍にして引き伸ばしておくとスマホで見ても綺麗になるらしいんだが
それしたらスマホは綺麗でもPCで見たとき当然そのまま引き伸ばしになる
どっちも対応するなら2種類用意してなんやかんやすることになるっぽい

スマホのブラウザ側で対策するべき問題だろこれ……

517名無しさん@どーでもいいことだが。2018/02/15(木) 20:50:57.37ID:ZxkCImpM
スマホでサイトの画像(72dpiの200*40バナーとか)ぼやけたことないんだが、
そんなことあるのか

518名無しさん@どーでもいいことだが。2018/02/15(木) 21:16:24.74ID:FjOsa5MK
こっちもググったけど、2倍の大きさの解釈が違う気がする
200*200をそのままアップするとぼやけるので
800*800の画像をアップして、width=200 hight=200に指定しておけばOKっぽい

元データあるかどうかとかはわからないけど

519名無しさん@どーでもいいことだが。2018/02/15(木) 21:27:14.88ID:fEHgr95z
>>512
514が挙げてるキーワードで検索した上でcssにこれ追加してみれば?
img{
max-width: 100%;
height: auto
}

520名無しさん@どーでもいいことだが。2018/02/15(木) 22:26:55.00ID:7C9jHGrq
512
みなさんありがとうございます
さっそく検索してきます!
>>519のも調べてみます
本当にありがとうございます

521名無しさん@どーでもいいことだが。2018/02/15(木) 22:43:28.52ID:KbzKq8EU
アク解みたら法人ネットワークサービスをメインにしてる会社のホストがちらほらあったんだけど
これって社内PCで見てるとかなのかな?
荒らされてもないし、悲しいかなどれもこれも一見だけで何度も来てくれてる訳でもないし、botな感じでもないし
正直どう対応したらいいかわからない

522名無しさん@どーでもいいことだが。2018/02/15(木) 23:08:55.43ID:ZxkCImpM
>>521
会社寮生とか、休憩中でも会社内にいるときは端末の回線使うなってお達ししてるところもあるし、
まぁわからんな

523名無しさん@どーでもいいことだが。2018/02/15(木) 23:09:36.79ID:2aNBjNJw
>>520
CSSとJSで切り替えるほかにHTML5のsrcsetを使う方法もあるよ
どっちにしろ複数のサイズの画像を作るのに変わりないけど……
最近は解像度高いスマホも出てきているけどスマホ用の画像は表示したいサイズの2倍くらいで作ればいいと思う
あんまり大きいとデータ通信量とかの問題出てくるから

524名無しさん@どーでもいいことだが。2018/02/15(木) 23:25:08.11ID:N0INdKNY
>>521
社内のWi-Fi使って自分の端末から見てる可能ない?

525名無しさん@どーでもいいことだが。2018/02/15(木) 23:51:09.88ID:KbzKq8EU
>>522
>>524
PCブラウザだったりスマホタブレットだったりです
やっぱりどうしようもないか
まだ実害もないしそもそも一見ばかりだし放置しとくしかないねありがとう

526名無しさん@どーでもいいことだが。2018/02/16(金) 01:07:34.77ID:oEdB+9ep
画像はSVGという手もあるでよ

527名無しさん@どーでもいいことだが。2018/02/16(金) 02:34:02.80ID:xrmPn9ca
某有料レンタル鯖借りてるけど○紅ソリューソンズとかそういうのなら
借りてる鯖の中の人がアクセスしてきてたってのあったなそういや

528名無しさん@どーでもいいことだが。2018/02/16(金) 23:49:58.10ID:grsvef8X
サイトをSSL化しようとしたら、他サイトのURLで「混在コンテンツ」って出て鍵マークが付かない…
一応URLはhttps://〜ってなってるし、あんまり気にしないでいいのかな

529名無しさん@どーでもいいことだが。2018/02/17(土) 00:11:00.74ID:JmCTs65Y
時代の波に乗って自サイトをレスポンシブにしてやったぜ
人は来ないし感想も来ないしジャンル者からはいない人扱いされてる自サイトだけどそんなの関係ねえ
暇さえあれば自サイトを開いてニヤニヤしちゃう

530名無しさん@どーでもいいことだが。2018/02/17(土) 00:19:00.14ID:ZkWcAFux
このスレの人のサイト見てみたいな
案外すれ違ってたりするのかな

531名無しさん@どーでもいいことだが。2018/02/17(土) 00:21:45.43ID:Wb3w2UGa
晒しぽくてあれだけど某サーチに登録してるからしてるかもなーとは思ってる

532名無しさん@どーでもいいことだが。2018/02/17(土) 00:50:21.94ID:Rg53RUzz
>>528
鍵マークついてないならSSLで表示されてない
httpで始まる何かをソースに書いてないか?画像とかcssのwebフォントとか
自分のサイトもSSLだがこれがあるから他サイトのバナー直リンクできない

533名無しさん@どーでもいいことだが。2018/02/17(土) 05:41:57.66ID:iapdYMYL
>>532
画像直リンを全部バナー保存して書き換えたら鍵マークになった!ありがとう!
「httpの記述があると駄目」の部分を、てっきりリンクするためのURLが駄目なのかと勘違いしてたわ

5344892018/02/17(土) 07:53:32.03ID:zWblDlPy
>>490
亀だけどありがとう
見やすさは大切ですよね
イラストのサムネ作るの憧れるからやってみようかな

535名無しさん@どーでもいいことだが。2018/02/17(土) 10:31:23.45ID:msIL32vo
>>529
自分もレスポンシブにしようと調べてて「でも人こないしなー」と思ってたけど
レス見てやる気出て来た、ありがとう

536名無しさん@どーでもいいことだが。2018/02/17(土) 10:51:35.14ID:PcjUx4KF
レスポンシブにした後は自分が何度も見ちゃうよ
自分で自分のサイトを見てニヤニヤしてしまう

537名無しさん@どーでもいいことだが。2018/02/17(土) 10:53:15.77ID:oSFQ3DSx
レスポンシブにして何がいちばん良かったって
自分が嬉しいんだよねw
PCでブラウザの幅をだんだん狭く/広くしていくと
自分のサイトの表示がさっと見やすく切り替わるの
快感

538名無しさん@どーでもいいことだが。2018/02/17(土) 10:53:41.45ID:oSFQ3DSx
ごめん
かぶったw

539名無しさん@どーでもいいことだが。2018/02/18(日) 14:01:41.48ID:/QdLzyPT
自分もレスポンシブでブラウザの幅を変えてニヤニヤしちゃうw
素人の自分でもあれこれ調べればこんな事が出来るんだ!っていうのが達成感あって嬉しい
作ってる時は専門的な事が多くて解らん!ちゃんと記述してるのに上手く機能しない!何が原因だ!?
って悶々するけど何ヶ月もかけて出来上がった時の喜びはひとしお
人は殆ど来ないけど作るのに苦労した分大切に運営していこうって気持ちになる

540名無しさん@どーでもいいことだが。2018/02/19(月) 00:08:00.85ID:nl9wkPyK
何もわかってなかった頃に作ってスマートじゃなかったトップページを改善した
といってもタグを適切なものに置き換えただけで見た目は全く同じなんだけど
それでも達成感あって何度もソース眺めて悦に入ってしまう楽しい

541名無しさん@どーでもいいことだが。2018/02/19(月) 07:16:20.30ID:LsVOK3HM
>>512-520
この現象を再現して対策しようとしたんだけど>>517と同じく再現すらできない
srcset使ったら小さくなったからデバイスピクセル比は2なんだと思うけど
端末とかスマホのブラウザによるんだろうか
やっとレスポンシブ対応できたのに次から次へと問題湧きすぎんよ〜

542名無しさん@どーでもいいことだが。2018/02/19(月) 07:53:35.31ID:LWnlpH5l
>>540
ソース手直しして悦に浸るの分かりすぎるw
頭に空白入れてたのをTabにしてみたり、高さを揃えてみたり…

543名無しさん@どーでもいいことだが。2018/02/19(月) 09:33:31.05ID:0i+cJrnc
>>541
もしかして対策してある機種とかあるのかも
最新機種になればなるほど高解像度になってくからボケる度合いが酷くなってく印象だったんだけどそうでもないのかな

544名無しさん@どーでもいいことだが。2018/02/19(月) 12:04:56.53ID:C+ps2gPv
泥Chrome、イラストのボケはわからなかったけど、1pxの線でできたカウンタは拡大したらボケボケだった
小さければ小さいほどボケやすいのかも?

545名無しさん@どーでもいいことだが。2018/02/19(月) 13:14:25.71ID:olom6LpE
小さければ、とかよりエッジの効いた線というか
昔のお絵かき掲示板とかに多いアンチエイリアスがかかってない線だとボケが分かりやすいような
だから写真や輪郭が曖昧な絵は目立たないけどドット絵みたいなカッチリした絵はボケが気になる
画像編集ソフトで拡大しても後者はやっぱりボケが目立ちやすいし同じ理屈なのかな

546名無しさん@どーでもいいことだが。2018/02/19(月) 13:36:01.36ID:uqJ+QTCW
そんな気がする
画像制作の段階で主線にアンチエイリアスかかってないと拡大縮小に耐えないような

547名無しさん@どーでもいいことだが。2018/02/19(月) 19:12:27.43ID:Ojj9paJs
WordPressでつくってるんだけど
渋の漫画シリーズみたいに、シリーズの投稿ごとにページリンクをとばせる方法無いかな
1話目の次は2話のページへみたいな
カテゴリとかタグでわけて記事投稿はしてるんだけどデフォルトのページリンクだと
カテゴリ関係なく投稿した順番にリンク貼られてしまう

548名無しさん@どーでもいいことだが。2018/02/19(月) 19:21:40.27ID:LeZRoH4T
previous_post_link()とか使ってるなら引数設定するだけで
次や前のページ選んだ時に同カテゴリ内の記事だけリンクするようになるけど
そういうのでいいの?

549名無しさん@どーでもいいことだが。2018/02/19(月) 19:51:10.74ID:kGLjWnoU
スマホじゃなくても4K以上の液晶とかだとボケることあるよ
自分が4Kのに買い替えたら自分のサイトの漫画がボケてて台詞すら読みづらくてビビった

550名無しさん@どーでもいいことだが。2018/02/19(月) 20:00:31.01ID:IoMuq8Aw
>>549
うわ〜マジか…
そのボケちゃった漫画って画像のサイズどれくらい?(例:縦800px横400px)

551名無しさん@どーでもいいことだが。2018/02/19(月) 20:21:07.80ID:jb19hO+0
ワードプレスだと自動で4k対応とかしてくれるけどその設定にしたらレイアウトが崩れて面倒だから問い合わせない限りはこのままで良いかと思ってる

552名無しさん@どーでもいいことだが。2018/02/19(月) 22:34:47.61ID:kGLjWnoU
>>550
常に拡大表示されてるようなものだから原寸サイズはどれも大なり小なりボケる
自分だけが見る分にはブラウザ表示の方を縮小すればいいけどね

553名無しさん@どーでもいいことだが。2018/02/20(火) 10:15:12.57ID:er/x3gIq
文字読めないほどボケるってイラストサイトにとっては致命的だよな
これから4K増えるだろうし対策導入したいところだが
いかんせん自分から確認できないってのがもうな

554名無しさん@どーでもいいことだが。2018/02/20(火) 10:17:46.91ID:B/4aqc7p
ボヤけが起きてるならいくらでも検証出来るのにな
ブラウザごとの差とか、viewport制御内容とか、いろいろ試したいことはたくさんある

555名無しさん@どーでもいいことだが。2018/02/20(火) 11:34:07.20ID:uE7ZHFWC
単純にはいえないけど2倍のサイズ用意して50%表示して見せるとかsrcsetとかだっけ
容量大きくなるけどイラストサイトをスマホで見る人はwi-fiかな、あまり重くなるのもなんだけど
自分が大きいサイズでイラスト描かないから今のところは何もできてない

556名無しさん@どーでもいいことだが。2018/02/20(火) 15:00:02.00ID:X+/8sb+j
>>552
レスありがとう
他の人の情報も参考になりました
スマホやタブレットに興味ないまま来てたら
もうただPCサイト更新して見れる人は見てってねじゃ
通用しない時代になってきてるんだね…
逆にテキストサイトは無敵かもなー

557名無しさん@どーでもいいことだが。2018/02/20(火) 17:39:20.99ID:L83IgEZ8
>>548
やっぱりその方法しかないか…
もっと気軽に出来る方法無いかとググってもさっぱりだったから
この機会に勉強してみるよありがとう

558名無しさん@どーでもいいことだが。2018/02/21(水) 12:25:32.09ID:GhNnReqJ
横からだけど
あれより手軽な方法は無いのでは
カスタム投稿とか使いこなせばあり得るのかも知れないけど逆にその方が難しそうな予感
引数指定するぐらいの簡単な編集もしたくないなら
設置はともかく親テーマ子テーマの編集とかどうしてきたんだろうと真面目に疑問

559名無しさん@どーでもいいことだが。2018/02/21(水) 12:43:48.29ID:APJlOto2
>>557
pixivあまり見ないんでシリーズごとにリンクとばすってのが
どんなのかよくわからないのだけど
関連記事を表示させる「Related Posts」ってプラグイン使うのはどうだろう?
自動で表示される関連記事はあまりアテにならんけど
手動で簡単に関連記事設定もできるよ

560名無しさん@どーでもいいことだが。2018/02/21(水) 19:06:55.21ID:a8MCz+h3
>>557
ページナビで検索したら「WP-PageNavi」ってのがヒットしたよ

561名無しさん@どーでもいいことだが。2018/02/21(水) 19:54:33.08ID:DN5JANOl
それはページングの表示方法変えるプラグインじゃね?
カテゴリごとに絞るとか機能付いてる?

562名無しさん@どーでもいいことだが。2018/02/21(水) 20:00:15.03ID:pIAGPmAC
連投ごめん
>>560は全然関係なかった

新着レスの表示
レスを投稿する