JavaScript

JavaScript 関連技術に関する投稿です。

野良 Scrapbox アプリ - ページ情報ダイアログを出せるようにしました

コンテキストメニュー Info からページ情報を表示するダイアログを出すようにしました。 ページを開く前に概要を把握できたらと思い、ページへのリンクに対してコンテキストメニューを表示しています。 タイトル、ページを作成したユーザ、共同編集ユーザ、…

社内勉強会で Electron の話をしました

そもそも社内勉強会で喋るというのが初だったかも。 Electron early 2019 from Masahiro Kondoh www.slideshare.net 趣旨としては、 Electron 熟成してきてるよ クロスプラットフォーム開発大変だけど Electron はけっこう手軽 PWA の方が流行るかもしれない…

野良 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 ベ…

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…

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

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

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 日付+メルアドのヘッドライン挿入ぐらいしか作ってなくて、ローカルでアドホックに修正して使ってましたが、ちょいちょいコード修正するのが面倒になってきたので見直しました。 シンタックス…

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…

個人開発用 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 でコードを書くAgain 2

通勤時間の有効活用 3月に VPS + iPad の作業環境を整えました。 blog.kondoumh.com この時は数日の出張や帰省の荷物を軽くしたいというモチベーションでした。一応コード書けるけど、iPad 1台では作業が完結しないという結論でした。 最近、勤務地が変わり…

2015 ふりかえり

Job 昨年の暮れから HTML5 アプリのアーキテクチャ推敲。直前に Meteor さわったりドットインストールで勉強したりMosaic.fm で耳学問したりしてたのが役立ちました。IE サポートが必須で Polyfill 使えるライブラリの選定に腐心。変化の激しい Angular や R…

JavaScript でスクレイピング

インターネッツが普及していない実家の父親から、最近ちょいちょい某サイトのアクセス状況を教えてって頼まれます。PDF で公開されている自著論文のアクセス数・ダウンロード数を知りたいそうです。まあ一種のエゴサーチですね。父親はガラケーしか持ってな…

ストック情報サイトを Tumblr に移行した話

自分用のストック情報を Google Sites で管理しています。ソフトウェアやガジェットについてメモとかちょっとした評価などを書いている自己満サイトで、ほとんどアクセスもありません。この手の内容は以前 Blogger に別ブログを立ち上げてましたが、あまりに…

Meteor ネタを Qiita に投稿しました

Qiita 初投稿です。 Node ベースのフルスタック PaaS Meteor Node.js はサーバーサイドまで JavaScript で書けるフルスタックなフレームワークです。仕事では JVM か .NET Framework のどちらかを使うことがほとんどで、業務システムのトランザクション処理…

Ajax

JavaScriptベースのリッチ・クライアント技術だそうです。サーバと非同期にXML通信を行いながらクライアントの表示を行うそうで、Google Mapsにも関連技術が適用されているそうです。クロスブラウザの問題や開発効率の問題がクリアされれば、Flashいらずとし…