React Kawaii - React用の可愛いコンポーネント
Webコンポーネントの考え方を取り入れることで、Webサイトのデザインを再利用しやすくなります。実用的なコンポーネントもすでに出てきていたり、複雑な機能を可能にするコンポーネントを導入することでWebサイトを作りやすくなります。 そんな中、今回はちょっと変わり種のコンポーネントReact Kawaiiを紹介します。Reactで可愛いコンポーネントを実現します。 React Kawaiiの使い方 Backpackタグです。 表情はパラメータで変更できます。 koにすると目がバッテンに。 Browserタグ。 Catタグ。 CreditCardタグ。 Ghostタグ。 IceCreamタグ。 Mugタグ。 Planetタグ。 SpeechBubbleタグ。 アニメーションも実現できます。 React Kawaiiは実用性という意味では難しいですが、Slackのようなツールのドキュメントにありそ
Falcon - Google Chromeの閲覧履歴を全文検索
オンラインの情報は2種類あって、未知の情報と既知の情報に分かれます。未知の情報はGoogleなどWeb検索エンジンが得意ですが、意外と既知の情報に限ってなかなか見つからなかったりします。 Webブラウザの表示履歴が使えそうなのですが、タイトルだけではなかなか見つかりません。そこで使ってみたいのがFalconです。 Falconの使い方 Falconをインストールした状態でアドレスバーにフォーカスを当てて、f + Tab（またはスペース）キーを押します。そうすると検索モードになります。 タイトルには含まれない文字列でも検索できているのが分かります。全文検索になります。 設定画面です。 Falconはブラウジング履歴を全文検索してくれます。これにより、すでに知っている情報から探し当てる時間が大幅に減るのではないでしょうか。機能拡張ではなく、Webブラウザ本体に欲しい機能ですらあります。 Fal
borg - 役立つBashスクリプトの使い方を検索
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Bashスクリプトを使えば多くのファイル操作が簡単になると分かっていつつも、そのやり方を毎回調べていたりすると非常に煩わしく感じてしまうものです。そしてついつい専用のソフトウェアを使ってしまいます。 もっとBashスクリプトを使いこなすために使いたいのがborgです。Tipsを素早く検索できます。 borgの使い方 borgをインストールした後は検索文字を -f で指定するだけです。例えばMac OSXでmd5を調べる方法について検索します。 $ borg -l 30 -f "md5 Mac" (1) How to create md5 hash in bash in Mac OS X [11] [jaypal:~/Temp] echo "this will be encrypte
Paperwork – PHP製のEvernoteクローン
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Evernoteは便利なのですが、クラウド系でありつつもクライアントアプリやサーバが重たいような気がします。ノートを保存しておくという観点で考えるともっと軽快にストレスなく動作して欲しいと思うでしょう。 そこで機能的には絞り込まれるものの、自前でノートアプリケーションを立ててしまうのはどうでしょう。今回はその一つ、Paperworkを紹介します。 Paperworkの使い方 PaperworkはEvernote、Microsoft OneNoteそしてGoogle Keepの代替として開発されているようです。機能的には本家には劣るものの、自前のサーバで保存したデータを自由に再利用できるのが便利です。個人はもちろん、部署やグループで使うのも良さそうです。 PaperworkはPHP製
marginotes - 文章の横にすてきな注釈を
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 本を読んでいると、左右に余白があって、必要に応じて単語の説明が記載されていることがあります。注釈を本の最後にまとめて載せているのに比べると分かりやすく、読みやすいのではないでしょうか。 そんな効果をWeb上で実現してくれるのがmarginotesです。Webらしく、よりインタラクティブになっています。 marginotesの使い方 marginotesは次のように指定します。descという要素を使います。 <span desc="The rainiest place in Europe. Probably. Maybe.">Brión</span> 注釈はマウスオーバーで表示されます。リンクとは別で下線が入っている部分が説明対象です。 右側に出すこともできます。 marginote
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
