Programming

プログラミングに関する投稿です。

Electron WebView のデバッグで DevTools を使う

Electron での開発で自分で作ったアセット (HTML / JavaScript / CSS) を WebView で表示することはあまりないと思いますが、アプリの構造上 WebView を使う必要がある場合、困るのは Main Wndow 用の DevTools では WebView コンテンツの JavaScript デバッ…

Vuetify の Data tables を Electron アプリに組み込む

Vue の UI Component 集 Vuetify の Data tables Component を Electron アプリで使ってみたいと思い、組み込み方法を検討していました。 vuetifyjs.com 以前 electron-vue で Electron プロジェクトを生成して Vue 使う話を書きました。 blog.kondoumh.com …

Jenkins でコンテナアプリの CI

プロジェクトでは Jenkins でビルド職人をやることが結構あります。Jenkins のジョブは Web UI でポチポチ設定するのが伝統でしたが、最近はビルドパイプラインを DSL で書けるようになって Infrastructure as Code 化が進んでいます*1。 wiki.jenkins.io こ…

野良 Scrapbox アプリの fav 機能

Scrapbox の野良 Electron アプリにちょっとしたヒストリとブックマーク機能を追加しようと思いました。 最初はメニューに履歴を追加してピン止めするような UI を作ろうとしましたが、Electron では動的にメニューアイテムを追加削除する API が提供されて…

Vue を使って Electron アプリを開発する

blog.kondoumh.com Vue のことがちょっと分かった気になれました。すると、最近よく触っている Electron でのアプリ開発にも取り込みたくなります。 github.com Scrapbox in Electron は WebView でサイトの画面を表示していますが、Electron では当然自前で…

Vue と JointJS でトイ・ダイアグラムエディタ

Vue 人気ありますね。あまり真剣に触ったことがなく ToDo サンプルとかだとどうも分かった気になれない。ということで JointJS 使って CodePen で書いたトイ・ダイアグラムエディタを題材に構造を検討してみます。 blog.kondoumh.com JointJS は Backbone ベ…

Rust 環境構築 - Emacs & VS Code

昨年末から少しずつ Rust に入門してます。日本語版チュートリアルが読みやすくてありがたいです。 doc.rust-jp.rs メモリ安全、マルチパラダイム、システムプログラミング言語で WebAssembly にも対応とか色々特徴はありますが、C++ に馴染んでいると入りや…

Scrapbox Electron アプリ - タイトル付き書式でリンクを貼る機能

Scrapbox には URL をペーストすると、その Web ページのタイトルを取得して、[url title] の記法でペーストしてくれる Chrome 拡張や Bookmarklet がいくつかあります。 ScrapScripts もそのひとつ。 chrome.google.com 同僚からこの拡張の使い方を教えても…

Scrapbox Electron アプリにページ一覧と検索 UI を追加

弊社の Scrapbox 活用事例が公開されました。 medium.com 社内 Scrapbox けっこう盛り上がっていて、なにかというと更新しています。ページもすごい勢いで増加していて退屈しません。 Scrapbox の更新頻度アップに伴って Electron アプリも時々更新してます…

Pixel 3 XL を Linux マシンとして活用する

blog.kondoumh.com Pixel 3 XL にスイッチして1ヶ月以上快適に使ってます。電話も6インチ超えになると iPad を持ち歩く意味も希薄になり、外出時はスマホだけあればいいというミニマリズムを追求したくなってきました。 iPad では VPS に SSH 接続してコード…

タブ機能付きの Scrapbox クライアントを Electron で作る

今年から会社で Scrapbox が情報共有ツールとして採用されました。社内の情報が集まるようになって効果が出てきていると思います。 scrapbox.io 個人的には去年から Scrapbox を愛用しています。 blog.kondoumh.com Chrome で2つの Scrapbox アカウントを使…

CodeSandbox : Playground 感覚な GitHub も使える Desktop PWAs 対応までしてるいいやつ

最近、CodeSandbox を使ってる人を見かけるようになりました codesandbox.io 以前取り上げた CodePen はデザイナーも使う cool な JS Playground という感じで、ブログにデモとコードを一緒に貼り付けたりするのに便利でした。 blog.kondoumh.com CodeSandbo…

VS Code の Python 開発環境を整える for macOS and Windows

仕事でちょっと Jupyter Notebook とか触るようになったので、素の Python 開発環境も構築して Python 力高めたいなあということでやってみました。 ちょっと前は何も考えずに Anaconda 入れてしまうレベルだったので、このあたりから読んで心を入れ替えまし…

Spring Initializr でコンテナフレンドリーな Spring Boot アプリ開発をスタートする

Spring はアプリケーション基盤として成熟しエンプラではデファクトスタンダードの地位を築いています。Spring Boot は Spring によるアプリケーション開発立ち上げを Boost してくれるフレームワークです。アプリケーションサーバ不要で Fat Jar をそのまま…

C++ REST SDK で null safe な JSON デシリアライズ処理を書く

iEdit では XML 形式のデータエクスポート・インポートをサポートしていますが、今時は XML より JSON だよねってことでこの前対応しました。 blog.kondoumh.com この対応のために C++ の JSON 処理系ライブラリを探して、Microsoft 製の OSS C++ REST SDK (…

Express で REST API を TypeScript で書くための boilerplate ジェネレータ

最近 Node.js の Web App Framework である Express で TypeScript を使って REST API を書く機会がありました。 これまでずっとサーバーサイドは Java や .NET で書いてきたので Node.js で書くこと自体が新鮮でしたし TypeScript も久々でした。 作業はも…

vcpkg で OSS のライブラリを導入し Visual C++ プロジェクトに静的リンクする

仕事では久しく C++ のコードを書いていませんが、最近 iEdit で JSON を扱えるようにしようと思って C++ の REST 関連ライブラリを物色していたところ、Microsoft が C++ REST SDK という OSS ライブラリを開発しているのを知りました。 github.com Java で…

iPad でコードを書く Mid 2018 - Text Editor + SSH + SFTP を1アプリで

半年に1回ぐらい iPad でのコード書き環境を見直しております。外出先でコード書きたいけど MacBook は持って行きたくないというケースがちょいちょいあるので。 iPad と Cloud IDE の相性はイマイチ Cloud IDE は iPad で常用するには時期尚早でした。物理…

JointJS でトイ・ダイアグラムエディタ

前回 CodePen でトイ・ダイアグラムエディタを作った時は、Konva.js を使っていました。 blog.kondoumh.com 今回は、JointJS で同様のトイプログラムを書いてみました。 JointJS: Visualize and interact with diagrams and graphs JointJS 自体は、2014年末…

VS Code の ChangeLog メモ用 Extension その後

年明けに作っていた ChangeLog 用 Extension blog.kondoumh.com 日付+メルアドのヘッドライン挿入ぐらいしか作ってなくて、ローカルでアドホックに修正して使ってましたが、ちょいちょいコード修正するのが面倒になってきたので見直しました。 シンタックス…

WPF に再入門中

久々に使うことになりそうなので、再入門しています。 .NET Framework 3.0 で Avalon のコードネームで搭載され、3.5 で WPF として登場した GUI フレームワーク。当時のプロジェクトで運用系ツールの画面で使いましたが、多くのプロジェクトでは Windows Fo…

Electron 版 Twitter クライアントを急造 - macOS PWA 版までのつなぎ

2月に macOS の公式 Twitter クライアントはディスコンになりました。 iphone-mania.jp 僕のマシンでは最後の方は接続エラーが出まくるようになっていたので、使わなくなっていました。代替として推奨されている TweetDeck をインストールしたのですが、Web …

CodePen で手軽に Web UI を推敲する

HTML / CSS / JavaScript の Playground は JSFiddle などが有名ですが、結構前から CodePen と言うサービスが普及しているようで。最近になって知りました。 codepen.io Qiita でも最近記事内に CodePen を埋め込めるようになったりしています。 qiita.com …

AWS Lambda で Alexa スキル開発 (Hello World 編)

blog.kondoumh.com Echo Dot 買ったら Alexa スキルで Voice UI 開発ということで Hello World してみました。 Alexa スキルは AWS Lambda で実装しますが、以前 Web IDE の Cloud 9 を試すときに AWS アカウントを作っていたのでしばらく無料で試せます。 b…

IntelliJ IDEA で Java 10 のローカル変数型推論を有効化する

Java 10 がリリースされ、ローカル変数型推論が使えるようになったということで、環境構築してみました。 業務アプリではクラス名が長くなりがちなので、変数の初期化で右辺から型が明確な場合は積極的に使うとコードが簡潔になる効果があります。 JDK は以…

個人開発用 VPS を捨て Cloud IDE に移行する

2年近く VPS を維持してきました (Ubuntu 16.04 LTS 32bit 2GB RAM : 980yen/month)。 Node.js で CLI ツール作る Web API や Web UI のお試しコードを書く 未知の言語のコンパイラや REPL を使ってみる などの用途に。 昨年末 Codenvy を触ってみて、もう V…

VS Code の ChangeLog 用 Extension を作成する

メモ取りを VS Code に移行すると決めたので ChangeLog フォーマット用の環境を整える必要が出てきました。 blog.kondoumh.com 欲しいのは Emacs の組み込み changelog-mode (シンタックスハイライトと項目追加コマンド) 程度の機能です。 Syntax Hilighting…

Tumblr で自分の全投稿の reblog / like 数を把握する

Web で面白そうな記事を見つけた場合、読むのに時間かかりそうなのは Pocket に保存しますが、すぐ読めそうなのはざっと読んで記事内の Tweet アイコンから Twitter に流すことが増えています。 昔は Twitter よりも Tumblr を好んで使っていたので記事内の…

iPad でコードを書く Late 2017

久々に iPad で少しコードを書いてました。 1年前 Textastic + Prompt 2 や Coda for iOS で VPS 上に git clone したソースコードを sftp で読み書き、SSH で実行してました。この時は物理キーボード使わずソフトウェアキーボードで頑張ってました。iPad 用…

Visual Studio 2017 for Mac Community をインストール - Xamarin.Forms アプリを試す

Visual Studio for Mac の正式リリース版を試してみました。 目次 Community 版が正式リリースされていた インストール Xamarin.Forms アプリの作成 ソリューションの作成 ソリューション構成 Web API との接続 デバッグ 終わりに Community 版が正式リリー…