GORE-TEXレインウェアを洗濯せずに使い続けた顛末と、知っておきたいお手入れ方法 文＝柏 澄子　写真＝杉木よしみ　デザイン＝yucca　イラスト＝ヨシイアコ GORE-TEX レインウェアを洗濯したことがある人は、どれぐらいいるのだろうか。定期的に洗濯をし、汚れを取り除くことが、GORE-TEX レインウェアの機能維持に繋がる、ということは取り扱い説明書やwebなどで紹介されており、多くの人が知っていることだ。それでもなお、「いや、洗濯はちょっと……」とためらうのには、理由がありそうだ。「洗濯が面倒」、「洗濯でほんとうに撥水性などの機能がよみがえるのか」、「ウェアが傷むのではないか」、と言った声も聞かれる。連載「雨の山を楽しむ」最終回では、これらの疑問やためらいにお答えできるよう、メンテナンスについて紹介する。 私自身が、メンテナンスの重要性を肌で実感したのは、登山ガイド中のことだった

ゴアテックスのお手入れ・メンテナンスは、防水性や透湿性といった高い機能性が誤解を与えているのか。それともテクニカルな外見が影響しているのか。どこか難しく考えられています。 ほとんどの場合、家庭で丸洗いができるほど簡単に洗濯することができるのだが、そのまま汚れたウェアを放置すると、シームテープが剥がれやすくなったり、皮脂や汗が付着したままだと劣化を早める原因にもなってしまいます。 ここでは、より長く快適に使えるように、ゴアテックス・ウェアのお手入れ・メンテナンス方法を解説していきます。ゴアテックスとは？といった基礎知識から、洗濯方法や乾燥方法などをまとめています。 そもそもゴアテックスってなに？ゴアテックスとはそもそも何なのかというと、ジャケットやフリース、もしくはレインウェアなどの各種商品ではなく、素材のことを言います。アメリカのWLゴア&アソシエイツが製造販売する防水透湿性素材。一般的な

Sassに新しいモジュールシステムが導入されます。具体的には@useと@forwardという2つのルールが登場し、@importルールは将来的に廃止される予定です。現在、Sassのおもな実装としてDart SassとLibSassがありますが、まずDart Sassへの実装が進んでいて、今年10月に安定版がリリースされる予定です。この新しいモジュールシステムを簡単に紹介したいと思います。 なお、ここで言うSassの「モジュール」とは、メンバー（変数、関数、ミックスイン）のコレクションを指し、具体的にはSassのソースファイルのことです。 背景 新しいモジュールシステムが開発された背景として、@importルールがかかえる多くの問題があります。ファイルスコープがないため依存モジュールの把握が困難になったり、名前空間を持たないためにライブラリの作者と利用者が命名を工夫しないといけなかったり、と

2019-07-21更新: Nuxt.js, modules, Node.jsをアップデート 個人開発で Nuxt.js を使用したアプリケーションをつくっているが、アプリケーションの OAuth 認証の実装に関する方法がググってもまとまっていなかったので、ここにまとめておく。 Vue アプリケーションでの OAuth 認証によるログイン純粋な Vue アプリケーションならば vue-authenticate を使用して OAuth 認証を組み込むことができるが、Nuxt.js の場合は Nuxt-Community が提供している auth-module によって煩雑な設定やコードを記述せずに簡単に組み込むことが可能である。 auth-module ではどの OAuth プロバイダでも利用できるが、現時点で Facebook, GitHub, Google, Auth0 はあらかじめエン

Kindleの蔵書が1万冊を超えてきて、そろそろ蔵書管理したくなり、 蔵書一覧を取得する方法を調べたので、まとめておく。 概要 蔵書一覧の取得方法としては大きく2つあり、 コンテンツと端末の管理ページからスクレイピングする方法と、 Kindle Cloud Readerが使っているWeb SQL Databaseのクライアント側のDBからそのまま取得する方法がある。 後者のほうが簡単なため、ここでは後者の方法について記載する。 （前者の方法が知りたい方は、https://qiita.com/yshr1982/items/072e8b44d456f6d9358bなどを参考にしてください。) // 追記 上記の２つの方法以外のやり方を情報共有してもらったので追記。 @error_401さんから頂いた情報によると Kindle for PCを利用している場合、本の情報が入ったXMLが生成されるた

というわけでお探しのはこちらです。 Understanding transform:matrix() https://understanding-transform-matrix.ginpei.info/ スマホでも存分にご理解頂けます。 見た目 こんな感じ。 pic.twitter.com/GsxurJJbKI — 高梨ギンペイ (@ginpei_jp) November 13, 2018 この動画だけでも十分理解できそう。 matrix() とは 動かして完全理解して頂きましたら、改めてこの関数を紹介したいと思います。 matrix() は、 transform で使える各種関数すなわち translate(), scale(), rotate() 及び skew() を置き換え得る最強の関数です。配列の reduce() 的な立ち位置、といえばJavaScriptに明るい皆さまに通じ

今回は、Vue.jsで簡単にパララックス体験ができるプラグイン「vue-prlx」をご紹介します。 vue-prlxとは 指定の要素にパララックス効果を追加できるVue.jsプラグインです。 v-prlxディレクティブを追加することによりtranslateおよびbackground-positionによるアニメーションが可能になります。 インストール npmもしくはcdnからインストールできます。 npm プロジェクトディレクトリで下記のコマンドを実行します。 npm i vue-prlx その後、所定のファイルに下記コードを記述します。 import VuePrlx from 'vue-prlx' Vue.use(VuePrlx); cdn <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script> <

東京都の新型コロナウイルスの新規感染者が２日は１０７人だったことを受け、西村経済再生担当大臣は「誰も緊急事態宣言はやりたくない」と話し、感染防止の徹底を訴えました。 「もう誰もああいう緊急事態宣言とか、やりたくないですよ。休業もみんなで休業をやりたくないでしょ。これ、みんなが努力をしないと、このウイルスには勝てません。また同じようなことになります」（西村康稔 経済再生相） 西村大臣はこのように述べた上で、現状について「高い緊張感をもって警戒すべき状況」だという認識を示しました。 西村大臣は「まだ緊急事態宣言を出すような大きな波になっていない」との考えを示した上で、「感染防止が徹底できなければ経済活動との両立ができない」とも述べ、感染防止策の徹底を改めて訴えました。

ホスト名：サーバーのIPアドレス ユーザー名：ログインするuser_name(もしくはroot)等 ツール＞PuTTYgen で秘密鍵を作成します。 [rml_read_more] ［Load］をクリックしてサーバ上からダウンロードしたSSH鍵を読み込ませます。 Save private keyを押して 「Are you sure you want to save this key without a passphrase to protect it?」（保護するためのパスフレーズなしでこのキーを保存しても本当によろしいですか？）パスフレーズ設定が必要なければ「はい」にして進みます。 ファイル名を「***.ppk」形式で保存すれば秘密鍵の保存完了です。 「privete_key.ppk」等としておきましょう。 設定 認証＞秘密鍵 で保存したppkファイルのパスを設定します。 これで接続でき

Generating public/private rsa key pair. Enter file in which to save the key (/Users/(ここはユーザーの名前が入ります)/.ssh/id_rsa): <----- ここで鍵ファイルを保存するフォルダの名前を設定できます Enter passphrase (empty for no passphrase): <----- パスフレーズ Enter same passphrase again: <----- パスフレーズ（確認用） Your identification has been saved in /Users/(ここはユーザーの名前が入ります)/.ssh/id_rsa. Your public key has been saved in /Users/(ここはユーザーの名前が入ります)/.ssh/id_

Windowsからセキュアなコピー（scp）を利用したい場合、人によってはサーバ上で暗号キーを生成する環境がない。しかし、ここで解説する手順を行うことで、Windows上でRSA暗号キーファイル（identityおよびidentity.pub）を作成することが可能だ。 まず最初に「PuTTY Download Page」ページの対応OSにある「PuTTYgen:」行を探し，puttygen.exeのリンクからダウンロードしよう。 このソフトはRSAキーの生成だけを目的としているので難しい操作はない。起動させると次のような表示になる。 左下の「SSH1(RSA)」が選択されていることを確認して「Generate」ボタンを押す キーを作成するのは簡単だ。このウィンドウいちばん下の「Parameters」内で「SSH1(RSA)」が選択されていることを確認し，「Action」内「Generate

たまに、「FTPアカウントをください」といった依頼を受けることがあるのですが。さすがにFTPは使ってほしくないので、SFTPで接続していただいています。 SSH鍵の生成などは慣れていると簡単ですが。初めての人には若干ハードルが高かったりするので。そのときに、このドキュメントを渡して理解してくれたらいいなと考えて書きました。 FTPではなくて、SFTP？ FTPは危険です。FTPはそのプロトコルの仕組みから、クライアントとサーバが通信する際にパスワードが暗号化されません。 つまり、通信の盗聴にとても弱いと言えます。たとえば、 『スターバックスで Free Wi-Fi に繋ごうとしたら、似たような名前の Wi-Fi があったので接続した。 しかし、それは、盗聴用の Wi-Fi で通信が盗聴され、Webサイトが改ざんされた』 といったように、公衆無線LANのSSID詐称で大きな被害を受けたり、リ

2022/10/31 追記 2022年時点ではWebpackでReactの環境を構築するより、Viteを用いて環境構築するほうがメジャーになっています。 筆者としても新規開発するならWebpackより、Viteの方で構築することをおすすめします。 ViteではReactのビルド用設定はPluginとしてパッケージされており、Webpackのように設定が必要ではありません。 下記はWebpack v4の話であり、すでに過去の物となっています。 ※自分のブログに投稿したのものと同じです。 https://mr-ozin.hatenablog.jp/entry/2020/06/20/043243 動機 毎回 npx create-react-app で React アプリを生成していて Webpack の勉強から逃げていたが、いい加減向き合いたいと思ったため。 昔 Webpack に入門しようと

【所要時間】 トータル20時間くらい(2019年~2月10,11日) 【概要】 create-react-appを使わずにReactアプリを作る。第一弾はとりあえずReactを開発環境と本番環境でデプロイ出来るようにする方法にフォーカスWebpack 4, Babel 7, HMR(Hot Module Replacement)を設定理解できてるかまだわからないので、間違ってたらご指摘いただきたいです。参考記事一覧 何はともあれWebpack公式 , Babel公式

「Client Side Rendering = SPA」の文脈で使われることが多い気がする。 ブラウザ上でJavaScriptを実行してDOMを生成、マウントし、コンテンツを表示させる。SPAアプリの場合、以下のような中身が空のHTMLファイルを使うことが多い。 <html> <head> <title>sample</title> </head> <body> <div id="app"></div> <script src="/js/bundle.js"></script> </body> </html> 上記のHTMLファイルはルートディレクトリ直下に置くのが普通なため、/以外にリクエストが送られると404となる。開発時はwebpack-dev-serverがよしなに面倒を見てくれるが、ホスティング先ではそうではないので、初めてSPAでアプリを作ってホスティングしたときに戸惑うやつ

HTMLコーダー、JavaScriptプログラマ、PHP、Perlのプログラマといった職務を経験後、2010年に株式会社ピクセルグリッドに入社。大規模サイトの運用、開発の経験を活かしてバックエンドからフロントエンドまで幅広く担当。2015年、退社。好きな言語はJavaScriptとRuby。 著書に『ノンプログラマのためのJavaScriptはじめの一歩』（単著：技術評論社、2012年11月7日）があり、共著も多数。このほか、WEB+DB PRESS、Software Designなどにも寄稿。

Greative is Great Creative

Nuxt.jsで作成したアプリケーションを本番で運用するときに、サブディレクトリ配下に置きたいこともあるかと思います。その場合、アップロードするファイルなどをそのままサブディレクトリに配置するだけではうまく機能しません。このような時はルー…