記法 - はてな匿名ダイアリー

記法名	書式	機能
見出し記法	*～～	日記に見出し（h3）を付けます
時刻付き見出し記法	t～～, t+1～～	見出しに編集時刻を保存し表示します
name 属性付き見出し記法	name～～	見出しに好きな name 属性をつけます
カテゴリー記法	*[～～]～～	日記にカテゴリーを設定します
小見出し記法	**～～	日記に小見出し（h4）をつけます
小々見出し記法	***～～	日記に小々見出し記法（h5）をつけます
リスト記法	-～～, --～～, +～～, ++～～	リスト（li）を簡単に記述します
定義リスト記法	:～～:～～	定義リスト（dt）を簡単に記述します
表組み記法	｜～～｜～～｜, ｜*～～｜～～｜	表組み（table）を簡単に記述します
引用記法	＞＞～～＜＜	引用ブロック（blockquote）を簡単に記述します
pre記法	＞｜～～｜＜	整形したテキストをそのまま表示します（pre）
スーパーpre 記法	＞｜｜～～｜｜＜	整形したHTMLなどのソースをそのまま表示します（pre）
スーパーpre 記法（シンタックス・ハイライト）	＞｜ファイルタイプ｜～～｜｜＜＞｜??｜～～｜｜＜	整形したプログラムのソースコードを色付けして表示します（pre）
aa記法	＞｜aa｜～～｜｜＜	アスキーアートを簡単にきれいに表示します
脚注記法	(( ～～ ))	日記に脚注を設定します
続きを読む記法	====	次の見出しまでその後の日記を「続きを読む」にします
スーパー続きを読む記法	=====	見出しも含めてその後の内容を「続きを読む」にします
改行記法	(連続した空白の行2つ)	改行（br）を挿入します
pタグ停止記法	＞＜～～＞＜	自動挿入される p タグを停止します
tex 記法	［tex:～～］	mimeTeX を使って数式を表示します
ウクレレ記法	[uke:～～]	ウクレレのコード譜を表示します

記法名	書式	機能
http記法	http://～～、[http://～～:title]、[http://～～:barcode]、[http://～～:image]	URLへの始まるリンクを簡単に記述します
mailto記法	mailto:～～	メールアドレスへのリンクを簡単に記述します
niconico 記法	[niconico:sm*******]	ニコニコ動画の再生プレーヤーを表示します
google記法	google:～～、google:image:～～、google:news:～～	Google の検索結果にリンクします
map記法	map:x～～y～～(:map)、map:～～、map:t:～～	Googleマップを表示し、リンクします
amazon 記法	[amazon:～～]	Amazon の検索結果にリンクします
wikipedia記法	[wikipedia:～～]	Wikipediaの記事にリンクします
自動リンク停止記法	はてな記法	はてな記法による自動リンクを停止します

ヘルプ	書式	機能
「*」や「-」をそのまま行頭に表示する	（行頭に半角の空白をつける）	行頭で「*」や「-」などをそのまま表示します
下書き記法	＜!-- ～～ --＞	HTML ソースにも表示されない下書き日記を記述します

2016-05-21

■React.js界隈の人に聞きたい

**誰かみんなの主張のまとめを作ってくれないですか？** (まあそれこそお前がやれよって話かもしれないので、誰もやってくれなかったら私がしますが。。)

最近、JQueryはもはや不要でReactさえあればOK,みたいな記事をよく見ますね。

論旨としては、どうせトランスパイラ使ってるんだからもっと便利な書き方しようぜ！ってことなんだと思います。(virtual DOMがメインだ！という話もあったけど、じゃあ何でReactなの？というのは聞きたいかな。メジャーだから？)

ただちょっと個人的に違和感が拭えないので聞きたいです。

ちなみに私は昔coffeeとbackbone.jsか何かで業務用のページ（SPAではなかったような気がする）を作るお仕事をしたことがありますが、フロントエンドエンジニアというわけではないです。どちらかというとサーバー管理とかのほうがよく知っていると思いますが、Javascriptもそれなりには書くくらいの感じの人です。Reactは不幸にして一度も触ったことがないので、以下の文章はすべてコードサンプルをみたうえでの感想です。

そもそも世の中にそんなにSPAがあるのか

まずこれ。正直そんなにたくさん動的にがりがり書き換えているページをあんまり見ない気がするんですよね。その上正直そういうウェブページ、あったとしても大体使いづらいです。

世の中のページが全部FBならいいのかもしれませんが、具体的にはどんなところで使ってるんでしょう。業務ページとかですか？あと、なぜSPAにしなければいけないのかもよくわからないです。画面遷移するのだめなの？という感じで。

JSXを使うことに抵抗ないんですか？

トランスコンパイラを使うのって、結局「将来的には全部ES6になるのだから、今のうちからES6で書いておけば将来のメンテナンスコストとかも減ってうれしいよね！」っていうことなんだと思います。

こういう例、JS以外にもいろいろあって、例えばboost、Androidのsupport library, Pythonのfrom __future__ importなどなどあると思うんですが、どれもやっぱり将来的なコストを見据えて、非標準のライブラリ・記法を使いましょう、ってことですよね。

でもJSXってそういうのじゃないじゃないですか。いわばsupport libraryを使うのとmonoで全部書くのと、位の違いがあるように見えます（そこまでは違わないかｗ）。そういう考察を一切入れずに、「どうせトランスパイラ使ってるんだから拡張記法使っちゃおうぜ！！」っていうのはかなり危ういように見えます。

そもそも、JSって結構独特な言語ですよね。もちろん今はnode.jsとかあるわけですけど、まあやっぱりスクリプト言語の標準の座ってPythonやRubyですよ。世の大多数の人はそっちのが使いやすいとおもってるんでしょう。ということでそもそもトランスパイラ通すんだったらもっと普通の言語から変えるようなソフトウェアが流行ってもいいんじゃないかなあとか思いますけど、そういうのがないのも謎です。dartとかどうなってるんですかね。(まtypescriptとか一種それだという話もあるか)

五年後のビジョンがありますか？

五年、十年あとにReact.jsって流行ってるんでしょうか。例えば五年前はcoffee scriptが結構流行ってましたけど、たしかもうサポート打ち切りとかになっちゃったんですよね。もちろん営利企業がバックなので、そこまで急になくなるかはわからないですけど、五年したらみんなまた別のライブラリがすごい！！みたいに言ってるんじゃないでしょうか。

まあだからこれはフロントエンドエンジニア業界全体の問題なのかもしれませんが、そういう将来的な保守コストをどう考えているのかが気になります。特にもし業務ページであるなら、せいぜいがなるべく枯れたライブラリ（≒JQuery）と、テンプレートエンジンあるいはフォーマットストリングでも使ってpure ES6で書いたほうがいいんじゃないでしょうか。そうすると結局SPAにはしないですよね。

まあこれを突き詰めるとじゃあetaxもactivexで、銀行のシステムはcobolで、マシンはpc98で、、、とかなっちゃうかもしれないんで、難しいところではあるとは思いますが、、、

とりあえずこんなところで、有識者の皆さんよろしくお願いします。

追記

React.jsでした。angularと混ざりました。。あと特に喧嘩売ってるつもりとかは全くないですがそう見えたらごめんね。

id:murishinai 主張は単純で、せいぜいES6+トランスコンパイラ(+JQuery)とかでいいんじゃね、遷移はサーバー側でやったほうが楽じゃない？という感じです。

id:wordi virtual domが最大のメリット、ってのはよく見る意見ですね。例えば実際どんな場面で（どのくらいの規模のプログラムで）domの改変コストが効いてくるのか、みたいな実例を教えてくださると助かります。（もちろんFBとかはそうでしょうけど、もっとなんだろう、身近な例でお願いしたいです。）なんかReactががりがり（かつユーザー目線から見て有効的に）使われている例がイメージ出来ないのが問題な気がしてきました。

id:logic ええっと、それはそうなんですけど、なんだろう。標準のもので、少なくとも今後10年はあるだろうと言うもの(たとえばES6+フォーマットストリング)があるのにも関わらず、今後5年持つかもわからないライブラリを全面に押し出すの、ちょっと怖く見えるなあという気持ちです。

id:erukiti 具体的に頭の悪い点をご教授くださるとたいへんありがたいです。小規模だとそもそもvirtual domのメリットもなさそうですし、ES6標準でええんちゃうのんという気がしてならないのですが。

id:manaten もちろんFBやGMailをJQueryだけで作るのは不可能だと思います。だから FBはReactを、GはAngularを作ったのでしょうが、逆にそんなに気軽に使うようなものにも思えないのですよね。それこそ何百ブクマも付くのやべえなあ、と。（ところで私にはReactよりAngularJSのほうがずっと気持ちよく見えます）

トランスパイラですねごめんなさいｗ

SPAが使いづらいってのは言いすぎかな。正確には、「ページ遷移型のUIに比べて、SPA であることのメリットが明らかに生きているページって少なくないですか？」ということです。もちろんFBとかGとかtwとかは例外だと思いますけど、DOMを1000個とか10000個とかいじくり回しているページばっかあるようには思えない。もちろんどーーしてもSPAじゃなきゃダメなんだっていうならこの手のライブラリを使うといいとは思うんですが、どっちかというとニッチな需要じゃないでしょうか。

あとなんか保守点検に関する意識がちょっと違うのかなっていうコメントが散見されたんですけど、うーん、一発書いて書きっぱなしっていう案件そんなにあるんですかね？ちょっとそこがよくわかんないです。一度書いてもやっぱりn年先、さらにもっと言えば自分がその職場からいなくなった後のことまで考えてプログラム書くべきだと思うんです。そうすると、例えば数年後のプログラマにとってのReactは今のprototype.jsになってるかもしれない。そういうリスクが怖いです。勉強すればいいじゃんっていう意見もそうなんですが、なんでしょう、どちらかと言うと保守を気にしているので、そっちじゃないです。まあ幸いにして私は人の書いたJSをいじくり回した経験はないので、ただの推測なんですが。

それともしかしたら「枯れた技術」あるは「標準化」という意識があんまりないのかなとも思いました。まあ確かに「Webの世界は日進月歩！」ってことなのかもしれないんですが…。別のページのブコメとか見ても、「枯れた技術を使う」=「不勉強」みたいなのがあって、不思議です。。

あとcoffeeのころ、っていうコメントありましたが、あの頃はみんな夢がありましたよね。AltJSが世界を救う！みたいな。翻って今はどうか。それを思うと、やっぱり何でもかんでもReactじゃ、という意見には違和感を感じるんですよ。

増田に書いたのは単にみんなが見てくれるというだけの理由です。そもそも今諸般の事情でお仕事としてのエンジニアはしていないですし。ほんとに純粋な質問だと思ってもらえればうれしいです。

まあ長くなってきたので私のブログにまとめ直してもいいのですけど。

そういえばモバイルという話も出ていましたが、先日のandroid instant appsって、アレ「HTMLでモバイル向けに軽快なリッチ UI作るの無理だからやめような」ってことかと思ったんですが、どうでしょうか。もちろん今現在は必要ですけど～。

Permalink | 記事への反応(9) | 16:31

■記法が記法が記法が

http://www.jeuxvideo.com/forums/42-29722-47066784-1-0-1-0-mediafire-download-clash-royale-hack-generator-online.htm

http://www.jeuxvideo.com/forums/42-29722-47057638-1-0-1-0-application-clash-royale-hack-tool-no-survey-no-password.htm

http://www.jeuxvideo.com/forums/42-29722-47047594-1-0-1-0-clash-royale-99-999-gems-generator-m-a-y-updated.htm

http://www.jeuxvideo.com/forums/42-29722-47094755-1-0-1-0-supercell-clash-royale-hack-no-human-verification-crc.htm

http://www.jeuxvideo.com/forums/42-29722-47066856-1-0-1-0-newest-clash-royale-hack-no-survey-working-100-online.htm

http://www.jeuxvideo.com/forums/42-29722-47038260-1-0-1-0-ios-jailbreak-clash-royale-gems-hack-public-generator-2016.htm

https: //www.reddit .com/comments/4k8p9j/no_root_clash_royale_hack_no_survey_no_download/

https: //www.reddit .com/comments/4k8pbe/clash_royale_cheats_no_survey_unlimited_gems_2016/

https: //www.reddit .com/comments/4k8pdx/clash_royale_hack_gems_online_no_survey_updated/

https: //www.reddit .com/comments/4k8pfs/no_verify_clash_royale_hack_no_human_verification/

Permalink | 記事への反応(0) | 00:24

2016-05-18

■増田で表組み記法が使えるのを知らない人が意外と多いのね

はてなブックマーク - 原価計算の基礎と基本について間違いを指摘してみる

表組みをつくる（表組み記法） - はてなダイアリーのヘルプ

年月日	曜日	デトックスウォーター
2016-05-18	すいようび	オクラ
2016-05-17	すいようび	昆布
2016-05-16	すいようび	麦茶

ほれこの通り

Permalink | 記事への反応(1) | 08:46

2016-05-17

■http://anond.hatelabo.jp/20160517171315

引用記法

＞＞

これを半角で囲むと

＜＜

こうなる

Permalink | 記事への反応(0) | 17:16

2016-05-16

■http://anond.hatelabo.jp/20160516200125

引用記法ぐらいマスターしてよ

＞＞

これを半角で囲むと

＜＜

こうなる

あと、似たようなの再投稿するんじゃなくて、「編集」でお願い

Permalink | 記事への反応(1) | 20:04

2016-05-14

■

テスト&テスト

引用記法

テスト&テスト

pre記法

テスト&amp;テスト

スーパーpre 記法

テスト&amp;amp;テスト

Permalink | 記事への反応(0) | 12:15

http://www.ustream.tv/channel/sxvnDn4CuTY

http://www.ustream.tv/channel/sxvnDn4CuTY てな記法

Permalink | 記事への反応(0) | 16:17

■部使

http://www.ustream.tv/channel/JrSV6sPjz2B

http://answersforpilots.com/5717/watch-game-of-thrones-season-6-episode-3-live-stream

http://www.ideastorm.com/idea2ReadIdea?Id=087390000004WxUAAU&v=1462651449483

http://www.ustream.tv/channel/5a8HYSf5c62

http://www.ustream.tv/channel/6jm5Ugrr6Yy

http://pastebag.com/a4HnUgKX

http://paste4btc.com/nPc5f2ZI

http://dpaste.com/3HA0010

http://textsnip.com/a05tae

http://bitbin.it/yruEO6Og/

http://notes.io/w65T

http://paste.bradleygill.com/index.php?paste_id=1707461

http://apaste.info/vcB

http://paste2.org/Fy0gAGIA

http://codepen.io/anon/pen/WwPRRZ

http://imgfave.com/view/7035858

http://imgfave.com/view/7035859

http://imgfave.com/view/7035860

http://imgfave.com/view/7035861

http://imgfave.com/view/7035862

http://fuzzywitchfestival.tumblr.com/post/144007531677/wxuaau

https://www.strava.com/activities/568790900

https://issuu.com/sadnfgdsifyds/stacks/892510bce3a1437988a5271aabf278db 記法一覧

Permalink | 記事への反応(0) | 05:50

2016-05-07

■無理だと分かっているけど増田に追加してほしい機能

Markdownで書けるようにすること。(可能ならgithub flavored markdownで)

普段ははてなブログで書いててMarkdownを使用する機会も多いので、記法を覚えるコストを極力少なくしたい。

とはいっても、増田って多分レガシーな構成してるし、そもそも増田は実験プロジェクトのままだし、はてなは上場しちゃったから「増田に機能を追加」とかいう地雷をわざわざ踏みに行かないだろうなって思って諦めてる。

Permalink | 記事への反応(0) | 20:15

■日本人誰もがMarkdownを真に理解していない

Markdownとは、はてなブログでも採用されている表記法のこと。

# こういう見出しを書いたり

1. こういうリストや
1. こういうリスト

…を書くといい感じに表示されるやつね。

これをカタカタ打ち込んで投稿すれば、キレイに装飾されたブログ記事ができあがる。

似たようなものだと「はてな記法」やPukiWikiの記法も流行ってたけど、なぜだか今はMarkdown 一択の時代。

なぜMarkdownだけが勝ち残ったのか？　というと諸説あるかと思うけど、Markdownには他の表記法と決定的に異なる点がある。それは「メールで慣例的に使われていた書き方そのものである点」。

日本の企業戦士がメールを書くとこんな感じだろう。

第二営業部　＊＊様

いつもお世話になっております。第一営業部　永尾です。
お忙しいことは重々承知しておりましたが、またこのようなメールをお送りすること、何卒ご容赦ください。
第二営業部の皆様にはお忙しい中、当営業部長の退職送別会にお付き合いくださり誠に感謝しております。

さて、このたび当営業部では再度同送別会を開催する運びとなりましたので、改めてご案内申し上げます。


　　　　　　　　　　　　　　　　　　記
　　　　　　　　　　　　　
■「澤井部長を送る会２」要旨

　日時：３月２５日（金曜日）　１７時３０分〜
　場所：801会議室（今回はご参加頂きやすいよう社内にいたしました）
　会費：０円

※アルコール有り

■　連絡欄
・出欠：「　」（出席または欠席）
・欠席の場合、理由：「　」（自由記入・必須）

恐れ入りますが、明日３月２４日までに返信にて出欠をお知らせください。
（重ねて申し上げますが会費は無料です）

幹事　永尾完治（第一営業部　内線１１８）