ルートとサブディレクトリに別々のrouter付きReactアプリを展開するnginxの設定 - Qiita
Reactでアプリケーションを実装していて、 hoge.com/* にはユーザー向けReactアプリ、 hoge.com/admin/* には管理者向けのような構成にしたいと思ったことはないですか？僕はあります。 これらのアプリをnginxをbaseとしたDocker imageとしてデプロイしようとした時、nginxの設定にとても苦しんだのでここに書き記しておきます。 nginx.conf server_tokens off; server { listen 80 default_server; server_name localhost; location /admin { root /usr/share/nginx/html/admin; index index.html; try_files $uri $uri/ /index.html /usr/share/nginx/html/
株式会社HUMEDIT – 遺伝子検査事業・医療機関システム開発運営
医療にITを組み合わせることで、時代の一歩先を行く新しい医療サービスを提供してまいります。 これまでの常識に疑問を投げかけ、新たな波を起こすことで、医療を必要とする全ての人へ、今までになかった未来を創造し届けます。それに付随する様々なサービスを組み合わせることによって、さらに新たなものを生み出し、より幸福で美しい社会を目指します。 それらの「想い」を共有する人材育成にも力を入れていきます。
パーマリンクの限界 : けんすう日記
パーマリンクは限界だと思う パーマリンク(Permalink)というものがあります。これが最近、限界に来ていると思っているのですね。 日本語に直すと固定リンクという意味です。つまり、変わらないURLのことですね。ブログブームの時に一般的に拡大しました。 何かというと、ニュースサイトとか、ブログなどで、このURLに行けばいつも同じ情報が見れるよね、という感じです。 検索エンジンやSNSが普及したことで、人を呼ぶにはパーマリンクで常に固定のURLにしておくほうがいいよね、というのが今では一般的です。 それまでも、個人ニュースサイトではトップページがメインで、そこにどんどん情報が追加されてきて、そこから消えていくという形はよくあったのですが、Googleが出てきて、SEOが重要になり、MovableTypeとかのPermalinkが標準のブログツールが流行し、はてなブックマークやTwitterな
【JavaScript】 JavaScriptで urlencode() する方法。
JavaScript でURLエンコードする方法を何度も何度も調べてる気がするので、いい加減メモる。 groundwalker.com さんが、詳しく比較してくださっている。 エンコードする関数には、 escape(), encodeURI(), encodeURIComponent() の3種類、それぞれ対応するデコード関数 unescape(), decodeURI(), decodeURIComponent() が用意されている。 次の文字列は、http://www.aaa.jp/?text=あ ああ を escape()した結果。(JavaScriptがONじゃないと見えません)
URLに関する議論 -- なぜ僕はクエリパラメータを擁護、ときに推奨するのか - 檜山正幸のキマイラ飼育記 (はてなBlog)
一時期（2010年の1月頃）、URLの議論をしていて、僕は拡張子を含むURLやクエリパラメータを擁護していました。 そろそろ決着、HTTPメソッド、URL、そして標準化された動詞 RESTfulなWebサイトと拡張子を含むURLについて 最近、またURLの問題を考えてみたのですが、僕が拘っているのは次の2点なのだと気付きました。 すべてのURLを列挙したい。 すべてのURLを分類したい。 すべてのURLを列挙したい あるWebサイトやWebアプリケーション（以下、総称してWebシステム）を考えたとき、有効なURLを完全に列挙したいのです。ここでの「URL」は、正確に言えばクエリパラメータを含まないパス部分のことです。もちろん、有効なURLは時々刻々と変化します。でも、ある一時点を取れば、その時点におけるURLは確定するはずです。各時点ごとのURLの集合を100%把握したいのです。 列挙する
javascript: escape(), encodeURI(), encodeURIComponent() 比較 (groundwalker.com)
« DoBeDo 2.5 | メイン | javascript で Query String » javascript: escape(), encodeURI(), encodeURIComponent() 比較 javascript の escape(), encodeURI(), encodeURIComponent() 関数群について、どの文字がエンコードされてどの文字がエンコードされないのか分かりにくいのでまとめておく。 まずは、対象範囲 %20（半角スペース）〜%7E（チルダ~） 元データ !"#$%&'()*+,-./ 0123456789 :;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ [\]^_` abcdefghijklmnopqrstuvwxyz {|}~ escape() %20%21%22%23%24%25%26%27%28%29*+%2C-
jQueryでURLパラメータを扱う（get引数を使いたい） - [k]id[k]id
jqueryで http://hogehoge.com/index.htm?cid=xx とかのget引数を取り扱いたく、色々調べたところ http://jquery-howto.blogspot.comさんに情報がありました。 function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf(‘?’) + 1).split(‘&’); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } [/code] 上記のfuncti
![jQueryでURLパラメータを扱う（get引数を使いたい） - [k]id[k]id](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae880fb5b0ce786f014b5f06eede1870082ea189/height=288;version=1;width=512/https%3A%2F%2Fkidokorock.com%2Fwp-content%2Fthemes%2Fkid_2015%2Fimages%2Fcommon%2Fthumbnail%2F223.jpg)
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた
Posted: 2011.06.20 / Category: javascript / Tag: Ajax, HTML5 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script type="text
Maka-Veli.com / サイト名にドメインを入れてる人は注意。Twitterポスト時、短縮URL「t.co」が色々反応するようになりました。
今日、PostしてみたらURLがおかしくなったので調べてみたら、今までURLを自動で短縮させていた[t.co]のサービスが、今日から（？）短いURLでも全て対応させてるようになっていたようです。そこで色々と問題が出てきました。 サイト名のドメインがURL判断される。 うぉぅ….。 ちなみにサイト名部分の変換は、続けて記述していた 【 等も巻き込まれ、ひどいURLになってます。もちろんクリックしても繋がりません。 Twitter公式を使っているのと、タイトルがWP管理なので、手っ取り早くポストさせる記述を上手くいじれず、しょうがないのでタイトルを調整する形にしました。 こんな風に変えてみた 前後に半角スペースと、【】等を廃止。どうやら極端に短い物はそのまま表示させるようです。（/等で判断してるのでしょうか？） ただ、今までリンクになっていませんでしたが、 リンク扱いになってしまい
リンクするデータ、できること、目指すこと
ネットワーク時代のデータ 1つの組織内のデータベース 比較的少数のコンピュータ 管理可能なサイズと質のデータ、整ったスキーマ 組織、領域を超えたデータ 多数のコンピュータ、あるいはクラウド 膨大で質も不明なデータの海、それぞれに異なるスキーマ データのウェブ 標準化、ガイドライン… みんなで同じ語彙、スキーマ？ → 無理 共通項を用意してマッピング → ある程度は機能するが情報が失われる 約束事が多いと破綻しやすい 緩やかなつながり：データのウェブ WWWは簡単で緩やかな文書のリンクで発展 記述の約束（HTML）は単純で非力。しかしだからこそ誰もが利用できた（「よいHTML」） データも簡単な約束でリンクすれば、さまざまな形での利用が可能 情報サイロ 情報サイロ、あるいは壁で遮られる社会ネット The problem with today's social networks is that
ブログ
Indem du dich registrierst, erklärst du dich mit unserer Nutzung von Cookies einverstanden. Wir nutzen Cookies z.B. für Statistiken, Personalisierung und Werbeanzeigen. Al usar los servicios de Twitter, aceptas nuestra política de Uso de cookies . Usamos cookies para análisis, personalización y anuncios, entre otras cosas. "Votre utilisation des services de Twitter indique que vous acceptez notre
Hashbang(#!)なURLの恐怖
諸方面からお叱りの言葉しかいただけない#!なURLは様々な問題をはらんでいますが、来るべき未来(もうすぐですよ！)におけるメンテナンス性という問題についてAdactioで取り上げられていました。#!の表面的な凶悪さに思考停止していて、こういった本質的な問題についてはまったく考えていなかった気がします。 その問題というのは、#!なURLからHistory APIなどを利用してクリーンなURLに乗り換えよう(戻そう)としても、古い#!なURLを有効なままにするためにはサーバー側の何か(単純なリダイレクトやmod_rewriteなど)ではどうしようもないので、クライアント側での(JavaScriptを利用した)リダイレクトを提供する機能を提供し続けなければならないというメンテナンス性の悪さです。 この#!なURLのメンテナンス性の悪さという問題は、URLの#以降はクライアント側の扱いなので、クラ
Webブラウザのアドレスバーは不要？ Chrome最新版きっかけに議論
Webブラウザのアドレスバーは不要なのか――？ Google Chromeの新バージョンをきっかけに、こんな議論が起きている。 Googleは先に開発版「Chrome 13」をリリースしたが、このバージョンではURLが表示されるアドレスバーを完全に隠すことができる。URLを見たいときは、タブをクリックするとアドレスバーが現れる。 これを受けてMozillaは、アドレスバーを含めたツールバーを隠すFirefoxアドオン「LessChrome HD」をリリースした。隠れたツールバーはタブにカーソルを合わせると表示される。 こうした動きから、アドレスバーを隠す機能がブラウザのトレンドになるのではないかとの声が一部で上がっている。アドレスバーを非表示にすれば、Webページを表示するスペースが広がる。これはNetbookやタブレットなど、PCよりも画面が小さなデバイスでは重要だ。さらに「目指すサイト
22500文字の文書をURLに保存する驚愕のサービス「Hashify」【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:7分] 文書というものはファイルとして存在するものだ。USBメモリ、オンラインストレージ、オンライン文書サービスなどに保存して初めて共有できるという考えはごくごく一般的だ。簡単な文書でも、何らかのサービスにサインアップして公開するという手続きが必要になる。 しかし「Hashify」を使用すれば、そういった概念が一瞬で崩れ去る。このサービスを使用すれば、テキストを圧縮して20文字以下のURLにしてくれる。URLそのものに文書が保存されてしまうのだ。 冒頭のスナップは、Hashifyの説明テキストへのリンクだが、これそのものがHashifyのURL作成ページになっている。左側に文書を入力すれば、短縮URLサービスbit.ly形式に保存してくれるというもの。 Showdownというテキストを見やすい形式で整形してくれる記述ルールに対応しており、ワープロのような整形もここで行える。 対
XMLの第一人者Tim Bray氏「URLに#!入れるな」 | gihyo.jp
Tim Bray氏のブログ記事を解説したものです。Tim Bray氏はXMLの生みの親であり、最近はGoogle Developer AdvocateとしてAndroidの普及に務めています。Twitterをはじめ、最近のWebサービスにて「twitter.com/#!/timbray」のようにURLに「#!」というhash-bang（shebang）が含まれるのをよく目にしますが、Tim氏はこの流行に批判の意を示しています。 hash-bangを含むURLはAjaxを利用するために考えられたしくみです。#以降は単なるフラグメントとして処理されるため、サーバは#より前のURLを解釈しコンテンツを出力します。そしてブラウザにてJavaScriptが#以降を解釈し、以降のパスに相当するコンテンツをAjaxにて取得しコンテンツを書き換えます。このしくみができた背景は、Ajax後のコンテンツをSE
【2ch】ニュー速クオリティ:政府「Twitterで短縮URLは使用禁止」
1 (西日本)2011/04/16(土) 19:11:33.31 ID:zfjeYoJM0● ?2BP(0) 近年、インターネット上のさまざまな民間ソーシャルメディアサービス（以 下、「ソーシャルメディア」という。）の普及に伴い、国、地方公共団体等の公 共機関において、情報発信等の強化のために、こうしたサービスを利用する事 例が増えてきています。特に、平成２３年３月１１日の東日本大震災の発生以 降、震災対応に関する情報の発信のため、多くの機関でソーシャルメディアが 活用されています。 震災対応のような時々刻々と状況が変化する情報を迅速に国民に発信してい くためには、Ｗｅｂサイトへの情報掲載とともに、ソーシャルメディアも積極 的に併用していくことが望まれます。一方で、ソーシャルメディアサービスの 利用に当たっては、情報発信者とシステム管理者が異なることや機関ごとに活 用
人間のために分かりやすい実用的なURLを設計する方法
URL Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記事を読んだ後で、あなたに一つだけ覚えておいてほしいことは、URLの構造を設計するのに時間をかける、ということです。 URLデザインは簡単ではなく、正しい解決方法があると言うことはできません。しかしそれは、他のデザインと同じです。良いURLデザインがあり、良くないURLデザインがあり、そしてその中間もあります。 しかし、それは素晴らしいURLデザインを作るこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
URL Parameters with React Router
htn.to デフォルトリダイレクト先変更に寄せて
jQueryだけでURLをパースするプラグイン「jQuery-URL-Parser」 | Web活メモ帳
