WebCrumbs WebCrumbsはWordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSSです。プロジェクトを「ReactのためのWordPress」と位置付けており、Reactアプリの為の業界標準ソリューションを目指しているそうです。 WPライク、というようにReactベースのWebサイトを直感的な管理画面で簡単に作成、管理、拡張する事が可能との事。コーディング不要の管理画面でWebサイトの様々な面を管理・制御、プラグインで機能拡張、特定のニーズに合わせたフルカスタマイズも可能となっており、完全オープンソースで提供されています。 もちろん他言語対応で既に30か国以上の方のコミュニティへの参加があるようですが、日本はまだ未参加のようなので、ご興味ある方はぜひご覧になってみては如何でしょうか。ライセンスはMITです。 WebCrumbs

bookmarks.devは開発者向けに作られたオープンソースのオンラインブックマークツールです。 よくある（一時期に比べればかなり減りましたが）オンラインブックマークサービス同様、任意のWebサイトをタグやコメント付きでブックマーク、管理できる他、コードスニペットの管理も可能で、コメントもMarkdownを使えるようになっています。 スニペットはワンクリックでコピー可能で、通常のブックマークとは管理フォルダもブックマークレットも別になっており、混在する事はありません。 ブックマークツールにスニペット管理機能が付いただけと言われればまぁそうなんですが、あまり見かけませんでしたし、OSSなので自身でカスタマイズも可能な点は割とメリットな気がします。その場でコードを実行テストできるようにしたら捗りそうですね。 ライセンスはMITとの事です。 bookmarks.devOn Github

Flawwwless uiはシンプルなReact.jsのコンポーネントライブラリです。シンプルで扱いやすいように設計されている印象でした。 用意されたUIコンポーネントはよく使われるものでモーダルウィンドウやテーブル、ボタン、メニューやレイアウトなどです。開発者の方が開発スピードを上げるために自作したものだそうでこのたびOSSとして公開した、という事みたいです。 覚えておいて損はないかなぁと思います。ライセンスはMIT。 Flawwwless ui

RAINGLOWはVSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクトです。全てDayle Rees氏の開発したオリジナルのカラーテーマだそうです。オリジナルとはいえ、性質上どうしてもどこかのテーマと似る事も多いと思いますが、それでも選択肢を増やして貰えるのは有難いですね。テーマはエディタに限らず、Slackやmacdown、Coda用などもあるようです。なかなかしっくりくるテーマが見つからない方は一度覗いてみては如何でしょうか。 RAINGLOW

bookizaはRWD対応の書籍具現化フレームワークです。ちょっとうまく説明できないのですが、よくあるPDFやePubビューア等ではなく、HTMLで書いたコンテンツを書籍のように扱えるようにするフレームワークです。予めテンプレートが用意されており、そのルールに従って書籍を作成するので、巷で一般的とされているWeb書籍とは少し異なるかもしれません。スマフォにも対応したページをめくるようなエフェクトや書籍の表紙/裏表紙の作成及び360度ビューアなどが特徴的でした。試みとしてはなかなか面白い気がします。ちょっと覚えておこう。ライセンスはMIT。 bookiza

CMS.jsはJavaScript製のCMSです。オープンソースとして公開されています。サーバーサイド・スクリプトの援助なしにクライアントサイドでWebアプリケーションを構築する事が出来る、との事です。jekyllを意識しているみたい。ライセンスはMITです。 CMS.js

Light Bootstrap Dashboardはライト設計な管理画面テンプレート。Bootstrapベースとなっています。既にたくさんのテンプレートが世に出回っていますのでアレですが、個人的に一番見やすかったのでメモとして。尚、用意されたライセンスは無料の個人向けと有料の開発者向けがありますが、無料版でも1社且つ1Webサイト/アプリまでは許可されています。 Light Bootstrap Dashboard動作デモ

MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Componentsへの対応も取り組んでいるとのこと。他のJSやCSSに依存していないのも良いですね。尚、UI/UX、ReactJS、WebComponents、iOSやAndroidに詳しい助っ人も募集中とのことです。 MUI

Nibblerは任意のWebサイトのアクセシビリティやソーシャルメディアのサポート状況、害悪なコンテンツの有無、SEO的な部分の評価等を調査し、スコアレポートを提出してくれるツールです。ざっくり調査するなら手軽で良いですね。調査項目も割と多いので多少時間がかかります。 Nibbler

よく見かける質問系のWebサイトをWordPressで構築する為のプラグイン・DW Question & Answerのご紹介です。今の所、自分では作る予定は無いですけど・・・一応備忘録として。 Stack Exchangeのような質問サイトをWordPressで作る為のプラグインです。・・・と言っても、まださほど触っていないのでメモ程度の内容です。 質問と回答をユーザー同士が交わせるコンテンツを構築する、というもの。 質問/回答の他にベストアンサーや閲覧数などの表示、フィルタリングなんかも出来るみたいです。 インクリメンタル検索もできるそうです。 時間ができたら触って見ようと思います。 DW Question & Answer

Google Mapで、任意のポイントと、そのポイントの周囲にある施設をマーカーで表示出来る、というスクリプトです。範囲の距離の指定や施設の種類、中心地に設定したマーカーなども設定出来るようになっています。 Google Mapの任意の場所の周囲にある施設をマーカー表示する、というもの。うまく説明出来ませんが語彙がアレなのでご了承下さい。 以下動作サンプルです。 下北沢駅周辺の半径200メートル内のカフェを表示させました。マーカーをクリックすればお店の情報がポップアップします。 $("#foo").whatsnearby({ zoom:17, width:"100%", address: "下北沢", placesRadius: 200, placesTypes: [ 'cafe' ] });セッティングは上記のような感じ。placesRadiusで指定場所から半径～メートル内にある、pl

プロジェクト管理ツールをWeb上で構築するソフトウェア・Soloのご紹介です。フリーランサー向けに作られたようですね。見た目も見やすいので使ってみたい。 オンラインでプロジェクト管理出来ます。必要動作環境はPHP5.3+MySQLとの事。 プロジェクト管理を実装するためのソフトウェアです。デモを見る感じでは結構使いやすそうな印象でした。 見た目はこんな感じです。 ↑ クライアントさんの管理ページ。 ライセンス形態の明記はありませんでしたが、再配布しない限りコードの変更等、自由に利用可能、との事です。マルチユーザー対応は有料みたい。詳細は以下でどうぞ。 Solo

Twitter Bootstrapベースに作られたシンプルでフラットなデザインのUIキット・Flat UIのご紹介。今年はこの手のスタイルよく見かけますけど、確かに見やすいですね。 フラットなデザインで見やすい印象です。このまま使うのはアレですけど参考にはなりました。 ドロップダウンメニューとかフォーム周りとか。 ツールチップとかとか。Bootstrapに含まれているコンポーネントは一通りデザインしてありました。 ちょっと気になる点もありますけど、ベースとしては素敵なものだと思います。動作も確認できますのでご興味のある方はご覧になってみては如何でしょうか。 Flat UI

実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。 実践でjQueryを学べるサイトです。スライドも完備されています。英語が苦手な方にはちょっと難しいかもですけど・・ ドメインから察するに公式のものでいいと思います・・確認はしていませんけど。内容は基本的なものからスタートします。 スライドからスタートです。 他の学習サイト同様、指示通りに進めていきます。 正解ならSuccess!の文字が出て次に進みます。 これから始めたい、という方は如何でしょうか。 Try jQuery