ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2018/01/09

Misago - Django/Python製の掲示板

Web上でのコミュニケーションの基本と言えばフォーラムでしょう。ユーザであれば会話ができればそのシステムに目を向けることはありませんが、開発者は違います。Pythonのフォーラムが別な言語で作られていたら嫌ですよね。今回紹介するMisagoはDjango/Pythonで作られています。フロントエンドはReact.jsに...

List

  • 2018/01/09

SoraMame.Block - Webベースのブロック型ビジュアルプログラミング言語

ここ数年でビジュアルプログラミングが市民権を得てきました。教育用としてよく使われており、Scratchが有名です。Scratchは様々なデバイスで動きますが、一番基本はPCになるでしょう。今回紹介するSoraMame.BlockはWebブラウザ上で動作するビジュアルプログラミング言語です。ゲームや線を描画するアプリが作...

List

  • 2018/01/08

OpenCFP - PHP製のCFPシステム

海外のカンファレンスでは登壇者を公募する仕組みとしてCFP(Call for Paper)が使われます。そこでは登壇を希望する人たちがトーク内容を投稿し、それに対してレビューアーが判断するといったことが行われています。そんなCFPシステムをオープンソースで開発しているのがOpenCFPになります。## OpenCFPの...

List

  • 2018/01/05

Animation Worklet Explainer - Web上でスムーズなアニメーションを目指す

HTML5の高い表現力によって、アニメーションはなくてはならないものになっています。しかしJavaScriptの書き方であったり、CSS3の使い方によってはアニメーションというのは非常に重たい処理で、スムーズに表示されなかったりします。そんな現状を変えていこうと活動しているのがCSS Houdiniタスクフォースで、そ...

List

  • 2018/01/04

PaintBBS NEO - HTML5版お絵描きしぃ掲示板

イラスト掲示板は昔から人気があります。その多くは画像がアップロードできるものですが、中にはWeb上でイラストを描いて、そのまま貼り付けられるものもあります。昔はよくJavaアプレットで実装されていました。そんな古き良き(?)時代を彷彿とさせるWebペイントがPaintBBS NEOになります。## PaintBBS N...

List

  • 2018/01/03

microlink.js - Webサイトのプレビュー表示を格好良く

最近、Webサイトのサムネイル表示を目にすることがよくあります。SlackでURLを投稿した場合、ソーシャルメディア、キュレーションサイトなど様々なケースで使われます。次に問題になるのがその見せ方です。サムネイルの画像を使ったり、サマリーの文字列をどう表示するかによってクリックされる可能性が変わってくるでしょう。そこで...

List

  • 2018/01/03

LibreRead - Webベースの電子書籍リーダー

電子書籍コンテンツが増えてきました。電子書籍サイトで購入する場合はもちろん、自炊であったりブログなどを電子書籍に変換するサイトもあります。ローカルコンピュータにePubファイルなどが溢れているという方も多いのではないでしょうか。そんな方に使ってみて欲しいのがLibreReadです。自分で立てることもできる、Webベース...

List

  • 2018/01/02

Walt - WebAssemblyに変換できるJavaScriptライクなプログラミング言語

WebAssemblyはRust、C、C++を使って作成します。しかしJavaScriptに慣れた人にすれば、わざわざ別な言語を利用するのに躊躇してしまうでしょう。管理上も別な言語に分かれるのは不便です。そこで使ってみたいのがWaltです。Waltは WebAssemblyに変換できるJavaScriptライクな言語で...

List

  • 2018/01/01

Vue2 editor - Vueを使ったテキストエディタ

Web上で文章を書く機会が増えています。しかし多くの場合、テキストエリアそのままであったり、普段使っているエディタに比べて操作性が格段に落ちるものばかりです。これでは生産性が損なわれてしまうため、結局エディタで書いてコピー&ペーストせざるを得ません。より使いやすいWebベースのエディタを目指すならVue2 editor...

List

  • 2017/12/31

LeaderLine - 情報に関連性を持たせる線を描画

情報はただ並べただけではその関連性が分かりづらいものです。線を使って表現すると情報同士の関連性が分かるようになり、理解度が増します。多くの場合、そうした内容はプレゼンテーション用のソフトウェアで作ったり画像編集ソフトウェアを使います。しかしそれではメンテナンスが面倒になります。そこで使ってみたいのがLeaderLine...

List

  • 2017/12/29

Hubzilla - 分散型コミュニティシステム

インターネットの基本はコミュニケーションです。メールや掲示板であったりチャットなど、様々なコミュニケーション方法が存在します。コミュニティサイトを作りたいというニーズも根強くあります。そんなコミュニティサイトを作るためのシステムとしてHubzillaを紹介します。複数のコミュニティに所属できるシステムになっています。#...

List

  • 2017/12/28

Stopify - JavaScriptをフリーズせず安全に実行

Web IDEなどが流行っていく中で必要になるのが、ユーザが開発したコードを安全に実行できる仕組みです。セキュリティ的な意味合いはもちろん、無限ループしてしまった時であったり、重たい処理を実行している時に途中で止められる仕組みが必要です。今回はその一つ、Stopifyを紹介します。JavaScriptから安全な実行でき...

List

  • 2017/12/28

pass.sh - 有限なアクセス限度をもった情報を作る

スパイ映画でよくある、情報を伝えた後にマイクロチップやプレイヤーが突如燃えてなくなってしまう仕組み。万一もう一度聞きたいと思っても絶対にできないように、徹底した情報漏洩を貫いています。燃えてしまうわけではないですが、情報が恒久的でない仕組みを作るのがpass.shです。## pass.shの使い方メイン画面です。秘密を...

List

  • 2017/12/27

CoreUI - Vue/Bootstrap製の管理画面UI

管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレー...

List

  • 2017/12/25

じゃぱりうぉっち - 某アニメのキャラクターを使った懐かしいUIのゲーム

最近のゲーム専用デバイスではリッチなゲームばかりになり、スマートフォンでは予算ばかりかかる割に結局ポチゲーといったものが増えています。そんな中、インディーゲームはアイディアがこらされた面白いものが出ています。今回はノスタルジックで面白い、某アニメのキャラクターが題材になったゲーム、じゃぱりうぉっちを紹介します。## じ...

List

  • 2017/12/25

WebDNN - Web上で試せる機械学習環境

機械学習は今、人気のある技術です。様々な使い方が考えられていますが、問題なのはトレーニングでしょう。GPUが積まれていないと速度面で問題があったり、大量のデータをあらかじめ学習しないと期待した結果が返ってきません。とは言え、まずは機械学習を試してみたいという方はWebDNNを使ってみましょう。Webブラウザ上で手軽に試...

List

  • 2017/12/23

Rocket wasm - WebAssemblyで作られたシューティングゲーム

WebAssemblyが実用的になってきています。今のところWebAssemblyが書ける言語としてはC/C++またはRustといった感じですが、Rustが個人的には分かりやすくて好きです。そんなRustで作られたゲームがRocket wasmになります。WebAssemblyなのでストレスなく遊べます。## Rock...

List

  • 2017/12/22

Splitter - 縦横自在にコンテンツ領域を変更

情報の見せ方はなるべく提供側でコントロールしたいと思うものですが、そもそもWebの場合はデバイスの画面幅が異なったりして一様とはいきません。むしろユーザがコントロールできるようにした方がユーザビリティが高いとさえ言えるでしょう。そこで使ってみたいのがSplitterです。グリッド内に表示されるコンテンツの幅や高さを自由...

List

  • 2017/12/22

Muuri - ソート、フィルタリング、D&Dできるレスポンシブグリッドライブラリ

レスポンシブWebデザインが広く一般的になっていく中でグリッドデザインもまた多用されるようになっています。グリッドデザインにすることでデバイスの画面幅に応じた情報が表示しやすくなっています。そうした中で紹介したいのがMuuriです。ソートやフィルタリングをサポートしたグリッドレイアウトライブラリです。## Muuriの...

List

  • 2017/12/19

Dashboards - 自由度の高いダッシュボードライブラリ

Webサービスや業務システムを通じて集められたデータを表示するのに必要なのがダッシュボードです。ダッシュボードは常に固定表示よりも、各自の使い方に合わせて情報の並び替えが求められます。そんなUIを作成できるのがDashboardsです。ユーザが自由に画面要素を変更できます。## Dashboardsの使い方最初の表示で...