「マークダウン」（Markdown）という言葉を聞いたことがあるだろうか。Web系を中心としたプログラマならよく馴染んでいる言葉だ。 マークダウンはテキストファイルの書き方のひとつだ。特別なファイル形式ではない。見出しや強調したい部分、リンクや画像の挿入について一定のルールで書く。それ以外は、普通のテキストファイルと変わらない。 そうして書いたテキストの文書を、特定のWebサイトに投稿すると、見栄えよくHTMLに変換してくれる。手元でHTMLファイルに変換したければ、マークダウンエディタと呼ばれる種類のテキストエディタを使えばよい。エディタの一機能として、マークダウン変換機能が付いていることもある。 文書の整形に「Word」を立ち上げる必要はない。「Word」の不可思議な挙動に悩まされることもない。使い慣れたテキストエディタで、サクッと書けばよい。シンプルなテキストで、小さなファイルサイズ

html で リンクを新しいタブ(やウィンドウ)で開かせたい場合、target="_blank" を指定するが、 この使い方には落とし穴があるらしい。 www.jitbit.com リンクを開いた先の javascript から、開いた元のページを操作できてしまうとのこと。 気になったので確認してみた。 悪用のパターン insecure.html が最初に開くページで、ここに target="_blank" なリンクがある。 このリンクを押すと new_window.html を新しいタブで開く。 この new_window.html に javascript が仕込まれており、元ページを操作されるという話。 具体的には window.opener.location="./evil.html" と実行すると、元タブは evil.html に遷移する。 実際試してみたのが ここ。 リンクを開

30年近く前にワールドワイドウェブ（WWW）を発明したTim Berners-Lee氏が、コンピューティング業界最高の権威を持つ賞を受賞した。大成功を収めた同氏の発明であるWWWは現在、新しいモバイル技術の台頭という局面に差し掛かっている。 Association for Computing Machinery（ACM）は米国時間4月4日、Berners-Lee氏に2016年度A.M.チューリング賞を授与した。受賞者には賞金100万ドルに加えて、最高の栄誉が贈られる。この賞は、英国の研究者であるAlan Turing氏にちなんで命名されている。Turing氏は、第2次世界大戦中にドイツの暗号機「エニグマ」の暗号解読を支援し、コンピュータの基本設計の考案に貢献した人物。 Berners-Lee氏は、HTML（Hypertext Markup Language）とHTTP（Hypertext

関連記事 「統計的機械翻訳」の精度を超えた　ニューラルネットワークによる高精度翻訳「Microsoft Translator」が日本語に対応 日本マイクロソフトは、近日中に音声翻訳向けのMicrosoft Translator Speech APIを日本語に対応させる。ニューラルネットワークを利用して、品質が高く、より自然な翻訳を可能にしたという バンナム、スクエニ、東ロボ、MS――人工知能や機械学習はゲーム開発者に何をもたらすのか 8月26日に開催されたゲーム開発者向けイベントの中から、バンナム、スクエニ、東ロボ、MSなどによる人工知能や機械学習、データ解析における取り組みについての講演内容をまとめてお伝えする 「AI」「機械学習」「ディープラーニング」は、それぞれ何が違うのか 「AI」「機械学習」「ディープラーニング」は、それぞれ何が違うのか。GPUコンピューティングを推進するNVID

プログラマーやエンジニアの人ならずとも、HTMLタグやCSSプロパティの用語の読み方が分からず困ったことはないでしょうか。 ホームページを作ったことがある人なら1度は見たことがある「href」という用語。なんて読むか知っていますか。 hrefは、「Hypertext Reference」の略で、頭文字のHとREFとを合わせて一般的に「エイチレフ」と呼ばれています。ハーフ？　ハレフ？　と読み方が分からなかった方は参考にしてみてください。

みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ

How to watch Polaris Dawn astronauts attempt the first commercial spacewalk

概要 完全に単一のHTMLファイルで動作するMarkdownエディタ「かんたんMarkdown」を作ったというお話。 お断り 一応簡単に動作検証はしていますが、とんでもないバグが潜んでいるかもしれません。 かんたんMarkdownを利用して大切な文章がなくなってしまったり、その他損害が生じても責任は取れませんm_ _m 経緯 前回の記事(そろそろExcelで資料作るのやめたい)で、 単一ファイルで動くMarkdown 画像をbase64で埋め込んでしまう というアイデアに可能性を感じて下さった方が多いようです1。 しかしながら、 エディタとプレビューアが別なのが面倒 base64に変換するのが面倒 といった意見も多く聞かれました。 そこで思ったのです。ならばエディタを作ってしまえと。 かんたんMarkdown かんたんMarkdownは完全に単一のhtmlファイルで動作するMarkdown

12. 調査方法 ❶ URLの#以降にU+2028とDOM based XSSが起き得る文字列をつけて まわる ❷ 変なエラーがでないかみる http://host/#[U+2028]'"><svg/onload=alert(1)> 13. すると Benesseのサイトにメチャ普通のDOM based XSSがあった https://web.archive.org/web/20130723155109/http://manabi.benes se.ne.jp/#"><svg/onload=alert(1)> function writeAccesskeyForm(){ var htm = ''; var ownURI = location.href; //略 htm+= '<input type="hidden" name="backurl" value="' + ownURI + '"

米Twitterが10月に導入した投票機能「Twitter Polls」では、質問に対して2つの選択肢を用意できる。回答が「はい」「いいえ」になるような質問ならいいが、例えば「好きな調味料は？」の選択肢がソースとしょうゆだけではケチャップ派が困る――など、「選択肢が3～4つ欲しい」という声は多かった。そんな中、4択機能の追加を示唆するヒントが発見された。 投票欄を設けたツイートのHTMLソースコードを見てみると、ラジオボタンを表示するタグ<input style="radio">が4つ並び、「回答 1」から「回答 4」までの文字が確認できるものの、「回答 3」「回答 4」の行は非表示となっている。つまり、見た目の選択肢は2つしかないが、4択まで拡張するための機能はすでに用意されている可能性がある。

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

こんばんわ、IT系ブロガーあめたま（@ametama_l2l）です。 ブロガーなら誰しも気になるのがアクセス数。巷には様々なアクセスアップ術があふれています。 今回は長い前置きは書きません。どうぞ、ご覧ください。 スポンサーリンク アクセス数が大幅に上がった実例 跳ね上がるリアルタイムサマリー まずはこの画像を見てください。 GoogleAnalyticsのリアルタイムサマリーですね。このブログは20時～24時がピークタイムです。平日の21時だと画像の通り20～35といったところでしょうか。 突然跳ね上がるとこんな感じになります。いったい何事？！何をやったの？まだ慌てるのは早いです。 月間PVが激増 これは2014年12月のアクセス数の推移です。12月は15万PVでした。月初に報告してるので、すでに見られた方もいるかと思います。 そして問題のPV推移グラフがこちら。 1月20日現在…えーっ

これは、HTML5 Advent Calendar 2014の7日目のエントリーとして書いております。 2008年4月1日に初版が発行された、オライリー・ジャパンの「ハイパフォーマンスWebサイト」を未だに参考にされている方は多いと思います。 ウェブページ内で、背景やボタン、ナビゲーションバー、リンクなどで多数の画像を使う場合は、CSSスプライトを使うのがエレガントな解決策です。そうすることで、マークアップが整理され、扱うべき画像の数も減り、レスポンスも高速になります。 ― 「ハイパフォーマンスWebサイト 高速サイトを実現する14のルール」 Steve Souders著 その部分を参照されてか、時折、「CSSスプライトを使うことで、HTTPリクエスト数が削減されて、高速化に繋がる」と書かれている方をお見受けします。 しかし、それは本当なのでしょうか? そこで、今回、本当に効果があるのかど

転機を迎えた郊外住宅地 「もっと若い人にここに移り住んでもらって、かつての活気を取り戻したい」 私たちが訪ねたとき、多くの住民からこうした声を聞きました。確かに広い庭や緑豊かな公園は、子育てには理想的な環境です。 しかし、いくら空き家があっても、地元の若い子育て世代が簡単に手を出せる価格ではありません。また、厳しい建築協定が結ばれているため、土地を分割して売却したり、アパートなどの集合住宅を建てたりすることもできません。良好な環境を維持するための配慮が、かえって若い子育て世帯が移り住むことを阻んでいるのです。 住民の１人は「地域のスーパーは閉店し、中学校も来年には統廃合されます。今は元気だからまだいいですが、１０年後、２０年後を考えると、このまま住み続けることができるのかどうか、本当に不安です」と話していました。 明治大学文学部の川口太郎教授は、日本の郊外住宅地は、大きな転機に立たされてい

2. よしだたけひこ • フリーランスエンジニア歴10年ほど • 去年までJavaエンジニアとして10年以上活動 • レベルは下の上〜中の下 • 今年からフロントエンドエンドエンジニア

TVアニメ全24話に加え、 新作アニメ『EP24.5:雨の断章 -The Penultimate Truth-』収録

2014.12.18 「WORKING!!」「サーバント×サービス」夏祭りだよ!!全員集合190分実況ニコニコ生放送決定!! 2014.12.18 「WORKING!!」「サーバント×サービス」夏祭りだよ!!全員集合のBlu-ray、DVDを対象店舗にて購入の方に先着で「B2告知ポスター」をプレゼント！ 2014.12.16 「夏祭りだよ!!全員集合」キャスト色紙のアニメイト池袋本店での展示が決定!! 2014.09.09 期間限定WEBラジオ「山田中さん」第6回配信開始！ 2014.08.06 WORKING!!＆サーバント×サービス主題歌集「夏祭りだよ！全曲集合」音楽をパック配信開始！ 2014.08.05 期間限定WEBラジオ「山田中さん」第5回配信開始！ 2014.06.23 TVアニメ「サーバント×サービス」が7月より再放送決定！！ 2014.05.16 「WORKING!!」「

概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での開発環境 mac mini (2011) 19インチのシングルモニタ GUI系ツール Sublime Text 2 プログラマ向けのテキストエディタ。 これがないと仕事にならない。 以下、必須なPackage。 Vintage vimっぽいキーバインドにする