はてぶに変わる情報収集ツールはてブがノイズで溢れてきて辛い。 フロントエンドやってるんだが、ブロガーのHTML/CSSネタはいらないし、 下世話な話題も知りたい。 RSSと違ってコメントでなんとなく内容を察せるのがありがたかったんだけど… 誰か教えてくださいです。 追記: | 下世話な話題も知りたい。 すまん。間違えた。知りたくない！だ。
クエリ文字列(URLパラメタ)があるURLでのmod_rewriteの使い方 - hogehoge foobar Blog Style Beta
mod_rewriteを使用してクエリ文字列(URLパラメタ)があるURLを変換してリダイレクトしようとしたときに少しハマリかけたので、備忘録として書いておきます。 今回リダイレクトしたURL 今回は、以下の旧URLから新URLにリダイレクトさせるケースでやってみました。 内容としては、旧URLのクエリ文字列(URLパラメタ)の「id」「name」に設定された値が、新URLではディレクトリとファイル名として使用できるようにするといったものです。 旧URL 新URL 形式 /foo/index.html?id=数字列&name=文字列 /foo/文字列/数字列.html サンプル /foo/index.html?id=123&name=bar /foo/bar/123.html RewriteRuleで試す まずは「RewriteRule」で正規表現を使ってリダイレクトする設定を書いてみまし
mod_rewrite x クエリ文字列(/?q=)の変数化 -
mod_rewrite x クエリ文字列(/?q=)の変数化 mod_rewriteを利用して、RewriteCond ,RewriteRuleを併用すると、 要求されたURLのクエリ文字列から置換後URLに対して、 変数として挿入することができるようになります。 ここでは、実際に指定した.htaccessと置換動作についてご紹介します。 mod_rewriteを利用したクエリ文字列の値を、 変数として利用すると、置換後文字列に対して要求のあったクエリ文字列を、 置換後文字列内に含んだURLを組み立てることができます。 クエリ文字列の置換後文字列への挿入 クエリ文字列を実際に置換後文字列に対して含ませる様子は、 以下のような.htaccessを記述することで確認ができます。
nginx と Let's Encrypt で1台のサーバーで複数サイトを SSL 化 - Qiita
ここではLet's Encryptとnginxを使ってサイトをSSL化する方法と、さらにそのままnginxの機能を使って1台のサーバーで複数のサイトを運営し、それらのすべてSSL化した時にやったことをご紹介します。 nginxの設定ファイルを公開しましたので、詳細はこちらを参照してください。 https://github.com/TakuKobayashi/ActivatingNginxConf SSLとは SSLとはデータを暗号化して通信を行う仕組みです。 SSLを使うことができるようにすると、URLに以下のようにhttps://であったり(HTTPの場合)、wss://(Websocketの場合)といったURLを使うことができるようになります。 詳しくはこちらなど SSL証明書 サーバーをSSLに対応させて通信を行えるようにするためにはSSL証明書というものが必要です。 SSL証明書は
.htaccessを使ったよく使うリダイレクトまとめ
Webサイト公開後、.htaccessを使って旧ページから新ページにリダイレクトをかけます。何度も同じようなことをしているのですが、やはり忘れっぽいので、よく使うリダイレクトの書き方をまとめておきます。 私と同じような誰かのお役に立てれば幸いです。 私がよく使うリダイレクトは301リダイレクトのため、この記事のコードは全て301リダイレクトとなっています。302リダイレクトを用いる場合は、適宜変更してください。 0. .htaccessとは？1.あるURLから別のURLへのリダイレクト2.ディレクトリまるごとリダイレクト3.類似したファイル名のURLをまとめてリダイレクト4.特定のディレクトリをリダイレクトから除外する5.特定のファイルをリダイレクトから除外する6.wwwなし / ありを統一する7.https(SSL)のURLへリダイレクトまた、上手く動作しない場合のパターンも挙げてみまし
301でリダイレクトかけるとブラウザがキャッシュするので怖い | infra.xyz
これでcampaign.example.comにアクセスすると、example.comへリダイレクトされるようになった。 campaign.example.comをブラウザ（Chrome）で開いて確認、いやー、よかったよかった。 そしてさらに後日、またキャンペーンやることになった、とする。 折角だし、またcampaign.example.comでやればいいよねー、とRedirectディレクティブの設定を消す。 index.htmlをアップして、ブラウザ（Chrome）でcampaign.example.comを開くと・・・・なぜかexample.comへ飛ばされる！ え、なんで、リダイレクトの設定消してconfigtestしてApache再起動したし、なんならctrl+F5しちゃうよ？ でも何回F5叩いてcampaign.example.comを開いても、example.comへ飛ば
.htaccessですべてのアクセスをサブディレクトリへリダイレクトさせる - @Konboi memo
はじめに ある案件の終了対応に伴い、リダイレクトの設定をしてた。 example.com/ 以下のアクセスを全て example.com/finish へリダイレクトさせるというもの。 一見簡単ですぐに終わりそうだと思っていたら結構ハマった。 ハマったところ はじめはルートの.htaccessファイルこのように設定してみた # .htaccess RedirectMatch /* http://example.com/finish これの何が問題かというと http://example.com/finish へのアクセスも /* の条件に当てはまり http://example.com/finish へリダイレクトされる。 これで無限loopが発生してしまい、ブラウザからエラーがはかれる。 解決策 下記の用に設定することで回避できた。 # .htaccess RewriteEngine O
Mediumライクなlightboxを実装出来るスクリプト・「MediumLightbox」
MediumLightboxはMediumで導入されている画像をズーム表示するlightboxと同じような動作を実装出来るスクリプトです。非依存型で、単体で動作してくれます。クリックでその場に即拡大表示、他コンテンツはフェードアウトという感じです。悪くないんですけど、Mediumのlightboxって縦長の画像は場合によっては逆に小さくなって見にくくなるのでその辺解消できると良いですね。 MediumLightbox動作サンプル
mysqldumpでsshごしにリモートサーバにMariaDBのバックアップを取得する | 俺的備忘録 〜なんかいろいろ〜
MariaDBで手元のPC上で動作しているDBから、リモートサーバにssh越しにバックアップする必要があったので、備忘で残しておく。 mysqldump -u ユーザ名 -p パスワード DB名 | gzip | ssh リモートサーバ 'cat > ~/BackupPATH.sql.gz' mysqldump --single-transaction -u ユーザ名 -p パスワード DB名 | gzip | ssh リモートサーバ 'cat > ~/BackupPATH.sql.gz' # オンラインバックアップ なお、逆のパターン(リモートのDBサーバから手元の環境にssh越しにバックアップを取得する)の場合は以下。 ssh リモートサーバ 'mysqldump -u ユーザ名 -p パスワード DB名 | gzip' | cat > ./BackupPATH.sql.gz ssh
残業代ゼロと批判が集まる「高プロ」制度、倉重弁護士が語る「推進側の本当の狙い」 - 弁護士ドットコムニュース
法案の修正を提案した連合執行部に対する批判は噴出するなど、混乱が続く「高度プロフェッショナル制度」。この制度を盛り込んだ労働基準法改正案は、残業代をゼロにする「残業代ゼロ法案」だと野党から批判されているが、政府は「働いた時間ではなく、成果で報酬を決める」ものだと推進してきた。 この制度は、年収1075万円以上の高所得層で、特定の高度専門業務（例えば、金融商品の開発、ディーリング業務、アナリスト業務、コンサルタント業務、研究開発業務など）に従事し、使用者との合意で職務が明確に定められている従業員を対象に、労働時間規制を外した働き方を認める。 政府が推進する「高プロ」には、どのような狙いがあるのか。倉重公太朗弁護士に聞いた。 ●推進側の本音は「部下無し管理職層」などの賃金抑制 現在の法案では対象業務や年収要件が限られているため、対象範囲は少ないでしょう。管理監督者ではなく、年収1075万円以上
数百台のMacに感染しているのに数年間気づかれなかったマルウェア「FruitFly」
By Wesson Wang 数百台ものMacが数年間にわたり感染していたものの、数か月前まで研究者やセキュリティ専門家に気付かれていなかった「FruitFly」というmacOSをターゲットにしたマルウェアの存在が明らかになりました。 Mysterious Mac Malware Has Infected Victims for Years - Motherboard https://motherboard.vice.com/en_us/article/zmv79w/mysterious-mac-malware-has-infected-hundreds-of-victims-for-years セキュリティ会社のMalwarebytesが2017年1月に「FruitFly」というマルウェアを発見しました。FruitFlyはウェブカメラを通じて感染したMacのユーザーを監視し、画面をキャプ
第480回 ウェブブラウザーから操作できる軽量管理ツール「Cockpit」 | gihyo.jp
Cockpitはかんたんに使えて、軽量で、マルチサーバーにも対応したウェブベースのLinuxシステム管理ツールです。シェル端末機能もついているため、ウェブブラウザーから直接システムを管理することも可能です。今回はこのCockpitをUbuntuにインストールする方法を紹介します。 Linuxサーバーの「UI」となるCockpit Cockpitをインストールすると次のような処理を、ウエブブラウザーから行えるようになります。 ユーザーアカウント管理 システムの再起動やシャットダウン systemdを使用したサービスの起動・停止・有効化・無効化などの設定 systemdのjournalctlを利用したシステムログの閲覧 udisks2もしくはstoragedを利用したストレージ関連のモニタリング NetworkManagerを利用したネットワーク管理 Performance Co-Pilotで
Windows 10でVHDファイルをドライブとしてマウントする
Windows 10でVHDファイルをドライブとしてマウントする方法を紹介する。マウントする方法はいくつかあるので、目的に合わせてこれらの方法から選択するとよい。 Windows 10では、VHDファイル（仮想ハードディスクファイル）を1つのドライブとしてマウントすることができる。例えば、SDカード上にVHDファイルを作成して、ドライブとしてマウントすると、SDカードをハードディスクと同様に扱うことができる（VHDファイルを作成する方法はTech TIPS「Windows 10でVHDファイルを作成する」参照のこと）。 そこでWindows 10でVHDファイルをマウントする方法を幾つか紹介しよう。 手動でVHDファイルをマウントする ●VHDファイルをダブルクリックする Windows 10でVHDファイルをマウントする最も簡単な方法は、マウントしたいVHDファイルをダブルクリックするだ
SeleniumとWebDriverの最新事情～標準化が進み、さらに強力なテストツールへ！ その影でSelenium IDEは……
illustration by iwasawa これまでのSelenium さて、最新事情に触れる前に、本記事をご覧の皆様は既によくご存知かとは思いますが、あらためてSeleniumとは何か、そして現在の形に至るまでの道をおさらいしておきましょう。 Seleniumは、Webブラウザの自動操作ライブラリです。人間がWebブラウザでやるような手作業を、自動的に再現できます。単純作業の自動化に利用できるほか、一般的な自動テストフレームワークと組み合わせることでEnd to End（E2E）テストの自動化を実現できます。Webアプリケーションのテスト作業で苦労されている方にとっては福音のようなライブラリですが、自動テストコードや実行環境の維持・実行時間などが大がかりになりがちで、利用コストは高めです。回帰テストの自動化など、繰り返し利用が多い用途への適用が特に効果的でしょう。 Seleniumの
アイキャッチ画像サイズチェッカー｜TwitterやFacebookでのOGP表示を確認
TwitterやFacebookでシェアされたときに、アイキャッチ画像がどんなサイズでどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください（表示は2018年7月時点のものです）。 画像を選択
サーバーサイドレンダリングしないReact SPAのSEO - 橋本商会
普通にwebpackと@babel/preset-envで"last 2 versions", "Safari 10"をターゲットにしてビルドしているだけ
仕事をしながら肩こりを改善？ 唯一の家庭用“高周波”治療器、パナソニック「コリコラン」登場
パナソニックは7月24日、家庭用の高周波治療器“コリコラン”「EW-RA510/RA500」を発表した。バッテリー内蔵の小型治療器で、本来ならコリの原因となるはずの仕事や家事をしている間にも「ながらコリ治療」（同社）が行えるというユニークな商品だ。 コリの改善を目的とした医療機器として認証された、家庭用としては業界唯一の高周波治療器。肩や腰といった患部に装着すると、9MHz（1秒間に約900万回）の高周波パルスが血管を広げて血行を促進する。 高周波は、家庭用として広く使われている低周波に比べると体の奥まで届く特徴がある。コリコランは病院などにある業務用機器に比べれば出力は低いはずだが、同社では「9MHzはこり治療に適した周波数。皮膚の約4cm下まで届く設定になっている」と話す。なにより低周波治療器に比べて皮膚への刺激が少ないため、PCやスマートフォンを操作しているときに治療を行っても操作の
僕のAtomのパッケージとちょっとしたカスタマイズの紹介 - loveMac.jp
At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachabl… Atomは、Github製で、パッケージマネージャによるプラグイン追加やテーマの変更可能な、Chromiumベースのテキストエディタです。Chromium、つまりブラウザの技術によって作られているというのがおもいろいところです。なので、js(CoffeeScript)やjson(cson), less(css)といったWebの技術による細かなカスタマイズもできるというあんばい。 僕が入れているパッケージ一覧 2017年6月現在、僕が入れているパッケージを、カテゴリ別に紹介します。 整形系 alignment => や : の縦位置を揃えてくれます。 注意点として、Atomはいつからかリガチ
Vue/Vuexに静的に型を付ける - Please Drive Faster
最近Vue/Vuexを触っている。 前々から欲しいと思っていたのもあって、習作としてelectronでYouTubeのデスクトップクライアントを作った。 github.com 僕は仕事中はだいたいYouTubeを再生している。映像を見ながらコードを書きたい欲求があった。とはいえ、そのために作業領域を侵食されるのはつらい。 ということで前面に固定する機能と透過率を設定できる機能をつけた。 こんな感じになって便利。 Vueにおいて、TypeScriptを選ぶかFlowを選ぶか Vueにおいて、楽をしたいならTypeScriptを選ぶ方が良い。Flowに比べて、公式のサポートが断然に厚い。 公式ページにもサポートについて1セクション割かれている。 TypeScript Support — Vue.js また、TypeScriptチームがVueとTypeScriptのStarter Kitを公開し
耳をすませば症候群
路地裏で野良猫と遭遇すると、 未だにどこか素敵な場所に連れて行ってくれるんじゃないかって思っちゃう。 いいオッサンなのに。 あとARIA症候群も併発している。 【追記】 ブコメを見た。 秒速5センチメートルもだぁいすき。 踏み切りに行くとワンモアタイムワンモアチャンスだから 秒速5センチメートル症候群でもある。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
