並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 2952件

新着順 人気順

MITライセンスの検索結果161 - 200 件 / 2952件

  • OSS を収益化して持続的開発を実現する方法をまとめた - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? OSS は無償で公開されていても、当然ながらその開発には必ず誰かの時間が費やされています。 バグを修正するのも機能を追加するのも大抵はボランティアで、ほとんどの開発者は兼業で OSS に関わっているはずです。 もしも開発者がフルタイムで OSS に関わることができれば、OSS をより早く成長させられ、開発者としても 楽しい 時間が増やせるはずです。でもそのためには、OSS 活動そのものから収益を生み出すことが必要です。 最近は OSS のサステナビリティ に興味があって、いろいろと調べた+貢献できそうなものを作ってみたので、簡単な Pr

      OSS を収益化して持続的開発を実現する方法をまとめた - Qiita
    • 中学生ハッカーのゴーストライターになった話

      従兄弟から「プログラミングやりはじめたんだけれど、この問題の答えになるようなのJavaで書いて欲しいんだ」みたいなリクエストがあった。 以前からパソコンハッカーとかに興味があった従兄弟で、 俺は一応エンジニアで飯を食っているのでよく懐いてくれた。 よくある初心者用の問題だったので、初心者が躓くポイントにコメントをつけてメールで返す。 何度かやり取りが続いた。 たまにコードのダメ出しをして欲しいとかいってくるが、ほとんど俺が書いていた。 俺の勘としては勉強のためというかは宿題の代行をしているみたいな気がしてきた。 なんかどこかに公開してんじゃないか?と思って、 コードのある部分をグーグルで検索してみた結果一つのブログが出てきた。 ブログというよりは、SNSに近いあのサービスなのだが、完全に俺のコードがそのまま公開されていた。 そこの主のIDも従兄弟のメールのIDとかなり近い。 レーベンシュタ

        中学生ハッカーのゴーストライターになった話
      • AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」

        操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10%増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。 詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。

          AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」
        • ページ内リンクをスマートにするsmoothScroll.js[to-R]

          ページ内リンクをスマートにするsmoothScroll.js ページ内リンクをスムーズに行うjsライブラリ、smoothScroll.jsを作成したので公開します。 どういったものかはサンプルで確認してください。 <a href="#header">ページの先頭に戻る</a> などのページ内リンクをスムーズな移動に変更します。 これにより、エンドユーザーがページが遷移したという錯覚におちいることはありません。 設置方法は簡単です。 smoothScroll.jsをダウンロードして、設置したいページで取りこみます。 <script type="text/javascript" src="./smoothScroll.js"></script> 特定のリンクはスムーズさせない smoothScroll.jsは#(ハッシュ)付きのリンクを全てスムーズスクリプトに変換します。他のライブラリなどで#

            ページ内リンクをスマートにするsmoothScroll.js[to-R]
          • Bootstrap 3 で何が変わるのかをまとめてみた

            Twitter Bootstrap 3 の変更点概要 Bootstrap 自体の仕様だけでなく体制なども変更されるようです。 モバイルファースト twitter/bootstrap, twitter/bootstrap-server, mdo/bootstrap-blog(プライベートレポート)を twbs organization アカウントへ移行 サイトの URL を http://getbootstrap.com に変更 CSS はレスポンシブ用スタイルも含めて1ファイルにする IE7, Firefox3系 のサポート廃止 Glyphicon のフォント版を採用 Apache ライセンスから MIT ライセンスへ移行 *-wip ブランチの開発スタイルから 3.1.0-modal-revamp のような機能ごとのブランチに変更 過去バージョンのダウンロードにタグを使う コミュニティの

              Bootstrap 3 で何が変わるのかをまとめてみた
            • prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT

              これは何? prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの? ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基本コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit

              • 開発支援サーバー(GitBucket、Redmine、Jenkins)を退役させてSaaSに移行させた話 - ZOZO TECH BLOG

                こんにちは。ZOZOテクノロジーズ開発部の田島です。 今時のシステム開発ではさまざまなツールを利用することが当たり前になっています。 そして各種ツールは日々新しいものが開発され、今まで当たり前だったものがレガシーなツールと呼ばれることも珍しくありません。 弊社では、GitHubやCircleCI・Slackなど様々なツールを利用しています。 私達のチームでもこれらのツールを利用していますが、それ以外にもGitBucketやJenkins・Redmineを独自で管理し利用していました。 今回ある理由からそれらのツールをSaaSへ移行しました。その経緯と移行手順を紹介します。 概要 開発支援サーバの紹介 利用しているGitBucket・Jenkins・Redmineは開発支援サーバと呼ばれる一台のEC2インスタンスの上で動作していました。 やったこと これらのツールを以下の図のように、「Git

                  開発支援サーバー(GitBucket、Redmine、Jenkins)を退役させてSaaSに移行させた話 - ZOZO TECH BLOG
                • 最強のWiki「Crowi」のフォーク、「GROWI(旧crowi-plus)」を公開した話 - Qiita

                  経緯 Crowi とは node.js + jQuery (一部React) 製の、オンプレにディプロイ可能な Wiki システム。Qiita でも Crowi タグ で検索すると20エントリーほど引っかかる。 Pukiwiki から Crowi へ うちの会社では創業から10年来 Pukiwiki Plus! を使っていて、サイトを簡単に量産できるようにするための Pukiwiki Plus! Plus! なんていうリポジトリもある程使い倒していたのだが、やはり Markdown で書きたいという動機から代替システムを検討、2016年末くらいから Crowi の試用を行っていた。 が、どうにもかゆいところに手が届かない。 Pukiwiki では利用可能だった以下2点の機能が、移行にあたっては必須事項だった。 任意のページの下の階層のツリー表示を行う事ができること Pukiwiki では

                    最強のWiki「Crowi」のフォーク、「GROWI(旧crowi-plus)」を公開した話 - Qiita
                  • 「iPhoneテンプレートfor MT」を公開いたします。|iPhone|東京Webデザイナー日記リターンズ|crema design

                    2008年7月11日にiPhone 3Gが発売されて以降、新しい形のWebブラウジングを楽しまれている方も多いことでしょう。 ブロガーの方々も、viewportやCSSを工夫して、表示領域が小さなiPhone向けにブログの横幅などを調整されているようです。 私も遅ればせながら、自分が得意なMovable Typeとからめて何かiPhone向けの工夫ができないかと考えて、「既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート」を作ってみました。これを、オープンソースで公開いたします。 名付けて「iPhoneテンプレート for MT」です! これを「cremadesign.jp」に導入したトップページのイメージは、こんな感じです。 【cremadesign.jp for iPhone】 → http://crema

                    • スマートフォン向けアプリ開発フレームワークとか

                      スマートフォン向けのアプリ提供はほぼ必須になってきているこの状況。 何で作るのか? というのは、悩ましいところですよね。 ネイティブアプリで作るのか? WEBアプリ(HTML5+CSS3)で作るのか? ...は開発者が揃っている云々もあるかもしれませんが、それよりも、そのアプリの特性/対象者によって決定する感じなのでしょうね。 会社のアプリならばインストールさせて使う系のネイティブの方が良さそうだけど、インストール無しでも..であればWEBアプリでという選択肢なのかな。あとは、Appleにお布施が可能なのかどうかとか..か。 WEBアプリの方には全然注目していなかったのですが、「ネイティブと同じような動きで、iPhoneとAndroidのマルチプラットフォーム」となるとなかなか厄介なもんですね。 どこまでこだわるか?によるんでしょうけども、対象が iPhoneだけだったらライブラリつかって

                      • はてなダイアリーに Flash を埋め込むガジェット - てっく煮ブログ

                        はてなダイアリーで JavaScript eval に続く、はてなダイアリー向け汎用ブログパーツ第2弾。今回は Flash を埋め込めるようにしてみました。サンプルこんな感じで。サイズも変えられる。使い方こちらからどうぞ。SWF の URL を入力して、サイズ変更して、背景色変更して、「コードを取得」ボタンで貼り付け用のHTMLを取得します。どうぞご利用ください。ソースコードソースは http://nitoyon.googlepages.com/embed_flash.xml。内部で swfobject.js を使っているので、何も考えずに同じ MIT ライセンスで公開。IE6 ではスクロールバー分の余白が表示されてしまったので、document.body.scroll = "no" で特別に対処してます。雑感他のドメインの Flash を埋め込めるので便利。だけど、「無断リンク禁止」な

                        • ゲーム制作ツール集:無料ゲーム by ふりーむ!

                          初心者向けゲーム制作ソフトから、高度なゲーム開発ソフトまで幅広くご紹介! 無料ソフトでも十分ハイクオリティなものが創れるので、 自分に合ったソフトをいろいろ試してみよう! フリーゲームの作り方で迷ったら、まずは「おすすめコーナー」のツールを試してみてね。 ゲームが完成したら、ふりーむへ投稿して、沢山の人に遊んでもらいましょう(^^)/ → ふりーむ!ゲーム掲載希望の方へ * 当サイトにはプロモーション・広告も含まれています。 【オススメピックアップ】ゲーム開発ツール▼ 開発ツールがありすぎて迷っちゃう!という時に、沢山の利用実績のあるツールを中心に、お勧めの制作ツールをリストアップしました。 自作ゲームの作り方がわからない、簡単なゲームの作り方を知りたい、などの「自分はゲーム制作初心者だ」という方でも、10分後にはゲーム出力可能です。 まずは初心者向けのツールを手始めにいろいろと触ってみる

                          • はて☆すた OP - 2nd life (移転しました)

                            ※スペックが低いマシンや一部ブラウザだと固まったり落ちる可能性があります javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://rails2u.com/misc/hatesuta.js";document.body.appendChild(s)})();を適当なページでアドレスバーに入れて実行!すると…。スターつきの blog のトップページなんかだと最後にカウンターも出てカウンターとしても使えるよ☆ ソースは CodeRepos で公開してます。MIT ライセンスとしてご自由にどうぞ。 http://coderepos.org/share/browser/lang/actionscript/hatesuta

                              はて☆すた OP - 2nd life (移転しました)
                            • 今、Unityでネットワークマルチプレイ作るのに何を使えばいいのか

                              前置き Unityエンジニアは最近、圧を受けている人が多いと思います。 近頃はバトルロイヤルゲームが流行ってますが、100人マルチプレイを実現しているPUBGやFortniteはUE4製ですから、会社の偉い人が「こういうの作れないの?」と仰っても、「UE4じゃないとUnityじゃこういうの無理ですよ」と言って誤魔化せていました。 そんな中、Unityで作られた60人マルチプレイのFallGuysが登場してしまいました。こうなるとUnityエンジニアは会社の偉い人から「Unityでもこういうの作れるやんけ!」と詰められてしまいますが、返す言葉もないといったところでしょう。 Unityテクノロジーズもブログ記事とかで「Unityでもこんなすごいネットマルチプレイゲームが作れます!」と積極的に喧伝してます。 Fall Guys が試練を乗り越えて、グローバルに展開できた理由 正直言ってUnity

                                今、Unityでネットワークマルチプレイ作るのに何を使えばいいのか
                              • 完全オープンソースの分散型ファイル同期ソフト「Syncthing」に期待大 | ソフトアンテナ

                                最近Dropboxや、BitTorrent Syncのようなファイル同期ソフトが大流行しています。「Syncthing」もそのようなファイル共有ソフトの一つ。中央サーバーを持たない分散型のファイル同期ソフトで、BitTorrent Syncと似ていますが、完全なオープンソース(MITライセンス)で開発されているところが大きな特徴です(GitHub)。 Windows / Mac / Linux /FreeBSD / Solaris といった各種OS向けのクライアントがすでに準備されているので、すぐに試すことができます。さっそくMac版を動かして同期させてみました。 Syncthingの使用方法 「Getting Started」が公式ドキュメントです。最初に目を通すことをオススメします。 ダウンロード まず「releases」から実行ファイルをダウンロードします。今回はMacの最新版「sy

                                  完全オープンソースの分散型ファイル同期ソフト「Syncthing」に期待大 | ソフトアンテナ
                                • 日本語に特化した13億パラメータのGPT言語モデルを公開|rinna株式会社

                                  ~商用利用可能なライセンスで日本語のNLPコミュニティに貢献~ rinna株式会社(本社:東京都渋谷区/代表取締役:ジャン"クリフ"チェン、以下rinna社)は、日本語に特化した13億パラメータのGPT言語モデルを開発し、公開しました。 ■背景 rinna社はこれまでに、日本語の自然言語処理 (NLP) に特化したGPT (3.3億パラメータ) やBERT (1.1億パラメータ) の事前学習モデルを公開し、多くの研究・開発者にご利用いただいています。最近のNLPに関する研究では、モデルのパラメータ数が多いほど高い性能であることが知られています。 そこでrinna社は、これまでに公開してきたモデルより大規模な13億パラメータを持つ日本語に特化したGPT言語モデルを開発し、日本語のNLPコミュニティに貢献するために、この言語モデルをNLPモデルライブラリ Hugging Face に商用利用可

                                    日本語に特化した13億パラメータのGPT言語モデルを公開|rinna株式会社
                                  • [jQuery]透過PNGに対応したクロスフェードボタン – smoothRollOver.jsロールオーバーすると滑らかに画像が切り替わるライブラリ | レポート | 日本電子工藝社

                                    ロールオーバーすると滑らかに画像が切り替わるライブラリ ボタン・リンクのロールオーバー効果を表現する際、CSSやJavaScriptによる画像の切り替えだけでは物足りない時があります。ロールオーバー時のデザインを活かすため、ボタンにロールオーバーすると滑らかに画像が切り替わるライブラリを作成しました。みなさまのデザイン表現の幅を広げるお手伝いができれば幸いです。(※個人利用・商用利用を問わず自由にご利用いただけますが、自己責任の上でご使用ください。) 動作サンプル このライブラリは、JPEG・GIF・透過PNGに対応しています。 JPEG/GIFの場合 透過PNGの場合 InternetExplorer6~8のPNG対応について InternetExplorerは、バージョン6までは透過PNG自体に対応しておらず、7・8になってもフェードイン表現の際に透過部分がギザギザになってしまう仕様で

                                    • 自堕落な技術者の日記 : jsrsasignの寄付金を募ることにしてみました(やりがいって何だっけ?) - livedoor Blog(ブログ)

                                      私はjsrsasignというJavaScriptのオープンソース暗号、PKIライブラリを個人的な趣味で開発し公開しています。ところが最近、npmパッケージのダウンロードが月間60~70万件と、異常にユーザーも増え、製品でも使われ始め、ちょっと厄介なことになっており、いろいろ悩んだ挙げ句、これが正解なのかもわかりませんが、ライブラリの維持のために寄付金を募ることにした次第です。今日は、心の吐露をつらつら書いていくことにします。 jsrsasignとは 2010年ごろ、スタンフォードの学生さんであるTom Wooさんという人のJavaScriptでRSA暗号化できるコードを見つけ、自分はPKIや電子署名を専門にしていたので「JavaScriptでRSA署名できたら面白いな」と思い、2010年6月に、ほんのRSA署名単機能のライブラリとして公開したのが jsrsasign です。当時のはしゃぎっ

                                      • Tailwind CSSの入門に! コピペで簡単に実装できるUIコンポーネントとページレイアウトのまとめ -Preline UI

                                        Webサイトでよく使用されるさまざまなUIコンポーネントとページレイアウトをTailwind CSSで実装したコンポーネント集を紹介します。 Tailwind CSSをこれから始めるという人にも簡単で、デフォルト構成のまま機能し、各UIコンポーネントとページレイアウトはHTMLをコピペするだけで簡単に実装できます。 Preline UI Preline UI -GitHub 他にも、Tailwind CSSで実装されたUIコンポーネントを探している人は下記もご覧ください。 Tailwind CSSで実装されたUIコンポーネント・ページテンプレート、商用プロジェクトで無料のものをまとめました Preline UIの特徴 Preline UIのUIコンポーネントとページレイアウト Preline UIの使い方 Preline UIの特徴 Preline UIは、ユーティリティファーストのTai

                                          Tailwind CSSの入門に! コピペで簡単に実装できるUIコンポーネントとページレイアウトのまとめ -Preline UI
                                        • この発想はすごい!アニメーションgifの再生・停止をコントロールできるJavaScriptライブラリ -Freezeframe.js

                                          アニメーションgifの再生・停止をホバー・クリック・タップ、そしてボタン・アイコンでコントロールできる軽量JavaScriptライブラリを紹介します。 canvasに書き込むという発想がすごいですね。 通常アニメーションgifは自動再生されますが、このスクリプトを使用すると、ユーザーの操作をトリガーに再生・停止させることができます。 Freezeframe.js -GitHub Freezeframe.jsの特徴 Freezeframe.jsのデモ Freezeframe.jsの使い方 Freezeframe.jsの特徴 Freezeframe.jsではアニメーションgifの最初のフレームだけをcanvasに書き込み、gifの静止画バージョンを自動作成します。あとは、この静止画バージョンとアニメーションgifをトリガーで切り替え、アニメーションgifを再生・停止させます。 下記は、ホバーで

                                            この発想はすごい!アニメーションgifの再生・停止をコントロールできるJavaScriptライブラリ -Freezeframe.js
                                          • Windows版FUSE Dokan がオープンソースになったよ!! - yukobaのブログ

                                            English blog Dokan(Windows版FUSE) が、昨日、オープンソース(LGPL)になりました! http://decas-dev.net/2008/05/26/open-source-dokan-library-032-released/ FUSE とは、File system in User space の事で、通常はファイルシステムを作るには、カーネルモードで開発しなくてなならないのですが、ファイルシステムへのアクセスがあった際に、カーネルモードからユーザーモードにコールバックすることにより、ユーザーモードのアプリとして、ファイルシステムを作ることを可能にするライブラリのことです。FUSE があることにより、ファイルシステムの作成は劇的に楽になります。 Linux や MacOSX の FUSE はあるのですが、Windows 版の FUSE はオープンソース版が

                                              Windows版FUSE Dokan がオープンソースになったよ!! - yukobaのブログ
                                            • UIデザインに最適! シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons

                                              WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。 アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると思います。 Phosphor Icons Phosphor Icons -GitHub Phosphor Iconsの特徴 Phosphor Iconsのアイコンのダウンロード Phosphor Iconsのアイコン Phosphor Iconsの特徴 Phosphor Iconsは、WebサイトやスマホアプリのUIデザインをはじめ、プレゼンテーションやダイアグラムなどさまざまな成果物に使用できるフレシキブルなアイコンのセットです。 7,000種類以上のSVGアイコンが揃っています。 6つのスタイル(Thin, Light, Regular, Bold,

                                                UIデザインに最適! シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons
                                              • Unity向け3D都市モデルデータ「ZENRIN City Asset Series」|ゼンリン

                                                ZENRIN City Asset Seriesは、Unityでのゲーム開発に利用可能な3D都市モデルアセットです。 実際の街並みを基にデータ化しているので、ゲームの中にリアルな街を仮想空間として再現できます。実用的な様々なエフェクトやキャラクター等のモデルデータが同梱されています。また、幅広く二次創作活動でご利用いただくために「MITライセンス」に基づき提供しております。ご利用にあたってはライセンス条件に従いご利用をお願いいたします。

                                                  Unity向け3D都市モデルデータ「ZENRIN City Asset Series」|ゼンリン
                                                • 【連載】いまからはじめるScript.aculo.us (1) 概要と基本的な演出効果 | エンタープライズ | マイコミジャーナル

                                                  Script.aculo.usは、Thomas Fuchs氏を中心とするチームにより開発されているJavaScriptライブラリだ。MITライセンスが採用されており、2005年から公開を始め、執筆時点では11月に公開されたバージョン1.8が最新版になる。本稿では、そのバージョン1.8を使って(連載継続中にバージョンアップした場合はそちらに変更する可能性がある)、同ライブラリの基本を6回にわたって紹介しよう。 なお、Script.aculo.usを扱ううえでの必須知識となるPrototype.jsの使用法については、連載『いまからはじめるPrototype.js』で解説しているので、そちらをご覧いただきたい。 Script.aculo.usの概要 Script.aculo.usはPrototype.jsをベースに動作するライブラリだが、Prototype.jsが1つのファイルにすべての機能を

                                                  • 2019-nCoVについてのメモとリンク

                                                    リンク集目次 国内外の状況 政府機関・国際機関等 学術情報 疫学論文 分子生物学/ウイルス学論文 臨床論文 インフォデミック関係 ワクチン関係 変異株関係 時系列メモ目次 新型コロナウイルス(2020年1月6日,11日) インペリグループによる患者数推定(2020年1月18日) 患者数急増,西浦さんたちの論文(2020年1月20日,23日) WHOはPHEIC宣言せず(2020年1月23-24日) 絶対リスクと相対リスク(2020年1月26日) 研究ラッシュが起こるかも(2020年1月27日) なぜ新感染症でなく指定感染症なのか? なぜ厚労省令でなく閣議決定なのか?(2020年1月27日) コロナウイルスに対する個人防御(2020年1月27日) 国内ヒト=ヒト感染発生(2020年1月28日) フォローアップセンター設置,緊急避難等(2020年1月29日) PHEICの宣言(2020年1月3

                                                    • 提督業も忙しい! | grabacr.nét

                                                      提督業も忙しい! (KanColleViewer) は、DMM.com が配信しているブラウザゲーム「艦隊これくしょん ~艦これ~」をより遊びやすくするためのツールです。 (画像クリックで拡大) 主な機能 高速修復材や高速建造材 (ゲーム内で確認しにくいやつ) のリアルタイム表示 司令部に所属している艦娘の数、保有している装備の数のリアルタイム表示 艦隊と、艦隊に属する艦娘、それぞれの近代化改修状況の一覧表示 装備と、それぞれを装備している艦娘の一覧表示 入渠ドック・建造ドックの使用状況と、整備・建造終了時のトースト通知 現在遂行中の任務の一覧表示と、残っているデイリー/ウィークリー任務の一覧表示 遠征の状況と、終了時のトースト通知 スクリーンショット保存 ミュート Chromium ベースの内蔵 Web ブラウザー (CefSharp.Wpf) 上で艦これを表示し、Nekoxy (HTT

                                                        提督業も忙しい! | grabacr.nét
                                                      • UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio

                                                        UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール(ローカルも可)を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということができます。また、作成した比例スケールは、CSSで書き出されるのですぐに使用できます。 Proportio Proportio -GitHub Proportioの特徴 Proportioの使い方 Proportioの特徴 Proportioはデザインシステムに必要となるタイポグラフィ、スペースや角丸やシャドウなどのシェイプ、コンポーネントに使用する比例スケールを簡単に作成するためのツールです。 パラメトリックデザイン(変数を基準としてサイズを決める形状作成方法)を採用しているので、体系的なデザイン

                                                          UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio
                                                        • CQRSとイベントソーシングの使用法、または「CRUDに何か問題でも?」 | POSTD

                                                          書き込みと読み込みのどちらに力を入れているかは、ストレージエンジンによって異なります。たとえば昔ながらのリレーショナルデータベースは、外部キーなどの制約を使ってデータの整合性をうまく制御できるようになっています。一方でNoSQLデータベースは、スループットとスケーラビリティを確保するために、そういった組み込みのガードレールをはずしてしまいました。データ層においても、どちらか一方に特化した最適化をすることがあります。たとえば、あらかじめ計算済みの値を保持しておけば、「一日あたりのサイト訪問者数」などの読み込み操作を効率よく行えるでしょう。ストレージソリューションのメーカーはどこも、「うちのプロダクトならあらゆるニーズを満たせます」などと自社製品の機能を自慢します。しかし実は、昔ながらのCRUDモデルに沿ってストレージエンジンを選んでデータ層を設計した時点で、さまざまな関心事の間で何らかの妥協

                                                            CQRSとイベントソーシングの使用法、または「CRUDに何か問題でも?」 | POSTD
                                                          • これでもうUIデザイン用のSVGアイコンに困らない! 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy

                                                            商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr

                                                              これでもうUIデザイン用のSVGアイコンに困らない! 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
                                                            • OSSライセンス参考資料 - $shibayu36->blog;

                                                              OSSライセンスについて調べてたのだけど、毎回どこ見たら良いか分からなくなるのでメモ。OSSライセンスまじむずい。 Githubによる、オープンソースライセンスの選び方 | オープンソース・ライセンスの談話室 ざっと把握するための参考 たくさんあるオープンソースライセンスのそれぞれの特徴のまとめ | コリス いろんなライセンスの特徴知るために 自作ソースコードに、MITライセンスを適用する3つのやり方 | オープンソース・ライセンスの談話室 MITライセンスの適用方法 図解:Apache License2.0の特許条項 | オープンソース・ライセンスの談話室 Apacheライセンスについて オープンソース法 詳しくは

                                                                OSSライセンス参考資料 - $shibayu36->blog;
                                                              • より快適にTwitterを利用するために--専用クライアントソフト6選

                                                                2009年最も注目を集めたサービスの1つである「Twitter」。読者の皆さんはどうやって利用しているのだろうか。 ブラウザで公式サイトにアクセスするというのも1つの方法だが、専用のクライアントを利用することで、より快適な投稿や閲覧が可能になる。ここでは、Twitterの閲覧や投稿に便利な専用クライアントをご紹介する。 Buzzbird 「Buzzbird」はXUL(XML User Interface Language)ベースのオープンソースTwitterクライアントだ。Mac OS Xをはじめ、WindowsやLinuxで利用できるのが特徴。 11月に公開された最新版のバージョン0.5では、クライアント上からのユーザーのフォロー/アンフォローに対応した。 Canary 「Canary」はMac OS X向けのTwitterクライアントだ。Cocoa APIを使用しており、操作性や外観な

                                                                  より快適にTwitterを利用するために--専用クライアントソフト6選
                                                                • Twitter、872個の絵文字をオープンソース化

                                                                  米Twitterが絵文字をオープンソース化し、GitHubでソースコードを無償公開した。Web版で使用している、Unicodeで規定された872個の絵文字を利用できる。 日本のフィーチャーフォン文化に端を発する絵文字は、UnicodeによるサポートとiOSへの標準搭載などがきっかけに世界中で使われるようになっている。英語圏では絵文字だけのチャットサービス、SNSなども登場している。 Unicodeで標準化されたとはいえ、各社がプロダクトに用いる際は独自にデザインしなければならず、多数の絵文字に対応するのは簡単なことではない。Twitterでも、チューリップ型の「名札」、打ち上げ式ではなく手持ちの「花火」など日本の文化・風習と結びついたものが多いため、米本社で働く日本人エンジニアが1つずつレビューしながら制作したという。 ソースコードはMITライセンス、グラフィックスはクリエイティブ・コモン

                                                                    Twitter、872個の絵文字をオープンソース化
                                                                  • enchant.js - A simple JavaScript framework for creating games and apps.

                                                                    enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動

                                                                    • ウェブ制作がサクサク捗る!便利な最新オンラインツール37個まとめ

                                                                      この記事では、日常行っているWebデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめてご紹介しています。 これらの新しいツールやサービスを利用すれば、これまで後回しにしていた面倒な作業も自動化し、生産性アップ、円滑なプロジェクト進行を実現できるでしょう。「もっと早く知っておけばよかった」と思わせてくれる便利ツールが揃います。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. デザインからコードへの変換ツール 4. Web制作お役立ちツール 5. プロトタイプツール 6. コラボレーションツール 7. アイコン素材パック 8. 面白ツール 新型コロナの影響で無料提供中のオンラインツール、サービスまとめ 現在新型コロナウイルスの世界的流行の拡大によって、無料提供されて

                                                                        ウェブ制作がサクサク捗る!便利な最新オンラインツール37個まとめ
                                                                      • 100年分のアニメ作品リストをExcelデータで公開した - 本しゃぶり

                                                                        以前書いたこの記事。 これを書くのに使った元データを公開することにした。 2016/10/08時点で1917年から2016年10月までの100年分、10,255作品のタイトルと開始年月日が分かる。 Dropbox - animedb(shared).xlsx - Simplify your life 2016/11/19 更新 githubでcsvファイルを配布するようにした。Excelデータよりこっちの方が新しい。 github.com github 要望があったのでgithubでも公開した。 現在はこちらが最新版である。今後もマスターデータはgithubで管理していく。 github.com ライセンス 本ソフトウェア(ソースコードおよびデータベース)の利用はMIT ライセンスに基づく。また、メディア芸術データベース利用規約に準ずること。 使い方 Dropboxのページで見るなり、ダウ

                                                                          100年分のアニメ作品リストをExcelデータで公開した - 本しゃぶり
                                                                        • Tailwind CSSですぐに実装できるUIコンポーネントのまとめ -tailblocks

                                                                          Webページでよく見かけるUIコンポーネント、ヘッダ・フッタ・ヒーロー・ギャラリー・ステップ・お問い合わせなどをTailwind CSSですぐに実装できるコードをまとめたtailblocksを紹介します。 それぞれのUIコンポーネントにはさまざまなバリエーションもあり、スマホ・タブレット・デスクトップでの表示、ライトモード・ダークモード、テーマカラーの変更など、非常に便利です。 tailblocks -GitHub tailblocksの特徴 tailblocksのデモ tailblocksの特徴 tailblocksは、Tailwind CSSですぐに実装できるUIコンポーネントをまとめたものです。Tailwind CSSはUIコンポーネントをカスタマイズするためのユーティリティとなるclassを提供するCSSです。 参考: Tailwind CSSの便利な使い方、レイアウトやUIコンポ

                                                                            Tailwind CSSですぐに実装できるUIコンポーネントのまとめ -tailblocks
                                                                          • illustratorでUIデザイン:画面遷移図作成スクリプト - Two hats

                                                                            illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ1つ1つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ

                                                                              illustratorでUIデザイン:画面遷移図作成スクリプト - Two hats
                                                                            • シンプルで使いやすいHTML・CSSボタンデザイン集11選 - ICS MEDIA

                                                                              ウェブ制作においてボタン風の見た目はよく作成するものの、ネットには新旧さまざまな記法で紹介されているため、参照しづらいケースもあると課題を感じていました。 そこで、2023年において「シンプルで手軽に使いやすいボタン」というテーマで、11種類のHTML・CSSのボタンデザインを紹介します。 この記事で紹介するボタン aタグやbuttonタグのどちらでも利用可能 JavaScriptを用いずHTMLとCSSだけで作成 コピペしやすい 各ボタン設計時に心掛けたポイントを終盤にコラムとしてまとめています。この記事のデモはオリジナルで、GitHubにてMITライセンスとして公開しています。ぜひご活用ください。 ※デモのホバー演出は、ホバーが有効なデバイスでのみ確認可能です。詳しくはコラムで紹介します。 アウトラインのボタン(枠線をグラデーションで再現する) サンプルを別ウインドウで開く ソースコー

                                                                                シンプルで使いやすいHTML・CSSボタンデザイン集11選 - ICS MEDIA
                                                                              • 全天球パノラマ動画を表示するJavaScriptライブラリ作った - aike’s blog

                                                                                複数台のGoProを組み合わせて360度上も下も撮影できる動画カメラが一部で流行りつつあるようです。 こんなやつ。 http://home360.co.jp/freedom360.html http://freedom360.us/ 要はRICOH THETAの動画版なんですが、動画ということで機材の価格もだいぶ違うし、複数の動画を合成する作業もまだまだけっこう手間も時間もかかります。 そこまで頑張って動画を作っても、公開がまた大変です。フリーのスタンドアロンプレイヤーはありますが(これとか)、見る人にインストールさせるのはちょっと面倒だし、Flashで作られた全天球動画プレイヤーも良いものがいろいろあるものの、自由にダウンロードできて自分のサイトで手軽に使えるものは今はちょっとなさそうです。 そんなわけでJavaScriptのThree.jsを使ってさくっと全天球動画プレイヤーを作ってみ

                                                                                  全天球パノラマ動画を表示するJavaScriptライブラリ作った - aike’s blog
                                                                                • 知る、読む、使う! オープンソースライセンス

                                                                                  オープンソースソフトウェアを活用する上で理解しなければならないオープンソースライセンス。開発者のみならず、企業のマネジメント層や広くオープンソースを利用する・利用したい方を対象に、著作権やソフトウェアライセンスの基礎知識から実務までを分かりやすく具体的に解説。 ※本書のライセンスはCC BY 2.1 JPになります(Version 1.1.0以降)。購入いただいた電子書籍は、ライセンスに基づいた上での複製、改変、再配布等を自由に行うことができます。 書誌情報 著者: 可知豊 発行日: 2011-12-20 最終更新日: 2013-08-21 バージョン: 1.1.0 ページ数: 158ページ(A4PDF版換算) 対応フォーマット: EPUB, PDF 出版社: 達人出版会 対象読者 ソフトウェア開発者、IT関連企業の経営者・管理職や、広くオープンソースソフトウェアを使っている人、これから使

                                                                                    知る、読む、使う! オープンソースライセンス