このようなサイトが作りたいです。http://yatsuzo.8284.co.jp/
jqueryなどのプラグインなどで対応できるものがありますでしょうか？
facebookやTwitterなどの数種類のSNSを自動的に読み込んで時間軸で並べて見せたいです。
雑魚でもできるでしょうか・・・。
このへん
ありがとうございます。このような見た目でSNSを自動的に読み込む仕組みができているものがあればと思っているのですが、なかなか難しいようですね・・・。
まずトピでサイトは可変グリッドじゃないでしょ。
おっしゃる通り、可変でなくても大丈夫です。masonryを使えば、このようなデザインにを再現できるかなという見当は付けています。ただ、数種のSNSをこのようにまとめて表示する仕組みに関して、何か手がかりがあればと思っています。ajaxなどのプログラムの技術が、必要なのでしょうか・・・？
数種のSNSフィードを取得して日時順に並べて吐き出すJavascriptとか書けばいいんじゃね？
そうなんですね。。。ちょっとできそうか調べてみます・・・。ありがとうございます。
努力せずに実現しようとしているあたりがまさに雑魚
安易に手を出して細かい要望聞けなくて逃亡するまでがテンプレ。
もちろん、ここで聞いている裏で、自分で模索はしています。雑魚なので・・・。何も知らない完全素人の方に、「できる？」と聞かれて、「できないだろうな・・・」と思いつつ、「できない」とも安易に言えない・・・そんな中途半端な能力しかない雑魚の気持ちを察していただけると嬉しいのですが。
コメ主は最悪、雑魚と思うなら発言するな。
正直自分を雑魚っていうやつ程不快なものはない。初心者とか免罪符じゃないよ
わかりました、では、訂正します。HTMLとCSSしか分からない若輩者ですが、もしヒントなどがあれば、教えていただけますでしょうか？もし、自分の考えが及んでいなかった範囲に、この課題をクリアする手がかりが少しでもあるならと思って、投稿しました。もし、親切な方がいらしたら、お答えいただけますと幸いです。
まるでコメ主は親切ではないという言い様ｗｗｗ
ムキになって反論するところが雑魚ですね
丁寧に返したつもりだったのですが。。。なんかもう難しいサイトですね・・・。
雑魚じゃなくて馬鹿だったのか。
コメ主だけど、なんだろう。他の回答者にはほんとに申し訳ないけど、弱者を装えば助けてもらえる、ってスタンスが気に入らないと。.難しいサイトじゃなくて、普通のコミュニケーション。他の人が同じような反応示してるしどこいっても同じよ。.FB、TWを自動的に。時間軸に並べる。ってのが理解できてんなら、まずそのやり方を調べてみて、結果何が分からないのか質問に入れるのが筋。.根本から分からないのであれば、どういった技術で構成されていて、学習するのにはどうすれば最短、だとか聞けば、jQISv/8xgvwYさんのような回答もすぐに得られるだろうし。またその知識を学習するにはどれくらいの期間、学習コストがかかるか聞けば上司への言い訳も立つだろうに。.あと「若輩者」。これある程度経験がある人が謙遜の意味で言うのであればいいけど慇懃無礼。かえって無礼だから気を付けよう。
自分で勉強してもダメなんだろ？こんなところで質問するより、ランサーズでアカウント作って、プロジェクト形式で、バックエンドの仕組み部分を作って欲しいって依頼してみ？★デザイン＝見た目＝フロント部分は、お前でやるとして、見積相談しながら進めてみなさい。運がよければ俺が見つけて拾ってやるよ。仕組み部分をレクチャーしてやるから、10万でやってやるよ。
10万なんて大金をトピ主さんが持ってるわけ無いじゃないですかー。100円で作ってやってくださいよー
やれやれだぜ…テメー自身で理解もできず、技術的なノウハウを得られるんだから、10万でも安いもんだろ。欲張りな雑魚はゴメンだぜ、全く。
依頼するだけでも雑魚にはいろいろと勉強になると思うけどな。この案に賛成。
実際問題トピ主はいくら予算でやろうとしてるの？10万って別に全然高くないと思うけど。(俺は10万では予算足りなくて受けられない)
そうだよな？仮に10万かかったとしても、倍の20万でクラに見積すればいいわけだ。それがビジネスってもんの基本よ。そうすりゃ制作側の雑魚が原因で生まれるクソクラも駆逐されて一石二鳥ってもんよ。
ありがとうございます。レクチャーしていただきたいです。。。ただ、案件的に10万もかかるなんて、上司は夢にも思っていないので、難しそうです。10万でも安いんじゃないかと自分は思います。。。やっぱり、デザインだけじゃなくて多少のプログラムが組めるように、なりたいです。
とりあえずテメーの上司名義でもいいから一緒に依頼してみ？俺が見つけて啓蒙してやるよ。そうやってランサーズでは暇つぶしを兼ねて何度もケンカしてるからなw
面白そうですねwただ、上司は、プロジェクトのSNSまとめサイト作りたいな〜♪これ良くな〜い？みたいなノリなので、乗ってくるか怪しいですが…涙頑張ります。
あ、↑トピ主でした。
とりあえず、今回はレイアウトをもっと単純なものにしてSNSの読み込みだけでも実現できる方法を調べてけばいいと思う。
案件内容が具体的な上に、ピンポイントな技術的なノウハウが得られるんだから、その雑魚上司と一緒に依頼してみろよ。無理だったらキャンセルすればいいだけだ。★お前は真面目そうだし、制作側の雑魚を撲滅するためにも、きちんとレクチャーしてやるぜ。ひいてはクソクラを生み出すのも防止できるしな。
トピ主はそのサイトのHTMLソースさえ見てないだろ？そこがもうダメ。ダメすぎ。ソース見れば何やってるか書いてあるじゃん。そのサイトの開発者はjsの難読化もやってないしjs中にご丁寧なコメントも書いてくれてるじゃん。もちろんサーバ側の中身は分からないが、クライアント側の処理は公開されているのと同じなんだから、まずそれ読め。結論としてトピ主には無理なんだが、ナゼどのように無理なのかを自身で知ることが大事。ガンバッテ。
うーん、HTML、jsは一通り見ました、、、SNSを読み込んでいるのって、
<main> <div class="con_wrap clearfix"> <div id="sns_container" class="scroll_page js-masonry"> <!-- ajaxでデータが挿入される箇所 --> <!-- /END .scroll_page --></div> <div id="infscr-loading"></div><!-- /END .con_wrap --></div></main>
この部分であっていますか？この部分に指示を出しているjs？が自分では見つけられなかったんです。。。言い訳ぽくて申し訳ないんですが、もし、もし、余裕があったらそのjsをご教授いただきたいです。
情けない…。粘り、とか、負けん気とかが足りなすぎるぜよ。外部jsを読み込んでるじゃん。外部jsは君には見えないのかい？んなわけないだろ。ブラウザがアクセスできるjsソースはつまり誰でもアクセスできる。ガンバッテ。
トピ主です、すっすみません、目かっぽじって見てみます。ありがとうございます。
かっぽじる、ってのは、ほじくって穴あけることで、「耳糞ほじって良く聞け」てな文意で使うんだよ。目をつぶしてどうすんだよ！目の場合なら「目を皿のようにして」とか「目ん玉ひんむいて」とかが妥当な表現だよ。まったく世話がやける奴だな。…ちうか、俺ってヒマなの？そうです。私がヒマなおじさんです。
つい笑ってしまいました。仰るとおりです。目ん玉、見開いてよく見てみます。ご親切にありがとうございます。
責められすぎててかわいそなので、責めたお詫びにヒントを。.並ばせるのはmasonryでOK。時系列に吐き出すのはそのままじゃ出来ない。サーバサイドプログラム(下記はPHPの場合)で、
1.それぞれのSNSから個別に、欲しいデータをAPI使って受け取る(「twitter|facebook API」とか「HybridAuth」でググれ)2.それぞれのデータを合体させて1つのデータにして、時系列に並べ替える(「array_multisort」とかでググれ)3.一個ずつ吐き出すみたいなフロウ。.あと本当に勉強したいなら、しつこくググるのが手っ取り早いぞ！Aがわからん→ぐぐったらB/C/Dがわからんこの時に頑張ってB/C/Dもググって、意地でもAを理解してやろ！ってムキになれば、そのうちパッとわかるようになる。.挫けず頑張れ！
ありがとうございます、ちょっと涙出てきました。
具体的にヒントを教えて頂いてありがとうございます！難しそうですが、今日はここで悔しい思いを噛みしめましたので、いつもは力の及ばない範囲だと思って諦めてきましたが、頑張ってみます！
優しさついでに。.
みんなの回答 6 件
このへん
可変グリッドレイアウトなWebデザイン集めてみました | webOpixel
http://www.webopixel.net/web-design/238.html努力せずに実現しようとしているあたりがまさに雑魚
正直自分を雑魚っていうやつ程不快なものはない。初心者とか免罪符じゃないよ
自分で勉強してもダメなんだろ？こんなところで質問するより、ランサーズでアカウント作って、プロジェクト形式で、バックエンドの仕組み部分を作って欲しいって依頼してみ？
★
デザイン＝見た目＝フロント部分は、お前でやるとして、見積相談しながら進めてみなさい。運がよければ俺が見つけて拾ってやるよ。仕組み部分をレクチャーしてやるから、10万でやってやるよ。
トピ主はそのサイトのHTMLソースさえ見てないだろ？そこがもうダメ。ダメすぎ。ソース見れば何やってるか書いてあるじゃん。そのサイトの開発者はjsの難読化もやってないしjs中にご丁寧なコメントも書いてくれてるじゃん。
もちろんサーバ側の中身は分からないが、クライアント側の処理は公開されているのと同じなんだから、まずそれ読め。結論としてトピ主には無理なんだが、ナゼどのように無理なのかを自身で知ることが大事。ガンバッテ。
責められすぎててかわいそなので、責めたお詫びにヒントを。
.
並ばせるのはmasonryでOK。
時系列に吐き出すのはそのままじゃ出来ない。
サーバサイドプログラム(下記はPHPの場合)で、
1.それぞれのSNSから個別に、欲しいデータをAPI使って受け取る(「twitter|facebook API」とか「HybridAuth」でググれ)
2.それぞれのデータを合体させて1つのデータにして、時系列に並べ替える(「array_multisort」とかでググれ)
3.一個ずつ吐き出す
みたいなフロウ。
.
あと本当に勉強したいなら、しつこくググるのが手っ取り早いぞ！
Aがわからん→ぐぐったらB/C/Dがわからん
この時に頑張ってB/C/Dもググって、意地でもAを理解してやろ！ってムキになれば、そのうちパッとわかるようになる。
.
挫けず頑張れ！
関連するトピックス