tag:crieit.net,2005:https://crieit.net/tags/LINE/feed 「LINE」の記事 - Crieit Crieitでタグ「LINE」に投稿された最近の記事 2021-04-20T17:51:05+09:00 https://crieit.net/tags/LINE/feed tag:crieit.net,2005:PublicArticle/16863 2021-04-20T16:55:41+09:00 2021-04-20T17:51:05+09:00 https://crieit.net/posts/LINE-LINE LINE風LINEトーク履歴ビュアーを作った話 <p>LINEで「トーク履歴を送信」で取得できる味気ないトーク履歴をLINEのトーク画面風の見た目に変換するWebアプリケーションをだいぶ前に作りました。<br /> せっかくなのでどこかで披露したいと思いポストします。</p> <p>hidao80/LINEBackupViewer: LINE風LINEバックアップテキストデータビュアー - github.com<br /> <a target="_blank" rel="nofollow noopener" href="https://github.com/hidao80/LINEBackupViewer">https://github.com/hidao80/LINEBackupViewer</a></p> <h2 id="てんまつ"><a href="#%E3%81%A6%E3%82%93%E3%81%BE%E3%81%A4">てんまつ</a></h2> <p>Qiitadonにて発生したつぶやきにリアクションがあったのが発端。</p> <p>curatiodon - キュレーショドン | Mastodonまとめwebアプリ<br /> <a target="_blank" rel="nofollow noopener" href="https://git.io/Jk196">https://git.io/Jk196</a></p> <h2 id="つかいかた"><a href="#%E3%81%A4%E3%81%8B%E3%81%84%E3%81%8B%E3%81%9F">つかいかた</a></h2> <p><a target="_blank" rel="nofollow noopener" href="http://hidao80.github.io/LINEBackupViewer/">http://hidao80.github.io/LINEBackupViewer/</a>にアクセスしてトーク履歴のテキストファイルをアップロードするとプレビューされます。<br /> 「ダウンロード」ボタンを押すとプレビューされた内容をそのまま単一のHTMLファイルにして保存することができます。</p> <p>また、アップロードされるのはご利用のブラウザまでで、サーバにトーク履歴が保存されることはありません。</p> <p><a href="https://crieit.now.sh/upload_images/32a700cc3edd68f7966b36d5be199c41607e88b2c7ab3.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/32a700cc3edd68f7966b36d5be199c41607e88b2c7ab3.png?mw=700" alt="スクリーンショット" /></a></p> <p>※画面は開発中のものです</p> <p>今のところ1対1のトーク履歴しか再現できず、複数人トークのユーザ切り替えは宿題になっています…</p> hidao tag:crieit.net,2005:PublicArticle/14891 2019-03-29T23:00:19+09:00 2019-03-29T23:00:19+09:00 https://crieit.net/posts/OGP-Twitter-LINE-8 OGP取得用クローラのユーザーエージェントを、TwitterやLINEなど8サービスで調べてみた <p>SNSなどで、投稿されたWebサイトのリンクがリッチに表示される「OGP (Open Graph Protocol)」機能。<br /> Webサイトに簡単なメタタグを組み込むだけでOGP表示されるため、対応するサイトは増えています。<br /> しかし、OGP用のメタタグは一般ユーザーからは見えないし、サムネイル動的生成などでサーバーに大きな負荷がかかることもあるので、できればOGP取得用クローラ以外にはメタタグを生成しないようにしたいもの。<br /> そこで、UA(ユーザーエージェント)からクローラによるアクセスか判定するために、実際にOGP取得用クローラのUAを記録して調べてみました。</p> <h4 id="結果"><a href="#%E7%B5%90%E6%9E%9C">結果</a></h4> <p>2019年3月28日に記録された文字列をそのまま掲載しています。</p> <div class="table-responsive"><table> <thead> <tr> <th>サービス</th> <th>User Agent</th> </tr> </thead> <tbody> <tr> <td>Twitter</td> <td>Twitterbot/1.0</td> </tr> <tr> <td>Facebook</td> <td>facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)</td> </tr> <tr> <td>LINE</td> <td>facebookexternalhit/1.1;line-poker/1.0</td> </tr> <tr> <td>メッセージ(iOS)</td> <td>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/601.2.4 (KHTML, like Gecko) Version/9.0.1 Safari/601.2.4 facebookexternalhit/1.1 Facebot Twitterbot/1.0</td> </tr> <tr> <td>Discord</td> <td>Mozilla/5.0 (compatible; Discordbot/2.0; +https://discordapp.com)</td> </tr> <tr> <td>Skype</td> <td>Mozilla/5.0 (Windows NT 6.1; WOW64) SkypeUriPreview Preview/0.5</td> </tr> <tr> <td>Slack</td> <td>Slackbot-LinkExpanding 1.0 (+https://api.slack.com/robots)</td> </tr> <tr> <td>Plurk</td> <td>Mozilla/5.0 (compatible; PlurkBot/1.0; +https://www.plurk.com/) Firefox/61.0</td> </tr> </tbody> </table></div> <p>もし他にもOGP表示に対応しているサービスをご存知でしたら、<a target="_blank" rel="nofollow noopener" href="https://twitter.com/barley_ural">@barley_ural</a>までご連絡いただければ調査して追記していきます。</p> <p>おわり</p> ウラル