Webの記事一覧
Stories - Rails製のMediumクローン
デザインセンスの良いブログとしてMeduimが知られています。しかし日本では撤退してしまったり、カスタマイズが殆どできないのがストレスに感じている人もいるのではないでしょうか。そんな方に使ってみて欲しいのがStoriesです。自分で立てるMediumクローンです。## Storiesの使い方トップページです。デザインが...
rwtxt - ミニマリスト向けのシンプルなCMS
CMSはシンプルなものが良いと考える人は多いです。あまり多機能だと使いこなせない人もいるでしょう。特に社内だけで利用する場合など、面倒な操作がなく目的を端的に達成できるものが好まれる傾向にあります。今回はrwtxtというCMSを紹介します。バイナリファイルで、実行するだけで使えるミニマリスト向けのCMSです。## rw...
WWWBasic - Webブラウザ上で動くBASIC
BASICという言語を一番最初に触ったという人は多いでしょう（筆者もそうです）。言語として便利だったかはともあれ、ビギナーには使いやすい言語だったのは間違いありません。いきなりJavaScriptは難しくても、BASICだったら利用できそうです。そこで使ってみたいのがWWWBasicです。Webブラウザ上で動作するBA...
Mastodon Deck-Like Style - MastodonをTweetDeck風にするスタイルシート
MastodonをTwitterと使い分けている人が増えています。よりオフィシャルな内容はTwitterで、プライベートな会話はMastodonといった具合です。そこで大事になるのがUIです。使い勝手が異なるとストレスを感じてしまいます。そこで使ってみたいのがMastodon Deck-Like Styleです。普段T...
Qiita Orgs Rank - Qiitaの組織ランキング
Qiitaでは個人はもちろん、多くの企業がコンテンツを投稿しています。そこで自社の技術力をアピールし、ブランディングや求人に繋げることも可能です。そのため企業によっては投稿を奨励している場合も少なくありません。そんな企業や組織のQiitaランキングを公開しているのがQiita Orgs Rankです。## Qiita ...
Pacman - 永遠に続くパックマン
パックマンは誰しも一度はプレイしたことがあるのではないでしょうか。そして、そのルールの簡単さや魅力にハマってしまい、時間をムダにした経験も一度や二度ではないはずです。それでもクリアがあるから良かったのです。今回紹介するPacmanはさらに恐ろしいです。縦方向に移動するパックマンなのですが、縦方向のスクロールが永遠に続く...
qduoj - オンライン・コーディング・チャレンジ
コミュニケーションは遙か昔から存在しますが、その根本にあるのは課題と共感、そして解決です。特に開発者においては課題と解決が大事であり、Q&Aサイトの人気があるのはそのせいでしょう。今回紹介するqduojはQ&Aではなく、オンラインコンテストや投票を行うシステムです。Kaggleに近いですが、もっと汎用的なものです。##...
Raneto - Markdownベースのナレッジベース
開発者向けのサービスを提供する場合、ドキュメントは必須と言えます。しかも見やすく、分かりやすいドキュメントになっていなければなりません。それでいて、メンテナンスしやすいなど条件が様々にあります。今回紹介するRanetoはMarkdownベースのナレッジベースになります。社外向けのみならず、社内向けにも使えそうなソフトウ...
textlint - playground - Web上でtextlintを試す
各種プログラミング言語においてLintツールが存在します。そうしたLintツールを使うと、人に指摘されるよりもストレスが小さく、受け入れやすいと言われています。人だと感情が入りやすいですが、コンピュータだとそういった問題がありません。今回はプログラミングではなく、テキストに対してLintを実行するtextlintのWe...
Hacklily - オンラインで楽譜を作成、共有
音楽を演奏するためには楽譜が必要です。かつては五線譜の書かれたノートを使って手書きで行われてきましたが、最近ではデジタルで処理される方が多いでしょう。しかし、そのために専用のソフトウェアをインストールしたり、使い方を覚えるのは面倒です。そこで使ってみたいのがHacklilyです。Webベースで楽譜の描けるソフトウェアで...
Drive Music Player - Google Driveを使った音楽プレイヤー
クラウドストレージを使えばどこからでもファイルにアクセスできます。最近ではストレージ単価も下がっており、容量をほぼ気にせず使えるようになっています。今回はその一つ、Google Driveを対象にします。Google DriveというとどうしてもGoogleドキュメントのイメージが強いですが、今回紹介するDrive M...
jdetects - 開発者ツールが開いたのを検知
昔、HTMLソースの中に秘密のメッセージを埋め込むのが流行りました。例えば求人を入れていたり、問題を書いておくといった具合です。当たり前のことですが、開発者ツールを開くのは開発者くらいです。だからこそ良い宣伝になったのです。そんな特徴を使って遊べるのがjdetectsです。開発者ツールを開いたタイミングでイベントを実行...
Kaitai Web IDE - Kaitaiファイルを解析するバイナリエディタ
テキスト以外のファイルを扱おうと思うと必要になるのがバイナリエディタです。HEXのデータを確認したり、並び方を分析することで正しく情報を扱えるようになります。GUIでは各OSごとに様々なエディタが存在します。Kaitai Web IDEはWebブラウザベースのバイナリエディタです。特に .ksy という拡張子のKait...
gitmoji - Gitのコミットメッセージに絵文字を使う
絵文字はテキストで書くよりも分かりやすく、多くの情報を含められます。言葉で書くと問題になりそうなことも、絵文字を使うことで回避できる場合もあるでしょう。チャットだけでなく、利用される場面が増えています。そんな絵文字をGitのコミットメッセージに使っていこうというのがgitmojiです。## gitmojiの使い方git...
HTTP Responder - WebHookを使った開発を便利に
WebHookはシステム連携するのに便利な仕組みですが、呼び出されるのがサーバ側とあって、開発時の確認がしづらいのが問題です。ngrokなどを使ってローカル環境を外部に繋ぐこともできますが、準備が面倒と感じる人もいるでしょう。そこで使ってみたいのがHTTP Responderです。WebHookの内容を確認できるWeb...
go-wasm-todo-list - Go製。WebAssemblyのTodoアプリ
WebAssemblyを使うことで、高速に動作するWebアプリケーションが開発できます。コンパイルするのでコードを見られることもありませんし、開発自体は多様な言語で行えます。その一例として、go-wasm-todo-listを紹介します。GoからWebAssemblyに展開して作られたTodoリストアプリです。## g...
MyMo - シンプルなWebベースのメモアプリ
メモはシンプルであるのが大事です。気がついた時にすぐメモできなければなりません。立ち上げて新規ファイルを作成して…なんてやっていたら折角のアイディアを忘れてしまいます。忘れる前に、ホットな内に素早くメモするのです。そこで使えるのがMyMoです。Webベースで使える簡単なメモアプリです。## MyMoの使い方トップページ...
JavaScript Equality Table Game - JavaScriptの仕様を学べるマインスイーパ
プログラミング言語にはそれぞれ仕様があります。そして、二つの変数や型が一致するかどうかは言語によって変わります。0とfalseはイコールと判定されることが多いですが、言語によってはさらに別な物同士でも一致したりします。JavaScript言語仕様をどれくらい知っているかを試せるのがJavaScript Equality...
sudoku.js - 多数のレベルで数独を生成
数独は日本だけでなく、世界中で楽しまれるゲームになっています。ルールは簡単で、縦横そして3x3のボックスの中に1〜9を重ならないようにいれていくだけです。あらかじめ提示されている数字が多ければ簡単ですし、少なければ可能性が増えて複雑になります。数独の本も販売されていますが、今回はsudoku.jsで自動で生成して楽しん...
Nodebook - Webブラウザで使えるnodeプレイグラウンド
JavaScriptを覚えることで、Webブラウザはもちろんサーバサイド、IoTなど幅広い環境でソフトウェアを開発できます。環境を整えるのは決して難しくはありませんが、それがネックになって習得を頓挫してしまっているとしたら非常に勿体ないことです。そこで使ってみたいのがNodebookです。JavaScriptファイルの...