setcookie()っていつ使うの？ - Qiita
とても簡単にCookieを発行することができます。 Cookieとは 何らかの情報をブラウザに保存したい場合に使います。 Cookieに値を登録すると、次に同じドメインのURLにアクセスした場合、登録してあるデータを自動的に送信してくれます。 上記の例であれば、次にfoo.localhostドメイン上にあるURLにアクセスすると、自動的にhoge=fugaという値がブラウザから送信され、PHPでは$_COOKIEで受け取ることが可能です。 送信するしないの判断はドメイン単位で行われるため、foo.localhost/a.htmlには送信されますが、ドメインの異なるbar.localhost/a.htmlには送信されません。 一見便利ですが、このCookie、使える量に制限があり、RFC6265ではドメイン毎に50個、1クッキーの容量が4096バイト以上と定義されています。 実際はもっとたく
Reactチュートリアル覚書 その1 - Qiita
サーバーを起動する チュートリアル用の最低限のAPIサーバー用のコードが各言語(node,ruby,php...)で用意されているので、リンクのzipファイルをダウンロードして下記URLを参考に起動する https://github.com/reactjs/react-tutorial/#to-use 完成版の画面を確認する 各コメント(ユーザー名、内容)と最後にフォームと最小限のコメントボックスの構成 public/scripts/example.jsに完成版のreactのサンプルコードが全て書いてある データはcomments.jsonというJSONファイルに読み書きして扱う チュートリアルの進め方を確認 今後はexample.jsの箇所はコメントアウトして、チュートリアル用のJSファイルを別途作成し、読み込むようにする 例えば、tutorial1.jsを読み込む場合は以下のようにする
mikan.js : 機械学習なしで、日本語の単語の改行を処理するライブラリを書いた - Qiita
今朝方、はてなのホットエントリにBudou - 機械学習を用いた日本語改行問題へのソリューションという記事が上がっていました。 ざっくりとした説明をすると、「タイトル中の単語が途中で改行されるせいで読み見辛いのを、機械学習を使ってキーワードごとに分割することでなんとかした」という感じの内容です。 Budouというソリューション オリジナルのBudouは、GoogleクラウドAPIを用いて単語を分けるわけですが、これ毎回APIを叩かないといけないですし、叩き過ぎるとお金もかかってきます。 また、このライブラリはPythonで書かれていますので、RubyやPHP、Node.jsでは単純に導入という形で使うことはできません。GoogleクラウドAPIの設定も必要です。 分かち書きすることで改行をどうにかするというのは、とても良いアイディアですし、導入するだけで見た目も良く見えますので、上記の理由
SVGで数をモリモリ数える - Qiita
珍しくデータビジュアライズ系の仕事がありまして、初めてSVGを触りました。 その中にSVGで数字を数える部分があり、その部分を分離して皆さんの環境でスグに試せるようにES5のJavaScriptで書き直したのでご紹介します。 デモ ソース全体 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <style> html { background-color: #000; } </style> <script type="text/javascript" src="./app.js"></script> </head> <body> <main id="app"></main> </body> </html> (function() { 'use s
Fullscreen API をさわったのでメモ - Qiita
document.querySelector('img').requestFullScreen()とかすると画像が全画面表示されるやつ。画面ロード直後にいきなり全画面表示とかはできないようになってるのでclickイベント内とかで行う。 詳しくは以下 フルスクリーンモードを使用する - Web developer guide | MDN 画像ギャラリー的なUIでの利用を想定してみる。画像をクリックしたら最大化表示されるやつ。 <style> img{ width: 300px; height: 233px; border: solid 4px #aaa; border-radius: 16px; } img:hover{ border-color: #00aaff; cursor: pointer; } </style> </head> <body> <h1>FullScreen Demo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptが辿った変遷 - Qiita