タグ

htmlとjavascriptに関するyamap_55のブックマーク (3)

  • React.jsとCSS3で長女のためにWEB絵本を作った話 - Qiita

    まずはこちらの動画をご覧ください。 こちらは娘が2歳半の頃に児童館で撮影したものです。 かわいい・・・ 生後1000日近くともなると、子どもは自分で絵を読むようになります。 並行してひらがな覚え始めるので、親としてはガンガン絵を読んでほしいのですが、実際には挿絵に合わせて適当な話を創をして遊んだり、まじめにひらがなを音読し始めたかと思えば数ページも読まないうちに次の絵を引っ張り出してきては読んで、飽きてまた違う絵に手を出すだけで、一向にちゃんと読んでくれません。 ちゃんと読まない原因として、もしかして絵に動きがないから飽きてしまうのでは、と思った自分は もしもパパが作った動く絵があったら、娘は大喜びしてを読むようになり、どんどん集中力が身について、あいうえおもマスターしてパパ大満足!なんてことになるんじゃないだろうか。 なんてことを考え、実際にWEB絵を作成して娘に見せるま

    React.jsとCSS3で長女のためにWEB絵本を作った話 - Qiita
    yamap_55
    yamap_55 2016/04/13
    私も2歳半位までにはこういうの作ろうとこういう決めた。
  • ちょっとしたHTMLはGitHub Gistに置いてbl.ocks.orgで表示するのがお手軽です - Qiita

    はじめに JavaScriptを含んだHTMLを表示するのにGitHubでレポジトリを作ってGitHub Pagesを作るという手もありますが、ちょっとしたHTMLだと、わざわざレポジトリ作るのも面倒です。 FirefoxのBugzillaを見ていたら、984796 – SVG path getTotalLength returns large incorrect numberでたまたま見つけた bl.ocks.org - aboutが便利だったので紹介します。 使い方 index.html というファイル名でGistを作成します。 あとは、GistのURLの https://gist.github.com を http://bl.ocks.org に置き換えてアクセスすれば表示されます。 bl.ocks.org - aboutに上げられている https://gist.github.co

    ちょっとしたHTMLはGitHub Gistに置いてbl.ocks.orgで表示するのがお手軽です - Qiita
    yamap_55
    yamap_55 2014/07/27
    ちょっとしたサンプルとか作りたい時に便利っぽい。っというかちょっと前にこういうのありそうでないよなって思った気がする。
  • JavaScriptでセキュアなコーディングをするために気をつけること – cybozu developer network

    (著者:サイボウズ kintone開発チーム 天野 祐介) kintoneJavaScriptを使って自由にカスタマイズすることができます。 カスタマイズにより独自のリッチなUIを構築したり、新しい機能を追加したりできるようになりますが、セキュアなコーディングをしないとクロスサイトスクリプティング脆弱性を作り込んでしまう危険性があります。 この記事では、JavaScriptでセキュアなコーディングをするための基的な点を解説します。 主な原因 脆弱性を作り込む主な原因になるコードは、要素の動的な生成です。特に、レコード情報などのユーザーが入力した値を使って要素を生成するときに脆弱性が発生しやすくなります。 対策 document.write()やelement.innerHTMLを使って要素を生成するときは、コンテンツとなる文字列をかならずHTMLエスケープするようにしましょう。 以下は

    JavaScriptでセキュアなコーディングをするために気をつけること – cybozu developer network
  • 1