はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ESLint チームから $200 いただきました！とても嬉しくありがたいです！ プログラマー人生の中でも、あまり無い経験だと思ったので駄文ですがこの経験を残そうと思います。 一応書いておくと私は ESLint の中の人ではありません。 まず簡単な時系列（日本時間） 3/26朝、ESLint TSCミーティングでコントリビューターの誰に今月分の寄付をするのが良いか話し合われる。 ミーティングメモのPR: https://github.com/eslint/tsc-meetings/pull/246 3/26朝、ESLint チームのリー

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

stylelintはCSSだけでなくSCSSやSassやLessもサポートしており、Vueファイルの<style>タグ内部のスタイルシートも検証できるリンターです。 しかし、どうやらStylusはサポートしていないようです。 次のissueを見るとstylelintチームだけでは解決できない様子でcloseされていますね。 Support for Stylus · Issue #674 · stylelint/stylelint これはそもそもPostCSSのパーサープラグインにStylusをサポートしたものが無いからのようです。 さらにStylusのPostCSSパーサープラグインはどうなっているのか調べたところ、誰も作る気はなさそうです。 postcss-stylus syntax · Issue #602 · postcss/postcss しかし、このissueを読んでみるとSty

先日、「Spring WebFluxのFlux結果をJSからFetch APIで取得する」という記事を書きましたが、この方法を使って、 例えば、大量のデータをブラウザに表示させたい時に、サーバーで最初の数10件だけ処理できたら、その数10件だけ先にブラウザに表示させて、その後処理できたデータをバックグラウンドでちょろちょろ追加していく。みたいなことが簡単にできそうだなと思ったので試してみました。 ユーザーに大量のデータを要求された場合、ページングで実装するという選択肢もありますが、 こういう選択肢もあるかもねー。程度の記事です。この方法をオススメするわけではありません。 ここで試したものはGitHubにアップしています。 処理内容 100万件のデータをサーバーに要求して、結果をブラウザのグリッドに表示します。 使ってる技術要素 サーバーサイド Java11 Spring WebFlux H

public static void explainOracle(String sql) throws SQLException { System.out.println("■Oracle 実行計画取得：" + sql); try (Connection connection = DriverManager.getConnection(ORACLE_URL, ORACLE_USER, ORACLE_PASSWORD)) { connection.setAutoCommit(false); //explain plan forを付与してSQL実行 try (PreparedStatement ps = connection.prepareStatement("explain plan for " + sql)) { ps.execute(); } //実行計画を取得する try (Prepa

この記事は Vue.js Advent Calendar 2018 5日目の記事です。 気まぐれに覗いたら空いてたのでいただきました。 去年のAdvent Calendarで@mysticateaさんの記事「eslint-plugin-vue を作っている話」を見て、すごいなeslint-plugin-vue！と思って使い始め、ついでにいくつかPRしてたらeslint-plugin-vueのコラボレーターになりました (追記：現在2019年はメンバーになりました) なのでeslint-plugin-vueネタで記事書こうと思います。 この記事について 記事の内容 eslint-plugin-vueにはVue.jsの公式のスタイルガイドを守るためのLintルール（静的検証ルール）がいくつか存在しています。 つまりeslint-plugin-vueを使えば自動的にスタイルガイドのいくつかの項目

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この記事はフューチャーアーキテクト Advent Calendar 2017の15日目の記事です。 タイトルに色々な表現を書きましたが、Data TableなのかGridなのかSpreadsheetなのかどう表現するのが正解なのでしょうか？ ※この記事はCheetah Gridのステマ（全然ステルスじゃない）です。 発端 去年の終わりごろ同僚と「ブラウザで表示するGridってパフォーマンスボトルネックになること多いよね」的な雑談をしました。 その時の原因予想は、 アプリケーション的にデータ量が増えやすい部分。その結果生成するhtmlがデカい。 <table>タグやGridライブラリを利用して表示すること自体、htmlがデカくなりがち。 見える部分だけ描画する機構のGrid使わないと厳しい。（ページングは場合によってはユーザービリティが下がる） みたいな感じだったと思います。 有名なSlic

public static void main(String[] args) throws IOException, PrinterException { try (InputStream in = new FileInputStream("pdf.pdf")) { print(in); } } public static void print(InputStream in) throws IOException, PrinterException { try (PDDocument doc = PDDocument.load(in)) { PrinterJob job = PrinterJob.getPrinterJob(); job.setPageable(new PDFPageable(doc)); //プリンターのダイアログを開く if (job.printDialog()) {

※この記事は2017年6月に書いた記事です。 【webpack】(2018年2月25日現時点で)ES2015 (ES6)のままminifyする方法を新しく書いたのでこちらを参照したほうが幸せになれると思います。 こちらの結論は、webpackv4.0.0使えということになります。 残念ながらwebpackv4.0.0には出来ないという方は、 【webpack】(2018年1月現時点で)ES2015 (ES6)のままminifyする方法も書いているので参照されると幸せになれると思います。 以下、記事の概要です。 今（2018年1月）はuglifyjs-webpack-pluginを個別にインストールして （webpackからuglifyjs-webpack-pluginへの依存だとバージョン古いので） uglifyOptions: {ecma: 6}等のオプションをつけるのがスマートな様子で

※追記 2017/06/06 現在のChrome最新版で利用できます。 わざわざChromiumをダウンロードする必要はありません。 Chromeバージョン59でCSSとJSのカバレッジが確認できるようになるようです。 （2017/04/23現在はChromeはバージョン58です） https://developers.google.com/web/updates/2017/04/devtools-release-notes ということで試してみることにしました。 Chromiumのダウンロードと起動 次の記事を参考にさせていただきました。 Chromeのヘッドレスブラウザがやってくる。というわけで試してみた こちらのページからダウンロード https://download-chromium.appspot.com/ たぶんzipが落ちてくるので解凍して中の実行ファイルを実行 （windo

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

いまさらですが、Vue.jsのコンポーネントの作り方調べたので記事書きます。 今回は、Vue.js 2.0・Materializeを使って実装します。 Vue https://vuejs.org/ Materialize http://materializecss.com/ コンポーネントを作る コンポーネントの基本的な作り方はこちらを参考にしてください。（英語。日本語のページは2.0に追い付いていない様子） https://vuejs.org/v2/guide/components.html ざっくり、下記でコンポーネントが作れます。 template定義 props定義 コンポーネント登録 （Vue.component('my-component',） Button 手始めに下記のButtonをコンポーネントとして作ります。 http://materializecss.com/butt

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Apache PDFBoxはjavaでPDFをごにょごにょできるライブラリです。 https://pdfbox.apache.org/ 2016年3月に2.0系がリリースされ日本語が出力できるようになってました。 以前からSNAPSHOT版が出ており、試している人がいたので下記参考に試してみた結果を書きます。 http://symfoware.blog68.fc2.com/blog-entry-1777.html 試したソースコード pom.xmlに下記を追記。 import org.apache.pdfbox.pdmodel.PDDocument; import org.apache.pdfbox.pdmodel.PDPage; import org.apache.pdfbox.pdmodel.PDPageContentStream; import org.apache.pdfbox.p

Apache PDFBoxが日本語出力できるようになったのでちょっとPDFBoxどんなことできるのっていうのを少しずつ調べようかと思いました。 今回はPDFを画像にする（ラスタライズ）方法です。 https://pdfbox.apache.org/2.0/migration.html#pdf-rendering に記載されている方法です。 （ネットで調べると「convertToImage使え」っていう記事が多く出てきますが、2系で方法が変わったようですね。） コード public static void main(String[] args) throws IOException { Path path = Paths.get("pdf.jpg"); try (InputStream in = new FileInputStream("pdf.pdf"); OutputStream out

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

public static class Struct1 { private final Struct2 value; public Struct1(Struct2 value) { this.value = value; } public Struct2 getValue() { return this.value; } } public static class Struct2 { private final Struct3 value; public Struct2(Struct3 value) { this.value = value; } public Struct3 getValue() { return this.value; } } public static class Struct3 { private final String value; public Struct3

今回もラムダ書きますけど、重要なのはそこではないので勘弁してください。 java8でインターフェースでデフォルト実装が書けるようになりました。 参考：http://www.ne.jp/asahi/hishidama/home/tech/java/interface.html#h_default_method いつ使うの？abstractクラスの実装と何が違うの？と言われると「うっ」ってなりますが、 個人的な意見では仕様変更（機能追加）に強くなったのかと思ってます。 （関数型インターフェースでは多用しますけど今回はその話はしません。） #例（仕様） Containerインターフェースはkeyとuserから情報を返します。 実装クラスに下記の2種類1があります。 生成時に情報をロードしてキャッシュします。要求にはキャッシュから情報を返します。 要求に対して情報をロードして返します。一度ロードし

ちょっと前にjava7のサポートが終了しましたね。 そんな時代でも現場の方は まだまだjava8なんて安定もしてないし使えないよ。と言う方もいるのではないでしょか？ （「java8 利用率」でググると残念な結果が出ますしね。） もしjava8にしたとしてもラムダ禁止・StreamAPI禁止とかありがちですよね。 「ラムダもStreamAPIも使わないでjava8使ってる意味あるの？」って言われそうですが ラムダとかStreamAPIとか使わなくたってjava8はとても素晴らしんですよ！ってのが言いたくていくつか投稿しようと思ってます。 前置きが長くなりましたが、紹介していきます。 #Map#computeIfAbsent Mapに要素がなければ追加して返すやつです。 これが結構使えると思ってます。 たとえば、 public static class Foo { private final