サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
デスク環境を整える
www.moongift.jp
Nand2TetrisというのはNand回路を使ってCPUやメモリの基本的な動作を学び、最終的に Nand回路でテトリスを作るというものです。CPUのような基礎から学ぶことで、コンピュータの動作を基礎的な部分から学べるでしょう。 n2t-wasmはそんなNand2TetrisをWebAssemblyにしたエミュレータになります。 n2t-wasmの使い方 ROMを指定して読み込みます。 PONGを動かしました。 n2t-wasmでは他にもデモプログラムがあるのですが、筆者環境(Google Chrome)では動きませんでした。n2t-wasmはNand2TetrisをWebAssembly化することで、Webブラウザ上でNand2Tetrisを体験できるようになります。これは手軽で面白そうです。 n2t-wasmはRust製のオープンソース・ソフトウェア(MIT License)です。 H
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました REST APIで検索を作るのは意外と面倒です。GETパラメータの中に検索条件を設定しますが、複雑になればなるほど簡単ではなくなります。すべてANDなら良いですが、ORまで追加しようと思うと実装が大変です。 そんな中登場したのがJsonLogicです。JSONを使ってクエリパラメータを指定します。その実装例としてSquirrel Byteを紹介します。 Squirrel Byteの使い方 上に書いてあるJSONがクエリパラメータになります。 表示は右下にあるチェックボックスで変更できます。 結果の件数を変更すればちゃんと反映されます。 asやgroup byなども用意されています。 Squirrel ByteではJsonLogicの実証実験として、Hacker Newsのデータを利
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 一つのWebサイトにアクセスした際には、それ以外のドメインにも色々なところにアクセスが発生します。広告もそうですし、画像などのリソースは別ドメインに保存している場合もあるでしょう。 そんな感じでWebサイトにアクセスした際に、利用している外部ドメインに何があるか調べられるのがdnspeepです。 dnspeepの使い方 実行中のデモです。 $ sudo dnspeep query name server IP response AAAA www.google.com. 8.8.8.8 AAAA: 2404:6800:4004:812::2004 A lh2.l.google.com. 8.8.8.8 A: 172.217.175.110 AAAA lh2.l.google.com.
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました nginxは多くのWebサービスで利用されています。かつてはApacheが主流でしたが、今はnginxの方が利用が多いような気がします。設定ファイルが独特ですが、複雑な条件も記述できるのが便利です。 そんなnginxの設定ファイル、色々書きすぎてゴチャゴチャになったらnginxbeautifierを使って整形しましょう。 nginxbeautifierの使い方 sオプションはスペースです。tでタブに置き換わります。 $ nginxbeautifier -s 4 -r /usr/local/etc/nginx Working on file: /usr/local/etc/nginx/fastcgi.conf Working on file: /usr/local/etc/nginx
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WordPressは世界中のWebサイトの大半を占めると言われています。WordPressのプラグインやテーマ開発を仕事で行っている人も多いでしょう。バージョンが定期的に上がっていくWordPress、最新版をインストールし続けるのも大変です。 そこで使ってみたいのがLoklです。コマンド一つでWordPress開発環境が整います。 Loklの使い方 コマンドは次の通りです。curlコマンドとDockerが必須です。 sh -c "$(curl -sSl 'https://lokl.dev/cli-5.0.0-rc1')" 実行中です。WordPressサイトを作成します。 名前を決めます。 WordPressが立ち上がりました。 複数のWordPress立ち上げも可能です。 Lo
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました オンライン会議をしている際に情報を共有したいことがあるでしょう。テキストだけでは物足りず、普段の会議で使っていたホワイトボードが欲しくなるかも知れません。そんな時にみんな会員登録してからはじめるのは手間がかかります。 そこで使ってみたいのがOurBoardです。素早くさくっとはじめられるホワイトボードサービスです。 OurBoardの使い方 トップページです。ホワイトボードの名前を入力すれば開始できます。 こちらは例です。ものすごくごちゃっとしています。 ズームイン・アウトも可能です。 操作履歴も見られます。 OurBoardは付箋やテキストを書いたり、画像の貼り付けもできます。さらに各ノードを線で結んで関連性を表現できます。自由線を書いたりはできませんが、考えをまとめるなら十分で
Web上でユーザにコードを書いてもらう機能を用意するとします。その際、ただのテキストエリアを配置するのは良くありません。ハイライトもありませんし、Tabキーを押すと別なコントロールにフォーカスが移動したとしたら、使う気も失せてしまいます。 Webページに埋め込める高機能なエディタが欲しければ、Copenhagenの利用を検討してみましょう。 Copenhagenの使い方 エディタ画面です。 入力補完も用意されています。 マルチフォーカスで一括修正もできます。 コンテクストメニュー。 forを打っただけで、ここまで補完が出ます。 Copenhagenはカスタマイズ可能で、ハイライトの設定や入力補完も自由に指定できます。キーボードショートカットも実装されており、開発中ながらモバイルでの入力もサポートされています。サイズも50KB程度で大きくなく、利用できる場面も多そうです。 Copenhage
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました アジャイル開発が流行り始めた頃に登場したカンバン。TOYOTA WAYからの引用ではあるものの、今ではまったく別物と言って良いくらいの進化を遂げています。プロジェクトに限らず、様々な情報がカンバンの中で管理されます。 今回紹介するFocalboardはそんなカンバンを利用した情報管理システムです。 Focalboardの使い方 メイン画面です。 議事録。 テーブルビューで一覧化もできます。 個人用ゴール管理。 個人用タスク。 プロジェクトのタスク管理。 カンバン表示。 ロードマップ。 Focalboardはカンバン型の表示と一覧表示を備えた情報表示ツールです。タスクやプロジェクトなどはテンプレートのような使い方になっています。表示法は自分で定義も可能です。検索やフィルタリングもあり
Google Driveを使っている人は多いです。ファイルが見やすく、検索しやすいので使い勝手が良いでしょう。それに対して独自でストレージサービスを作る場合、使い勝手の悪いUIになりがちです。 そんな時に使ってみたいのがMyDriveです。Google Driveクローンとして開発されているオンラインストレージです。 MyDriveの使い方 トップページです。 ファイルを選択すると右側に説明が出ます。 ダブルクリックでプレビューも。 実行ファイルなどはプレビューがありません。 フォルダもあります。 設定です。 MyDriveはnodeとMongoDBの組み合わせで開発されています。MyDriveの構造が分かれば、自分たちのストレージをMyDrive上で提供することもできるでしょう。Google Driveライクであれば使い勝手も良いはずです。 MyDriveはnode/JavaScript
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました サーバ構成を自動化するのに最もよく使われると思われるのがAnsibleです。タスクを登録しておけば、自動的に実行してくれます。しかし、実行結果が問題なかったかどうかは一覧で見られると便利です。 今回紹介するsemaphoreはそんなAnsible用のモダンな管理画面を提供します。 semaphoreの使い方 ダッシュボードです。結果が一覧されています。 実行ログです。 失敗した場合。 タスクのテンプレート。 新しいタスクの登録。 鍵の管理。 プレイブックのリポジトリ。 ユーザ管理。 semaphoreを使えばAnsibleをWeb上で管理でき、結果を素早く確認できます。個人でAnsibleを運用するなら不要かも知れませんが、チーム体制で運用するならば管理画面は必要でしょう。sema
ソフトウェアを動かすのに最適な方法は単体の実行ファイルになっていることでしょう。さらにインストーラーもなく、ただ実行するだけなのが理想です。ユーザの手間を減らし、依存ライブラリもなく、レジストリも汚さない、そんなアプリケーションがベストです。 今回紹介するredbeanはWebサーバとHTMLコンテンツをパッケージングした、そんなシンプルなアプリケーションです。 redbeanの使い方 実行したところです。ローカルホスト、8080ポートでWebサーバが立ち上がります。 コンテンツはこんな感じ。Zip展開すると内容が分かります。 redbeanはWebサーバ本体とHTMLコンテンツをZipでパックしています。単体実行可能で、WindowsやmacOS、Linux、BSDなど幅広く動作します。コンテンツを入れ替える場合もZip展開してファイルを変更し、再度Zipするだけです。まるで魔法のような
ノーコードというキーワードが流行っています。コーディングをしないので、開発者も含め、業務担当者でもアプリケーションを開発できるようになります。昔でいえばExcelやAccessによる業務アプリ開発に近いものがあります。 今回紹介するBaserowはWeb用データベースアプリケーションになります。雰囲気としてはKintoneなどが近そうです。 Baserowの使い方 ダッシュボードでテーブル設計やデータの登録を行います。 型は数字や文字、真偽値などを設定できます。 フィルタを使って表示項目やデータを絞り込めます。 APIドキュメントも生成されます。 テーブル間のリレーションも可能です。 画像も扱えます。 Baserowは管理画面を通じてデータの登録や更新が行えます。担当者ごとにアクセス権限も指定できます。APIや外部サービスとの連携もサポートされており、拡張性があります。データベースはPos
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ストレージ容量は年々大きくなっていますが、HDDからSSDの時代になって若干小さくなりました。その結果、慣れでファイルをどんどん保存しているとあっという間に容量がなくなってしまいます。 そんな時のファイル整理に使えるのがCzkawkaです。条件も様々に不要なファイルを発見できます。 Czkawkaの使い方 チェックするフォルダを登録します。 重複したファイルを発見します。 空っぽのフォルダを見つけます。 大きなファイルを探します。 似たような画像を見つけます。 同じ音楽ファイルを見つけます。 Czkawkaは様々な条件を指定してファイルを検索します。見つかったファイルは削除したり、移動したりすれば良いでしょう。OS標準の機能でも検索できるものもありますが、Czkawkaは実行速度が
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webブラウザにはブックマーク機能があります。それは大抵ローカル上に保存されますが、Google Chromeのようにマシン間で同期できるものもあります。しかし、これらは個々のブラウザ特有のもので、異なるブラウザ間では共有できません。 そこで使ってみたいのがfloccus bookmarks syncです。Webブラウザの垣根を越えてブックマークを同期できます。 floccus bookmarks syncの使い方 まずアカウントを作成します。 同期方法はNextcloud、WebDAVそしてGoogle Driveから選択できます。 設定です。 ブックマークしました。 同期されます。 floccus bookmarks syncは暗号化キーを設定します。たとえば秘密鍵などを使えば
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションは便利ですが、サーバサイドで動く際には常にセキュリティに注意が必要です。一旦サーバに送られたデータは消されているかは分からず、容易にアップロードはできません。しかしローカルでのみ動作するWebアプリケーションなら安心して利用できます。 今回紹介するLocal PDFはローカルでのみ動作するWebアプリケーションです。PDFのマージを行います。 Local PDFの使い方 トップページです。 複数のPDFファイルをドロップします。 処理中… できあがったPDFはすべてのPDFが結合したものになります。 Local PDFはWebAssemblyを使うことで高速に処理されます。そしてクライアントサイドでしか動作しませんので、セキュリティにも安心して利用できます。W
WindowsでSSH接続をしようと思ったら、Windows TerminalやTeraTerm、そしてPuTTyを使うことでしょう。PuTTyを利用している人も多いと思いますが、タブ式でない点が気になります。複数の接続があると、ウィンドウか数が増えてしまいます。 そこで使ってみたいのがWinSSHTermです。PuTTyをラッピングしてタブ化します。 WinSSHTermの使い方 メインウィンドウです。 接続を作成します。 後はダブルクリックだけで接続できます。 タブだけでなくウィンドウを上下に表示することもできます。 WinSSHTermはSSHクライアントの機能はありません。あくまでもPuTTyやKiTTYをラッピングしています。他にもWinSCPやVcXsrvを使ってSCPやX Serverへの接続もサポートしています。ウィンドウのタブ化や接続管理用のツールとしてみると面白そうです
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 昔よく使っていたのに、最近は見なくなったソフトウェアはないでしょうか。個人的には幾つもありますが、その一つが付箋紙です。macOSであればスティッキーズと呼ばれて、多数の付箋紙をデスクトップに貼り付けていた覚えがあります。 そんな付箋紙を復活させたようなソフトウェアがPeperNoteです。 PeperNoteの使い方 タスクバーから呼び出します。 テキストを書いたり、装飾もできます。 色は何パターンか用意されています。 こんな感じにデスクトップに貼り付けておけます。 PeperNoteはいわゆる普通の付箋紙で、ちょっとした文字装飾が付いている程度です。出しゃばった機能がない分、普段使いできるでしょう。オープンソースなのも嬉しいポイントです。 PeperNoteはWindows用、
フローチャートを利用する場面は多いですが、作成するのが面倒です。スライドツールを使って作ることもできますが、メンテナンスが大変です。フローの途中に別なフローが入ったりすると、全体をずらすことになってデザインにも大きく影響します。 今回紹介するflowchart.funはそんな心配不要です。テキストで書くだけでフローチャートが生成されます。 flowchart.funの使い方 左側にエディタ、右側にその結果となるフローチャートが表示されます。 日本語も利用できます。 flowchart.funは四角いノードとそれを結ぶ線、そして線の上に注釈を付けられます。線種を変えたり、色を使ったりはできません。シンプルなフローチャートに向いているでしょう。結果はSVGで取得できるので、Webサイトやドキュメントに貼り付けるのも容易です。 flowchart.funはTypeScript製のオープンソース・
Web上で長文を書くことがあります。しかしWebベースのエディタや独特な使い勝手やツールバーを用意したものが多く、使いやすいとは言いづらいでしょう。そこで、普段使っているエディタで書いて、コピペしたりします。 そんな手間を軽減してくれるのがGhostTextです。普段使っているエディタで文章を書けるようにします。 GhostTextの使い方 文章を書いているところです。Visual Studio Codeを使っています。 保存するとテキストエリアに反映されます。エディタ側でファイルを閉じれば連携が解除されます。 GhostTextはWebブラウザ機能拡張とテキストエディタ側の機能拡張、両方をインストールします。WebブラウザはChromium系かFirefox、エディタはVS CodeやAtom、Vim、Emacsなど幅広く対応しています。 GhostTextはJavaScript製のオー
Web APIを使った開発時において、JSONを解析して他の言語向けに構造化することがよくあります。定型作業なので、毎回行うのが面倒だったりします。JSONは柔軟なフォーマットですが、スキーマを用いずに使えるので、こうした手間が発生します。 そこで使ってみたいのがDataAnalyzer.appです。JSONから各種言語向けの構造を生成します。 DataAnalyzer.appの使い方 JSONからTypeScriptの型定義を生成する例です。 Knex向けのコード生成。 MongoDB用。 PostgreSQLのスキーマ生成。 CSVからも生成できます。 デモにポケモン用スキーマを生成する例があります。 カラムの種別をグラフ化する機能もあります。 DataAnalyzer.appを使うことで、JSONやCSVから各種言語やデータベースに合わせたスキーマが生成されます。TypeScript
URLを開きながら別な作業をしたい時ってありますよね。動画を見ながら、別なURLを参照しながら作業するといった時です。そんな時にはウィンドウの大きさを調整したりするのですが、最前面に出しておけると便利です。 そこで使ってみたいのがTabFloaterです。WebサイトのPicture in Pictureを実現する機能拡張です。 TabFloaterの使い方 実行すると、こんな感じでタブが小さなフローティングウィンドウ表示になります。 設定です。 TabFloaterはオプションでフローティングウィンドウのサイズや配置を変更できます。2つ以上のタブを開いたウィンドウでしか実行されないので注意してください。ツールバーでアイコンをクリックするか、ショートカットキーで実行できます。 TabFloaterはC++製、Google Chrome機能拡張/Firefoxアドオンなオープンソース・ソフト
Webデザインを行っていて、画像の部分にプレイスホルダーとなるダミー画像を適用することがあります。大抵画像サイズだけが表示されていたり、目的(ロゴなど)の文字を書いていたりします。 プレイスホルダー画像を提供するサービスもありますが、今回はローカルでも使えるプレイスホルダー画像を作るWeb Components、placeholdersを紹介します。 placeholdersの使い方 を使います。 色をカスタマイズした版。 文字を変えた版。 さらに も用意されています。 文字の高さを変更できます。 placeholdersを使うことで、画像やテキスト部分にダミーコンポーネントを適用できます。画像はバイナリではなく、SVGで生成されますので、色やテキスト変更などのカスタマイズが容易になっています。 placeholdersはTypeScript製のオープンソース・ソフトウェア(MIT Lic
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHub上でコードの閲覧ができます。編集機能もありますが、エディタとしての機能はあまり多くありません。普段使っているエディタ並の機能があれば、もっとメンテナンスしやすくなるでしょう。 今回紹介するgithub1sはGitHubのURL(github.com)に1sを付ける(github1s.com)だけでVisual Studio Codeで開いた状態にしてくれるサービスです。 github1sの使い方 開く前です。 1sを付けるとWebベースのVisual Studio Codeで開きます。 メニューもちゃんと使えます。 github1sは指定したGitHubリポジトリをVisual Studio CodeのWeb版であるCode Serverで開いてくれます(ドキュメントに
Webブラウザから任意のJavaScriptを実行できるブックマークレットは便利です。便利なだけに色々登録してしまって、目的のスクリプトを探したりします。ツールバーに並べておくのも大変で、なるべく文字数を減らしている人もいるでしょう。 今回紹介するPowerletsはブックマークレットを検索、そして実行できるGoogle Chrome機能拡張です。 Powerletsの使い方 Powerletsを呼び出したところ。ブックマークレットが一覧されます。 検索で絞り込んで実行できます。 PowerletsはCtrl + Shift + P(macOSの場合はコマンド + Shift + P)で呼び出します。AtomやVisual Studio Codeのコマンドパレット呼び出しと同じショートカットキーで、すぐに覚えられるでしょう。Webブラウザをより、プログラマブルに使いこなすのに便利な機能拡張
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 絵文字は今や世界中で使われている単語になっています。そしてiOSなどがバージョンアップする度に新しい絵文字が追加されています。もはや、そのすべてを把握している人は多くないでしょう。 そこで使ってみたいのがEmoji Finderです。絵文字を素早く検索できるツールです。 Emoji Finderの使い方 トップページです。 検索で該当する文字がリストアップされます。 一部検索にヒットしているのか、sushiと検索してこの結果。 Emoji Finderは結果の一覧から文字をクリックするだけで、その文字がクリップボードにコピーされます。ただし古いOSなどで該当の絵文字に対応していない場合はうまく表示できないので注意してください。 Emoji FinderはJavaScript製のオー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 個人的に2画面ファイラーが好きです。GUIのファイラーのようにファイルをコピーしてディレクトリを移動したりするのは面倒ですし、ウィンドウが多数開いて分かりづらくなることもありません。多くのエディタでファイラーが実装されています。 今回紹介するGofulはターミナル上で動作する2画面ファイラーです。普段使いできそうな便利さです。 Gofulの使い方 当たり前ですが、すべての操作はキーボードで行います。 ファイルの選択はスペースキーです。多くのキーバインドはDiredに似ているようです。 コピーや移動も楽々です。 Gofulには多くのキーボードショートカットが実装されています。まず、その操作に慣れる必要があるでしょう。一旦慣れてしまえばGoで作られているので多くのプラットフォームで動作
Androidからファイルを送受信する方法は面倒なイメージがあります。Android File TransferはあまりこなれたUIではありません。共有機能もありますが、ローカルにあるデバイス間でファイルを授受するのにインターネットを介するのは面倒です。 そこで使ってみたいのがOpenMTPです。AndroidとmacOS間のファイル送受信ソフトウェアです。 OpenMTPの使い方 設定です。ダークモードや隠しファイルの表示設定などが変更できます。 二画面ファイラーのようなUIです。 なお、筆者環境ではファイルのブラウジングはできるものの、送受信はできませんでした。UIはとても見やすいので残念です。安定してファイルの送受信ができるようになれば、Android用のファイラーとして便利そうです。 OpenMTPはmacOS用のオープンソース・ソフトウェア(MIT License)です。 gan
コロナ禍になってオンライン会議を開くことが増えてきました。そうした中で気になるのが他の人のキータイプ音です。イヤフォンを使っている際など、耳元でカチャカチャ音が鳴るのは非常に気になります。 そうした人に使ってみて欲しいのがUnclackです。キーボード入力時だけ音声をミュートにしてくれるユーティリティです。 Unclackの使い方 初期設定です。 入力中。小さなマークが付いてミュートになっていると教えてくれます。 Unclackは入力する側がインストールしなければいけません。そのため、他人がどう聞いているか気にしない人にとっては意味がないかも知れません。しかしオンライン会議はもちろん、配信やゲームなどでキーボード音を響かせてしまうのが気になる人はインストールしておきましょう。 UnclackはmacOS用のソフトウェアです。 Unclack for macOS
次のページ
このページを最初にブックマークしてみませんか?
『MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナ...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く