iOS向け日本語キーボードアプリ「azooKey」をOSSにした

2023/02/05 159 users azooKey OSS flick Simeji ライセンス

2年半近く趣味として個人開発してきたiOS・iPadOS向けの日本語キーボードアプリ「azooKey」をオープンソース化しました。ライセンスはMIT Licenseです。 azooKeyは2年前からApp Storeで無料で公開し、開発を続けてきました。日本語対応のiOS向けキーボードアプリには、Simeji、Flickなど多くの先輩がいますが、標準キー... 続きを読む

Appleの商品ページに使用されているスクロールに合わせて動画を再生するエフェクトを実装するスクリプト -Scrolleo | コリス

2019/11/15 153 users コリス エフェクト スクロール スクリプト Apple

/* Scrolleo - make your video scroll with inertia * MIT License - by Mark Teater */ (function(window, document, undefined) { "use strict"; var _Scrolleo = function(opts) { // Defaults this.acceleration = 0.08; //1 is fastest, 0 is slowest, 0.08 is default this.secondsPerScreen = null; //Set this ... 続きを読む

260種類以上のアイコンが無料で商用利用OK、CSSツールキットも付属したアイコンフォント「Fontisto」 - GIGAZINE

2017/11/05 68 users GIGAZINE Instagram Twitter ロゴ

TwitterやInstagramのロゴやピクトグラムなど、ウェブサイトでは多種多様なアイコンが使われますが、そういったアイコンをウェブフォントにした「Fontisto」が無料で公開されています。商用利用もOKで、さらにCSSツールキットも付属。ライセンスは「 MIT License 」です。 Fontisto - the iconic font and css toolkit http://ww... 続きを読む

Microsoft、JavaScriptエンジン「ChakraCore」をGitHubで公開 - ITmedia ニュース

2016/01/14 50 users GitHub Chakra ChakraCore Edge

米Microsoftは1月13日（現地時間）、 予告 通りJavaScriptエンジン「ChakraCore」を GitHub で公開した。ライセンスはMIT License。 ChakraCoreは、同社のWebブラウザ「Microsoft Edge」で採用するChakraのオープンソース版。ChakraとChakraCoreの主な違いは、ChakraCoreはEdgeやUniversal Wi... 続きを読む

知ってると便利なCSSのテクニックのまとめ -CSS Protips | コリス

2015/10/05 326 users コリス Chrom Flexbox CSS ボーダー

リスト要素で実装したナビゲーションの右端のボーダーを取り除くシンプルな方法、flexboxで実装したカラム間の溝の最後の溝を取り除く方法、天地左右の中央に配置など、知ってると便利なCSSのテクニックを紹介します。 CSS Protips -GitHub CSS ProtipsのライセンスはMIT Licenseで、個人でも商用でも無料で利用できます。 下記のスタイルシートの対応ブラウザはChrom... 続きを読む

Microsoft、タッチ操作でアプリが開発できる“TouchDevelop”をオープンソース化 - 窓の杜

2015/02/16 75 users TypeScript TouchDevelop タッチ操作

ニュース Microsoft、タッチ操作でアプリが開発できる“TouchDevelop”をオープンソース化 160,000行の「TypeScript」コードを“MIT License”で （2015/2/16 16:51） “TouchDevelop” 米Microsoft Corporationは10日（現地時間）、タッチ操作でWindows ストアアプリやWindows Phoneアプリを開発... 続きを読む

最近よく見かけるカードを使ったレイアウトのさまざまなコンポーネントを揃えたPSD素材 -UI Kit | コリス

2014/05/08 105 users ゴリラ 商用 コリス バナナ 各コンポーネント

ゴリラやバナナのかわいいイラストが非常に魅力的なｗ　カードを使ったレイアウトのさまざまなコンポーネントを揃えたUI KitのPSD素材を紹介します。 UI Kit 素材はMIT Licenseで、利用にあたっては個人でも商用でも無料、制限も特にない、とのことです。 各コンポーネントは見ているだけでも楽しくなるかわいいデザインに仕上がっています。 プロフィール用のカード 記事のサムネイル用のカード ... 続きを読む

シンプルで美しいnode製のブログエンジン「Ghost」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/10/28 71 users Ghost node ソーシャル エンジニア ソフトウェア

Ghostはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。今はソーシャルの時代であえてブログを書く人は少なくなっています。確かにソーシャルに投稿するのに比べると幾分面倒な感じがします。しかしシンプルなブログであればきっと使いたくなるはずです。それがGhostです。 最初にサインアップします。 管理画面です。投稿が一覧表示されています。 編集画面です。... 続きを読む

HTMLコーディングの問題点を浮かび上がらせてくれるブックマーク「DiagnostiCSS」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/10/20 183 users MOONGIFT HTMLコーディング ソフトウェア ソース

DiagnostiCSSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。Webブラウザはよく出来ていて、Web標準に沿っていなくともそれっぽく表示してくれます。しかしそれに安穏としているとレガシーなブラウザなどで表示が失敗したり、意図した動作にならないことがあります。そこでDiagnostiCSSを使ってチェックしてみましょう。 MOONGIFTで実行しました... 続きを読む

すごい！JavaScriptでMS Wordファイルを生成「DOCX.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/10/13 83 users zipファイル 生成 エンジニア 圧縮 ソフトウェア

DOCX.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。Microsoft Officeのファイル形式は〜x形式になって以降、XMLファイルのZipファイルの圧縮であることはよく知られています。しかしだからといってOfficeファイルをWebベースで生成できるようになっているとは思いませんでした。それを可能にするのがDOCX.jsです。 テストページ。R... 続きを読む

200行で実現するJavaScript VNCクライアント「JavaScript VNC」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/09/15 53 users エンジニア ソフトウェア オープンソース ITニュース サーバ

JavaScript VNCはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。最近は何でもJavaScriptでやってしまおうという試みが多数立ち上がっています。今回はなんとVNCクライアントをJavaScriptで作ってしまおうという野心的な試みをJavaScript VNCが行っています。 接続前の画面。RealVNCがサーバに使えます。 接続しま... 続きを読む

PHP専用のデバッグツールバー「DebugBar」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/29 100 users デバッグ var_dump 連想配列 PHP ソフトウェア

DebugBarはPHP製のオープンソース・ソフトウェア（MIT License）です。PHPのデバッグと言えばvar_dumpが最も良く知られていると思いますが、画面上にメッセージが出てデザインが狂いますし、連想配列などは見づらくなります。そこでもっとスマートにデバッグできるDebugBarを紹介します。 画面下に出ているバーがDebugBarです。 クリックすると内容が表示されます。これはメッ... 続きを読む

HTTP負荷テストをしよう「Vegeta」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/27 55 users VEGETA コマンドライン http デフォルト エンジニア

VegetaはGo製のオープンソース・ソフトウェア（MIT License）です。HTTPの負荷テストツールは幾つかありますが、今回は最も新鋭と思われるVegetaを紹介します。コマンドラインで動作するのでインストールも簡単ですぐに使い始められます。 オプションです。基本的にはアクセス先のURLをファイルに記述するのみです。 実行例。デフォルトで10秒間に500リクエスト行います。アクセス先のUR... 続きを読む

テーブルの情報をJSON化「Table-to-JSON」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/18 53 users jQuery JSON Tabler ダイアログ エンジニア

Table-to-JSONはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。先日、JSONからテーブルを自動生成するTablerを紹介しましたが、今回はその逆です。テーブルタグからJSONを生成するTable-to-JSONを紹介します。 デモのテーブルです。Convertボタンを押します。 ダイアログが表示されます。確かにJSONデータで取り出せ... 続きを読む

これは凄い！RubyでPhotoshopファイルを解析「PSD.rb」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/13 76 users Ruby Photoshopファイル エンジニア 解析 psd

PSD.rbはRuby製のオープンソース・ソフトウェア（MIT License）です。Webやアプリのデザインの際にPhotoshopを使う事がよくあります。そんな時に出来上がった画像を分析してコーディングに落とし込んだりします。それの自動化さえできるようになるのではないかというライブラリがPSD.rbです。 インストールはRubygemsで行えます。 適当なPSDファイルを読み込んでparse!... 続きを読む

JSONデータを使ってテーブルを表示「Tabler」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/12 53 users JSON Tabler カラム JSONデータ ソフトウェア

TablerはJavaScript製のオープンソース・ソフトウェア（MIT License）です。HTMLテーブルは様々な場面で使われます。そのため、より使い勝手よくカスタマイズしたり表示をダイナミックに変更したいと言ったニーズが出てきます。そこで今回はJSONからテーブルを表示するTablerを紹介します。 基本的な使い方。カラムを定義してJSONデータを当てはめるだけです。 全てを表示するので... 続きを読む

ローカルで編集すると即座にSCPでアップロード「sync」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/12 60 users sync scp 即座 Dropbox リモート

syncはPython製、MIT Licenseのオープンソース・ソフトウェアです。Dropboxは便利ですが、それに慣れてしまうと独自のサーバにコンテンツをアップする時に不便に感じた経験はないでしょうか。そこで使ってみたいのがsync、SCPを使ったファイルアップロードツールです。 実行しました。実行の際にはローカルとリモートのディレクトリパスを指定します。 ファイルを作成しました。自動的にアッ... 続きを読む

レスポンシブなデザインを構築する際のベースに「skelJS」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/11 73 users Bootstrap フレームワーク ソフトウェア エンジニア

skelJSはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。レスポンシブなWebデザインを考える際にはブロックを意識してデザインを行う必要があります。多くは幅を12分割して提供するようです。レスポンシブなサイトやWebアプリを開発するためのフレームワーク、skelJSも同様の設計となっています。 デスクトップサイズ。Bootstrapのように見やすい画面になって... 続きを読む

Vagrantを設定ファイルをWeb上で作成「PuPHPet」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/07 78 users Vagrant ディストリビューション 仮想サーバ PHP製

PuPHPetはPHP製、MIT Licenseのオープンソース・ソフトウェアです。Vagrantが注目を集めています。簡単に仮想サーバを立ち上げられますが、設定ファイルを書けばさらにコマンド一つで環境まで整ってしまいます。そんなVagrantの設定ファイルを設定を行うだけで生成してくれるのがPuPHPetです。 最初にディストリビューションを決めます。 次に最初にインストールするパッケージや設定... 続きを読む

Googleアナリティクスを使ったA/Bテストを簡単に実現させる|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/05 94 users Googleアナリティクス エンジニア ソフトウェア ボタン

easyABはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。ボタンの色が赤であるべきか、青であるべきか、キャッチコピーはどちらの方が良いか。そんなことは正直試してみないと分かりません。そこで必要なのがA/Bテストで、easyABを使えばGoogleアナリティクスを使って容易に測定できます。 使い方です。スロットと呼ばれるのがテスト設定になります。A... 続きを読む

JavaScriptとObjective-Cを連携させるハイブリッドアプリ解発に「HybridKit-JS」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/01 50 users Objective-C ネイティブ HTML エンジニア 画面

HybridKit-JSはObjective-C/JavaScript製のオープンソース・ソフトウェア（MIT License）です。最近のスマートフォンアプリ開発では必要に応じてJavaScriptとネイティブを組み合わハイブリッドアプリが増えています。そこで紹介したいのがHybridKit-JSです。 デモアプリです。この画面はHTMLで出来ています。 HybridKit.runCommand... 続きを読む

JavaScriptによる自動振仮名入力「autokana」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/07/25 65 users jQuery フリガナ ライブラリ ユーザ ソフトウェア

autokanaはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。フォーム入力というのはユーザにとって相当なストレスになります。ちょっとでも面倒だと思うと諦めてしまいます。そこでなるべくユーザのストレスを減らして入力できるライブラリを用意すべきです。今回はフリガナ入力補助ライブラリautokanaを紹介します。 “な”と入力すると、ふりがなの欄に“... 続きを読む

セキュアなRuby on Rails環境を実現するセキュリティチェッカー「Hakiri」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/07/15 67 users データベースサーバ マニフェスト Ruby製 Webサーバ

HakiriはRuby製、MIT Licenseのオープンソース・ソフトウェアです。Webサーバのセキュリティは万全でしょうか。できるだけのことはしつつも、それでもバージョンアップが適切に行われていない場合もあります。特に外部に公開されるWebサーバや、そこから接続されるデータベースサーバについては重点的にチェックが必要です。そこで使ってみたいのがHakiriです。 最初にマニフェストを作成します... 続きを読む

データベース無し、Markdownでコンテンツを作成するCMS「Pico」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/07/14 186 users pico Markdown CMS フォルダ データベース

PicoはPHP製、MIT Licenseのオープンソース・ソフトウェアです。CMS（コンテンツマネジメントシステム）と言えばデータベースにコンテンツを入れて、システムがそれを一覧にしたり詳細ページを作ったりします。運営担当者が自由にできるところは限られるものです。しかしPicoであればカスタマイズが容易でかつ高速なCMSが手に入ります。 フォルダを配置するだけで準備は完了です。インストールの手間... 続きを読む

node.jsを組み込んでローカルアプリケーション風に動作「node-webkit」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/07/04 60 users node-webkit デモアプリ サーバサイド node

node-webkitはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア（MIT License）です。nodeは一般的にサーバサイドの技術で、サーバを立ててその上で実行されます。しかしnode.jsを使ってクライアント向けのアプリケーションが作れたらとても便利そうです。そんな夢を実現してくれるのがnode-webkitです。 こちらはデモアプリ。ブラウザはChroniu... 続きを読む