はじめに 以前の記事DNS over HTTPSの必要性についてで触れたEncrypted SNIについて、その有効性と現在韓国で行われているSNIフィールドを利用したブロッキングを回避する方法についての説明です。 Encrypted SNIとは Encrypted SNIは、現在広く使われているTLS1.2以下のハンドシェイク時、接続したいドメインが「平文」で流れ、盗聴による接続先の推測やブロッキングが行われてしまうという問題を解決するための手法です。Encrypted SNIの手法については当初の案と現在Cloudflare社がサービスを運用している案で大きく異なるため、簡単に説明します。 トンネリング方式 TLS接続時に、まず中継サーバへTLS接続し、そのTLSコネクションの中で目的のドメインまでTLS接続を行う方式です。"TLS in TLS"と呼ばれています。 TLS 1.3 E

はじめに 先日、以下の記事が Qiita トレンド入りしていました。OSS コントリビュートの魅力が伝わる良い記事でした。 OSSコントリビュートに挑戦してみた話 - Qiita こちらの記事に触発され、OSS コントリビュートに関する記事を書こうと思いました。 今回の記事では、最近簡単な OSS コントリビュートを達成して学んだことを踏まえ、OSS コントリビュートをなかなか始められなかった頃の自分に伝えたいことをまとめてみました。 想定読者 以下に書いてあるようなことがちょっとでも頭に浮かぶような方を対象としています。 (OSS コントリビュートする前の自分が考えていたことです) どんなリポジトリに OSS コントリビュートすればよいか見当が付かない ソースコードに修正を入れられないと OSS コントリビュートとは言えないと思いこんでいる 自分の英文が OSS のメンテナに伝わるか不安

アプリケーション例外は Laravel フレームワークで定義されているもので，HTTPに直接関係ない抽象的な部分ではまずこれをスローすべき。 HTTP 例外は Symfony フレームワークで定義されているもので，Handler::render() でアプリケーション例外から変換して生成するのが一般的。 401 Unauthenticated のほうがどう考えても正しいが，そうなってないのには歴史的な理由があるのだろうか…？ 認証のアーキテクチャ Auth ファサードあるいはコンテナから "auth" のエイリアス名でアクセスできる，認証サービスのルートオブジェクトが AuthManager である。ここが認証サービスの中核となる。 Guard が認証手段ごとの実装として存在し，ロジックの多くはここに集約される。 このクラスは Guard 契約 を実装しなければならない。 ユーザを取得して

最初に Widows Sub System For Linux(WSL)とX window systemを組合せる記事はあるのですが、 サーバーにSSH接続してX転送して使う事だけに注目した記事が無かったので書いてみる事にしました。 何ができるのか 下のスクリーンキャプチャの様に、 Windows上でサーバー側のUbuntuアプリケーションを動かすことが出来ます。 この記事でやること 導入の準備として、 UbuntuにSSHサーバーをインストール WindowsにX window systemの導入 使用方法 SSH接続してWindowsからUbuntuアプリを起動してみる を記載します。 WSLのインストール方法は他に良い記事がたくさんあるのでそちらを参考にして下さい。 準備 UbuntuのSSHサーバー設定 Ubuntu側での操作です。 Ubutnu側で操作して下さい。 SSHサーバー

はじめに こんな感じのものをvue.js + Firebase + golangで作ってみました。 golangは多少慣れていますが、vueとfirebaseは初めてのだったので備忘録を残しておきます。 特にフロントはほとんど経験もなく、vueも今回が初めてなので参考資料のソースにはすごく助けられました。 何を作ったのか？ ログイン（メール認証・Google認証・Twitter認証・Facebook認証）認証ができます。 発行したJWTをHeader情報に詰め込んでAPIサーバにリクエストを投げます。 APIサーバは許可されたJWTかの確認を行い、問題なければレスポンスを返すといったものです。 個人でWEBサービスを作った時にログイン画面っているだろうから、ちょこっと触って慣れておこう と思い学んでみました。なので作りは雑です。 ソースコードはgithubに載せています。 https://

すでにJava12はRampdownフェーズに入り、機能がほぼ確定しており、順調に行けば3月19日にリリースされます。->されました。 ということで、Java12に入る機能をJEP、API、その他にわけてまとめます。 JDK 12 Early-Access Builds JEP まずは大きな機能をまとめたJEPベースの変更 http://openjdk.java.net/projects/jdk/12/ 全部で8個のJEPが入ってます。ふつうのJavaプログラマに影響ありそうなのは上の3つとDefault CDSですかね。残念ながらRaw String Literalsはドロップされました。 189: Shenandoah: A Low-Pause-Time Garbage Collector (Experimental) 230: Microbenchmark Suite 325: Sw

Java のリリースサイクル が変更され、2019/01 現在の Java の最新バージョンは早 11。文法面での改善も進んでおり、モダンな Java のスタイルにも変化が見られる。この記事では Java 11 時代におけるモダンな Java プログラミングのスタイルをまとめてみたい。 筆者の主観を多分に含むため、その点ご注意を。 var（ローカル変数の型推論） var を積極的に利用する。 Java 10 で導入された var によるローカル変数の型宣言だが、基本的には使用できる場面では積極的に使用するというスタンスでよいだろう。モダンな言語の多くは同様の型推論を採用しているが、それで問題になったという話は聞かない。 高度に訓練された Java プログラマーにとっては左辺の型定義など IDE が自動補完してくれるので便利さを感じないという意見には一理あるのだが、コードを読むときに限っては

はじめに ちょっと年末にかけて、Rustをガッツリ書く機会があったんですが、 Rustを触ったのが久々ということもあり、結構苦戦した部分もありました。 そこでまた忘れないように参考になった記事をここにまとめておこうかなと考えました。 僕のようにまだRust初心者である方にとっても参考になったら幸いです。 参考になった記事紹介 エラーについての記事 Rustでエラーを合成する この記事を書いたきっかけといってもいいかもしれない。 Result<T, E>とResult<T', E'>のEとE'を合成する方法について記述されている。 これについて知らないとJsonのデシリアライズなどで困ることになる。 記事の核となるfailureのリポジトリはここにあるのでよかったら見てね。 RustのOptionとResult Optionの便利メソッドとResultの便利メソッドというのが特にいい。 st

2019年あけましておめでとうございます！！！ 私は今年はPHPの大人気フレームワークLaravelそっくりのPython製フレームワークであるMasoniteを広めていきたいなーと考えています。Laravelの素晴らしいディレクトリ構造、フルスタックFWのパワフルさ、そしてPythonの可読性の高さ、書きやすさのミックスされたフレームワークは使いやすいこと間違いなし！ ということで第一弾、Masoniteフレームワークの紹介！まずは環境構築から！ Pythonのインストール Pythonのインストールについては、個人的にはanyenvとpyenvを使ってするのが便利だと思います。やり方はこちらをご覧ください。 anyenvインストール pyenvインストール ↓ anyenv install pyenv exec $SHELL -l # bashを更新 pyenv install 3.6

Linuxインストール後にやっておきたい事(OS依存少なめ) 背景 Linuxをインストールして最初にやっておきたい事を順を追って書きました。 仮想マシンだったり物理マシンだったりしょっちゅうインストールする機会が多いですが 最低限やっておきたいものです。 関係ないですが、最近はLinux Mintに興味津々です。 ①とりあえず環境を最新へ とりあえずyumなりaptなりで最新へアップデート。

とうとうこの時がやってきましたね。 fish 3.0がリリースされました！！ すごい。いいぞ。 fish 2.0がリリースされたのが2013年とからしいので、実に5年ぶりのメジャーアップグレードとなります。 fishってなによ the friendly interactive shell です。 カスタマイズなしで高機能な補完が効くなど、とにかくユーザーに優しく便利なシェルです。 とりあえず試す 以下よりどうぞ。 GitHub: https://github.com/fish-shell/fish-shell Ubuntuであれば以下のコマンドでインストールできます。 sudo apt-add-repository ppa:fish-shell/release-3 sudo apt-get update sudo apt-get install fish 注目の変更点など waitコマンド

追記 2019/12/05 Vue 3.0 のリリースが現実的に近づいてきて色々と事情が変わっているので、話半分に聞いておいてください。 はじめに Patreon での支援募集をはじめました。この記事が良かった！という方は、今後の情報発信のためにもぜひぜひ支援お願いします。 https://www.patreon.com/potato4d Vue.js Advent Calendar 2018 年の管理役の potato4d です。昨年に引き続き、今年も Vue.js のアドベントカレンダーは他にもたくさんあるので、ぜひ #1 から追ってみてください。 12日目の今日は、 Vue.js + TypeScript での理想的な開発環境について考えてみたいと思います。 Vue.js における TypeScript 利用はまだまだ課題が多く、型の恩恵をうけるためのテクニックも複数存在しています。

こんにちは。久しぶりのQiita投稿です。 今回は「ex-KAYAC Advent Calendar」の13日目の記事として寄稿させていただきます。 さて、改めて私の今やっていることを紹介させていただきますと、独立してから株式会社Lucky Brothers & co.という会社を設立し、主にWebの受託制作を行っています。 かれこれ３期目に突入致しました。 アドベントカレンダーということで改めて2018年という年を振り返ってみたのですが、一言で言うと「今年はフロントエンドエンジニアにとって大きな当たり年であった」と言えるのではないかと思います。特に私達の会社では、今までのいわゆる「Webサイト制作」だけの単一事業形態から脱し、他のあらゆるアプリケーション制作にも手を拡げられた年になりました。 そんな話をしようと思います。 Nuxt.js Vue.js製のフレームワークであるNuxt.js

まずはじめにお断りしておきますが、タイトルだけを見て、「Reactなどで、JavaScriptとCSSを融合させる」ような技術を連想した方は…大外れです。 カレンダーのとおり、これは現代には伝わっていないロストテクノロジーです。 JavaScript Style Sheet（JSSS）とは HTML5では<style>のtype="text/css"を省略できるようになりましたが、現実問題としてブラウザで直接使う、他のスタイルシート言語は存在しないように思えます。 …と思いきや、かつてtype="text/javascript"で書くスタイルシート言語が存在しました。これが、JavaScript Style Sheet、略してJSSSです。 文法概要 現代でもJavaScriptで要素ごとにCSSを指定する際にelement.style.marginLeft = '20px';のように書け

この記事は、Go3 Advent Calendar 2018 の８日目の記事です。 ７日目は @codehex さんによる「Go でアプリケーションとクライアントのミドルウェアを作成する方法知ってますか？」でした。 本日はネタ全開でお送りいたします。 Disclaimer（免責事項） はじめに言い訳というか、これを書いた経緯というか。 プログラミング言語をdisる人をdisる芸を見たいですね！ — yet another (@Maki_Daisuke) 2018年10月11日 というツイートをいたしまして、言った手前自分でやるか、と思い立った次第です。 なので、ネタとしてお楽しみください。 なお、炎上した場合にも、それすらもネタとして楽しむ所存ですのでアシカラズ。 それでは、いってみましょう。 Go言語がイケてない…だ…と……？ Go言語はイケてない言語としてよくdisられているが、その中

こんにちはpo3rinです。Vue.js Advent Calender 2018 9日目の記事です。 8日目の記事は vue.js(nuxt.js) の plugin はとても便利 でした。 11月にフリーの案件で Vue.js + Go言語で画像アップロード機能のあるCMSを作りました。Vue.jsでの実装の際には npmモジュールである vue2-dropzone を使うと、Vue.js にとって便利な機能が提供されており、すぐにアップロード機能が作れました。なので今回は Vue.js + Go言語 で画像アップロードを行う機能の実装をハンズオン形式で紹介していきます。 今回は Vue.js のアドベントカレンダーとしての投稿なので、Go言語の実装を飛ばしたい方向けに、Go言語のインストールが不要になるように、すでにDocker環境を用意してあります。せっかくなので今回は Docke

iOS Advent Calendar 2018 の 10 日目です。 アプリをいくつかリリースしたり、ハッカソンでアプリを作ってきた中で個人的に定石となってきた開発フローや使っているツールなどをざっくりと時系列順で紹介します。 企画・アイデア 日頃から、何気なくアイデアを考えたりしています。「これ不便だな」と思ったら、どんなツールがあれば良くなるんだろうと考えてアプリのアイデアにしたり、Twitter などで面白い技術を使った動画を見つけたら、「これって他にも応用できないかな」と考えたりしています。 アイデアを考えているだけでは 3 日後には忘れてしまうので、メモをしておきます。 自分がよく使っているのは Trello と Simplenote です。 Trello でボードを作り、ジャンル (ユーティリティ、ゲームなど) ごとにリストを作って、アイデアのコア部分をカードにメモしています

あまりにバズってしまったので、前書きを追加 ここまでバズってしまって正直すまんかった。 この記事はもともと愚痴記事をマイルドにして投稿しただけなので「テストを勧める」とか「テストを信奉する」とかそこまで強い意図は特にありません。（私がテスト好きなのは否定しません） 「テスト書こう」に対して「そんなコストはない」と言いながら、いろいろ問題が生じる現状を愚痴りたかっただけです。愚痴るだけだと生産性がないから、なんでこんなに認識が違うんだろうと原因を考えた結果、テストを書くことに対する技術で実際にコストが大きく異なるなと気づいて書いた次第です。 この記事の対象は「テストを書く技術がなく、テストを書く気がない」組織に所属する人です。 アジャイル開発において「テストコードは当然」なのか？という記事で（私の記事をきっかけとして）テストコードの「徹底」とか「カバレッジ100%」とかを批判し、トレードオフ

はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ

今回は、Spring Framework 4.3の変更点紹介シリーズの第6回で、WebSocket関連の変更点を紹介します。 シリーズ 第１回：Spring 4.3 DIコンテナ関連の主な変更点 第２回：Spring 4.3 データアクセス関連の主な変更点 第３回：Spring 4.3 キャッシュ関連の主な変更点 第４回：Spring 4.3 JMS関連の主な変更点 第５回：Spring 4.3 Web関連の主な変更点 第７回(最終回)：Spring 4.3 テスト関連の主な変更点 動作検証環境 Spring Framework 4.3.0.RELEASE Spring Boot 1.4.0.BUILD-SNAPSHOT (2016/6/11時点) WebSocket Messaging Improvements 今回は、WebSocket関連の主な変更点をみていきます。公式リファレンスを