仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介Webの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。Slack用のアニメーションする絵文字を作成Slackでは絵文字をリアクションやメッセージに含めることができます。それらの絵文字はカスタマイズが可能で、自作した絵文字をアップロードしている人も多いでしょう。今回紹介するMEGAMOJIはSlack用の絵文字を簡単に自作できるWebアプリケーションです。学習するタンクゲームAIや機械学習によって、様々なゲームがコンピュータの手に落ちています。最近では麻雀でさえ強力なプレイヤーが登場してきました。人の思考という揺らぎさえも凌駕するAIの存在は怖いものがあります。そんな中注目したいのがaimAndShootです。あなたのリストを一カ所に普段の生活の多くはリストで管理されます。Todoはもちろん、プロジェクトにおけるタスク管理、買い物メモなどリストで管理して、それを消し込んでいく作業がなんと多いことでしょう。そこで紹介したいのがListlyです。何でもリストとして登録できるWebアプリケーションです。Listlyの使い方最初の画面です。古いWebブラウザで使えなかったり、解釈においてまだ課題があるようです。各OSともフォントにはこだわりを持っているはずで、その標準フォントはOSにマッチして表示されるはずです。アドベントカレンダーシステム11月になって、アドベントカレンダーの話が出てきました。日本でのアドベントカレンダーシステムとしてはQiitaとAdventarが知られています(他の国で同じような試みをみたことがないですが)。Qiitaではプログラミングに関係するものが多いように感じます。GitHubのユーザ名にエイリアスを追加してサジェストを使いやすくユーザ名と表示名が一致していないために、メンションを送る相手が分からないことが良くあります。アイコンで見分けができれば良いですが、アニメアイコンやデフォルトのアイコンだったりすると探すのも大変です。オープンソースのチケット販売システムチケット販売システムとしてよく知られているのはti.toやPeatixなどです。便利なサービスなのですが、手数料が高く感じたり、多言語対応していないと言った問題があります。アドブロックの有無でサイトの表示速度をチェックアドブロックを入れることでWebページ表示が高速化されることはよく知られていますが、どれくらい速くなったのか計測している人は少ないでしょう。何となく体感として速くなっている程度の認識かと思います。そこで使ってみたいのがWebtest.appです。Webサイトごとに広告を表示した場合としなかった場合の比較ができます。React製のスマートフォンアプリ風UXコンポーネントWebがどんどんネイティブアプリに近い体験を提供できるようになっています。WebブラウザのAPIもそうですが、アニメーションの高速化によって、スマートフォンアプリのようなUXも実現できます。Vue製のクレジットカード入力コンポーネントWeb上でものを買う場合、クレジットカード番号を入力する機会は多いかと思います。決済情報を入力する際にはなるべく手間取らないようにしないと、せっかくの決済機会を逃してしまうことになります。マウスオーバーで画像を切り替えWebページではユーザのアクションによって様々なエフェクトが可能です。ユーザ自身が分かるアクションとしては文字入力やクリックなどになりますが、他にもウィンドウサイズを変えたり、スクロールでも可能です。時間の表現として、絶対時間を使う場合と相対時間を使う場合があります。相対的な時間は、今の時刻を知らなくとも使えるので便利です。見る人のタイミングによって時間が異なる場合、相対時間の方が分かりやすいこともあります。ソーシャルメディアの投稿日時などを表現する場合です。今表示しているURLのQRコードを表示Webブラウジングしていて、そのURLをスマートフォンやタブレットで表示したいと思うことが良くあります。そんな時に便利なのがQRコードで、カメラを使ってURLが送信できます。Googleチャートが使えたのですが、QRコードは非推奨になってしまっています。そこで使ってみたいのがQR-Codeです。RustだけでWebアプリケーションを開発するフレームワークWebAssemblyを開発する際の最も基本的な言語となるのがRustです。WebAssemblyでは元々DOMやネットワーク操作ができませんが、Rustのwasm-bindingによってWebブラウザ側のAPIを実行できるようになりました。その結果、WebAssembly活用の幅が広がったと言えます。開発者の勉強会は世界中で行われています。様々な集客サイトがあるので、情報が散らばってしまっており、自分の行きたい勉強会を探すのも大変になっているかも知れません。情報は一カ所に集約されていると便利です。そこで使えるのがOpenTechCalendarです。世界各地で行われている勉強会を一覧できます。Rails製のユーザグループプラットフォーム現在Meetup.com離れが進んでいます。月額費用が高いと言われていましたが、最近になって参加者からも強制徴収する機能をテストしていると言われて、代替サービスを検討するユーザが増えています。そんな中の候補としてあがっていたのがOnRubyです。Rails製のユーザグループプラットフォームです。React製のWebサイト編集ツールWebサイトを構築する際、見た目と作成環境がかけ離れていると、修正して結果を確認するという作業を何度も繰り返さないといけません。WYSIWYGなエディタもありますが、CMSのように決まった形ではないので複雑なデザインは作業量が増えてしまいます。今回紹介するTinaCMSはWebサイト上で使える編集機能を実現します。Web上で帳票をデザインレポートは生成するのも大変で、さらにそのデザインを行うのも大変です。デザインをコーディングしてしまうと、ちょっとした修正でも手間になります。その結果、専用のツールやExcelでテンプレートを作れるようにするでしょう。今回はWebブラウザ上でレポートのテンプレートが作れるReportBroを紹介します。SVG/DOMのドラッグ&ドロップライブラリWebアプリケーションが多機能になるにつれて、ローカルアプリケーションライクな操作が求められるようになっています。ドラッグ&ドロップはローカルアプリケーションであれば良くある操作と言えます。そんなドラッグ&ドロップをスムーズに行えるライブラリがPlainDraggableです。最新のECMAScript仕様も使えるJavaScriptパーサーJavaScriptが色々なプラットフォームで使われるようになっています。JavaScriptから別な言語に変換するパーサーなどを作りたいと思ったら必要なのがパーサーです。コードを解析することで、別な使い方が生まれます。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が727あります。blockworks。