Stable Diffusion発! 画像生成ブームに見るジェネラティブAIの人・もの・お金事情 - NTT Communications Engineers' Blog
この記事は NTTコミュニケーションズ Advent Calendar 2022 18日目です…が、少々遅れてお届けします。 はじめに PS本 5G&IoTサービス部 増田です。Advent Calendar参加も（たぶん）3年目となりました。 「テキスト指示をもとに、AIがお好みの画像を生成する（Text-to-Image）」「今ある画像へ、テキスト指示で編集を加える（Image-to-Image）」 -- そんな画像生成AIが注目を集めています。2022年の上半期、Open AIによるDALL-E 2の公開、Midjourneyの登場と盛り上がりを見せました。2022年8月23日のStable Diffusion一般公開からは、使ってみた報告、従来研究との融合、商用プロダクト応用と、研究者、アーティスト、プログラマなど様々な人の参加により、界隈はさらに活気づいています。 画像生成AIの
こんにちは、和田 (@t_wada) です。本日は Node.js Advent Calendar の 7 日目として、 Node.js で開発する際の設定ファイル package.json にまつわる Tips について書きたいと思います。 はじめに 私はこれまで power-assert を筆頭に、いくつか npm モジュールをリリースしてきました。 Node.js を使った開発には、設定ファイル package.json の記述が必要です。特に npm モジュールを公開する場合には、設定すべき事、考えるべき事もいろいろ増えてきます。今回は、 npm モジュールを作ってきた過程で学んだ package.json に関する Tips の中で、あまり知られていないマイナー気味なものを挙げていきたいと思います。 Tips1: package.json の files フィールドでホワイトリス
はじめに Unity でリップシンクを行う手段としては、事前にデータを作るものからリアルタイムに解析するものまで色々あります。本ブログでも以前、自分で作ったり Oculus 製のものを解説したりしました。 tips.hecomi.com tips.hecomi.com 前者の記事で自分が 7 年程前に作ったものは様々な依存（外部ライブラリやツールなど）が多く扱いづらいものでした。そこで今回これらの依存を廃してリップシンク単機能に絞り、またもう少しナウい実装にして uLipSync という名前で作り直してみました。 Job と Burst コンパイラを利用して処理を裏に回しつつ高速化 Unity のパッケージ以外の依存を排除 本エントリでは使い方をちょっとした解説を交えて紹介したいと思います。 追記（2021/02/27） 新しいバージョンの説明を書きました。 tips.hecomi.com
PHP にはアプリケーションを実行せずに静的にコード品質をチェックする静的解析ツールがいくつかあります。有名なところでは、PHPStan や Psalm、Phan、PHPMD などがあります。本エントリでは、まだこうした静的解析ツールを導入していないプロジェクト向けに PHPStan 導入の流れをまとめてみました。 3(4) 行まとめ サンプルコード PHPStan とは 適用方針 Playground PHPStan のインストール Composer Composer(Larastan) Docker 設定ファイルの作成 PHPStan の実行 主なエラー（level=0） baseline ファイルの作成 baseline ファイルの修正 CI での自動実行 GitHub Actions の設定 ブランチ保護ルール さいごに 3(4) 行まとめ composer もしくは Docker
Terminal.appで選択時にコピーするSIMBLプラグインを作りました - Hello, world! - s21g
MacOSXのTerminal.appで、選択をした時に、 自動的に選択した文字列をコピーするSIMBLプラグイン TerminalCopyOnSelect を作ってみました。 TerminalCopyOnSelect.bundle.zip インストール方法 まずはSIMBL をインストールします 上述のTerminalCopyOnSelect.bundle.zipファイルをダウンロードして展開します 展開されたTerminalCopyOnSelect.bundleを、 ~/Library/Application Support/SIMBL/Plugins/の下にコピーします。 ディレクトリが無い場合は作成してください。 Terminal.appのプロセスを終了し、Terminal.appをもう一度起動します これでOKです。 一時的にこの機能をオフにする場合は、 以下のようにメニューから
レトロゲームエンジンPyxelでプログラミングを始めよう！（2020.4.4版） - kitao's blog
こちらの記事は2020年時点の古い情報になります。最新の情報はこちらをご参照ください。 在宅勤務、週末の外出自粛と、何かと家にいることが多くなりました。 厳しい状況が続きますが、まとまった時間を確保して、新しく何かを身に着けるにはいい機会と言えるかもしれません。 そこで、在宅の時間を活用して、Pythonの使い方やゲームプログラミングを覚えたいという方に向けて、最新版に対応したレトロゲームエンジンPyxelの紹介記事を再作成してみました。 古い紹介記事を読んで、以前のインストール方法を試して詰まっている方もたまに見かけますので、こちらの最新版の紹介記事を参考にしていただければと思います。 Pyxelとは Pyxel（ピクセル）は、昔ながらのドット絵タイプのゲームを簡単に作れる「レトロゲームエンジン」です。 GitHubでオープンソースとして公開されており、2018年7月30日のリリース後4
プログラマが気をつけるべき５つの人種
一口にIT業界と言いましてもその意味するところは実に幅広く、今日もそこかしこでITパーソンを自覚する人々の人生模様が織り成されております。そんなIT業界にはプログラミング楽しす！コード書きたす！革新大好き！なんていうイノセントなプログラマが特に気をつけるべき人種というカテゴリが存在します。なんとなく想像がつきますかね？想像のついたあなたもつかなかったあなたもしばしお付き合いのほどを。 1. 俺SEなんだけど仕事で何億って予算動かしてんだぜ？（すごいって言って！）こういう人種は、素人の書いた落書きのような絵に大金を積んでそのことを自慢したがるような人たちです。彼らには美しさというものが理解できず、金額の大小でしか物事の価値を判別できません。それだけならまだしも人の価値まで動かしている金額で決まると思い込んでいるフシがあります。彼らはSEと名乗っていてもその実態は普通のサラリーマンと大差なく、
CI（Continuous Integration、継続的インテグレーション）とは、プロジェクトの成果物を継続的に統合し、ビルドやテスト、インスペクション(ソフトウェアレビュー)などを実行する習慣のことです。 そして継続的デリバリ（Continuous Delivery）とは、ソフトウェアを素早くリリースして、プロジェクトの成果物に対する継続的なフィードバックを得られる仕組みを作る、CIを含む開発フロー全体の流れのことです。これらは、近年のソフトウェア開発において必要不可欠なものとなっています。 下記の記事は、CIの基礎知識と導入するメリットを解説しています。併せて読むと、より一層理解が深まると思います。 継続的インテグレーションを始めるための基礎知識 DevOps時代の開発者のための構成管理入門 iOSアプリ開発でCI／継続的デリバリを導入する3つの利点 iOSアプリ開発でCI／継続的デ
秋元@サイボウズラボ・プログラマー・ブログ: Flashによる複数ファイルアップロードライブラリSWFUpload
via Ajaxian SWFUploadというFlashのライブラリがAjaxianで紹介されているが、これけっこういいのではないか。 ファイルダイアログで表示される拡張子を指定できる 複数ファイルを、CtrlやShiftで選択できる イベント毎にJavascriptのハンドラを呼べる アップロード開始前にファイルの情報がわかる プログレスバーが表示できる ページ全体のリロード無しにアップロードされたファイルを表示できる Flashの動く環境すべてで動く FlashやJavascriptが使えない環境でも、通常のフォームアップロードになる 最後の項目は重要だろう。 リンク先でデモを試せる。”Try it out!”ボタンを押して、適当なファイルを複数選び、アップロードすると、ファイルサイズやプログレスバーが表示される。 複数アップロードは、Webアプリでよく要望されて困るところだし、プロ
これなら簡単で便利！最近見かけるCSSのさまざまなコンポーネントをコピペで利用できる -CodyHouse Framework
HTMLとCSS、そしてJavaScriptで実装された最近のWebページやスマホアプリで見かけるさまざまなコンポーネントを簡単に利用できるフレームワークを紹介します。 各コンポーネントは単体でもHTMLとCSSのコピペで利用できるので、既存ページや他のフレームワークにも簡単に使うことができて便利です。 CodyHouse Framework 2.0 CSSベースの軽量フレームワーク アクセシブルで、Webページやスマホアプリのインターフェースを構築するための8Kb軽量フロントエンドフレームワーク。 さまざまなコンポーネント HTMLとCSS、そしてJavaScriptで実装された、87種類のコンポーネント。 実装もカスタマイズも簡単 コピペで利用でき、既存のCSSルールを上書きする必要はありません。 モバイルファースト すべてのコンポーネントは、モバイルファーストで実装されています。 プ
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 【2017年9月時点の情報で更新しました。】 Xamarin(ザマリンと読みます) とはなんぞや、個人開発者として使う時にどうなるの、的な事をさらっと書いてみようと思います。 Xamarin は 2016年2月、Microsoft に買収され、 Visual Studio に無償で同梱されることになりました。 【速報】Xamarin のこれからについて！ - Xamarin 日本語情報 Xamarin が Microsoft に買収された結果 - Qiita Xamarin 自体は元企業名であり、その歴史は .NET の Linux 版
アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。 コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。 Akar Icons Akar Icons -GitHub Akar Iconsには現在、283種類のアイコンが揃っています。少し丸みを帯びたシンプルなデザインは、非常に使い勝手がよいと思います。MITライセンスで、商用プロジェクトでも無料で利用できます。
ライセンスをつけないとどうなるの？ - Qiita
GitHub上でプログラムを公開するとき、 どのライセンスを使えばいいのかわからない どうやってライセンスを設定すればいいのかわからない ライセンスというもの自体が難しそうでよくわからない などの理由で、ライセンスを設定しないままになっていることはないでしょうか？ この記事では、個人の開発者によるプログラムにライセンスが設定されていなかった場合にどのようなことが起きるのか、という観点からスタートして、ライセンスについての理解を深めていこうと思います。1 注意1: この記事の執筆者は法律に関する専門家ではありません。法律やライセンスに関する言及や解釈は不正確である可能性があります。実際の問題に対しては専門家による助言を受けてください。 注意2: この記事の内容は執筆者個人の見解であり、所属企業・部門の見解を代表するものではありません。 ライセンスがないということ プログラムのソースコードは、
商用利用無料、ベクターで使いやすい！MacBook, iPhone, Apple Watchなど人気のあるデバイスのモックアップ素材
iPhone, Galaxyをはじめ、Apple Watch, iMac, MacBookなど、人気のあるデバイスやブラウザのモックアップ素材を紹介します。ベクターなので使い勝手もよく、プレゼンにもぴったりです。 ベクター素材は、Figma用とSktch用の2種類が揃っています。 Vector Mockups Library Vector Mockups Libraryはベクターのモックアップ素材、MITライセンスで商用プロジェクトでも無料で利用できます。 デバイス・ブラウザは、下記の通り。 iPhone 12 iPhone SE 2 iPhone SE Samsung Galaxy S20 Apple Watch iMac MacBook Safari Chrome ダウンロードは、下記ページから。 まずは、「Download」ボタンをクリックします。
MOONGIFT: » JavaScriptではじめるMac OSX用アプリケーション開発「JSCocoa」:オープンソースを毎日紹介
Mac OSX向けのアプリケーションを開発するにはCocoaやObjective-Cといった特有の言語を習得する必要がある。今はWebアプリケーションが盛り上がっているのに、特定のプラットフォームでしか動かない言語を習得するのは面倒くさい、そう考える方も多いはずだ。 アプリケーション一覧、プロセス一覧を表示するデモアプリケーション そんな方に朗報だ。JavaScriptを知っていればMac OSX向けアプリケーションが開発できる時代になってきたのだ。それを可能にするのがJSCocoaだ。 JSCocoaはGoogle Code上で公開されているオープンソース・ソフトウェアで、ライセンスはMITライセンスとなっている。 Mac OSXでは元々RubyCocoaと呼ばれるソフトウェアやPyObjCといったPythonとObjective-Cの橋渡しをするソフトウェアが存在している。この時に使わ
僕らが日々使っているproteus-monitorが公開されています＋インストール方法 - oranie's blog
詳しいアーキテクチャなどは今後おいおい・・・なんですが、とりあえず公開されていますよ、という紹介記事です。自分たちで使っているので言うのも何ですが、非常に素晴らしいツールで是非良かったら試してみて欲しいです。 何をするツールなのかというと、agent側で値を取って来てserver側でWeb画面表示させる、という書いてしまえば「ふーん」な感じなんですが、現在これでdstatの値等を取ってきて可視化しています。こんな感じです。とてもシャレオツです。 で、1台や2台だとあんまり威力が分からないかもですが、これが数十台や数百台の運用になってくると ・わざわざサーバにログインして見るとかﾘｰﾑｰ ・cactiやmuninもポーリングしている間隔で取れていないとかがあるので、「今この瞬間の全サーバの状況が知りたい！」という「おやじの全盛期は全日本の時か・・・オレは・・・オレは今なんだよ！」というのに向
実践Ruby on Rails 4 現場のプロから学ぶ本格Webプログラミング 顧客管理システムの構築を体験しながら、Railsアプリケーション開発のノウハウを習得！ この記事は、書籍『実践Ruby on Rails 4 現場のプロから学ぶ本格Webプログラミング』の内容を、Think IT向けに特別にオンラインで公開しているものです。詳しくは記事末尾の書籍紹介欄をご覧ください。 本記事では、VirtualBoxとVagrantを用いて仮想マシン上にRailsの開発環境を整える手順を解説します。仮想マシンのOSにはCentOSまたはUbuntu Serverを使用します。また、データベース管理システムとしてMySQLとPostgreSQLを仮想マシン上にインストールします。 仮想マシンを利用したRails開発 本書ではCentOSまたはUbuntu ServerをインストールしたVirtu
ブラウザだけでなく各種アプリに表示される広告も非表示にできる無料広告ブロッカー「Zen」、Windows・macOS・Linux対応でソースコードも公開中
ウェブページに表示される広告を非表示にできるブラウザ拡張機能は多くの種類が存在していますが、PC利用時にはウェブブラウザだけでなく各種アプリのウィンドウ内に広告が表示されることもあります。2023年12月4日に公開された広告ブロッカー「Zen」を使えば、システム上で動作するすべてのアプリを対象に広告を非表示化できるとのことです。 GitHub - anfragment/zen: Simple, free and efficient ad-blocker and privacy guard for Windows, MacOS and Linux https://github.com/anfragment/zen ほとんどの広告ブロッカーはブラウザ向けの拡張機能として配布されており、ブラウザ内の広告しかブロックできません。一方でZenは「システムそのものにインストールし、すべてのアプリからの
「OSS = パクリ」の発言がなぜエンジニアを怒らせるのか｜田畑浩平 | iOS Engineer x Designer｜note
以前、有志の方が立ち上げた福井県新型コロナウイルス感染症対策サイトをパクリと発言し炎上、という方がいましたが、大阪府がCode for Osakaの協力を得て立ち上げた大阪府版のサイトについても、同様の発言をして炎上した方がいるようです。 「OSS = パクリ」発言が炎上を繰り返すのマジで無益なので、エンジニア・非エンジニアの溝を埋めるべく、この記事を書いてみました。 OSSとは？OSSとは、Open Source Softwareの略称で、ソースコード(＝コンピュータ・プログラム)が公開されており、目的を問わずソースコードの利用・修正・再頒布が可能なソフトウェアのことです。 対義語はプロプライエタリ・ソフトウェア。 (例：Microsoft Word、Adobe Photoshopなど) Twitterのサーバ(ツイートなどのデータを保存している大きいコンピュータ)のOSはLinuxとい
こんにちは、SWETでCI/CDチームの前田（ @mad_p ）です。 SWETではCI/CDチームの一員として、Jenkins運用のサポートや、CI/CD回りのノウハウ蓄積・研究をしています。 はじめに 先日開催されましたCEDEC 2022にて、Gitリポジトリの肥大化に対応した事例を発表しました。これはそのフォローアップ記事となります。以前に出した記事の続編でもあります。 発表資料は次の場所に置いていますので、参照してみてください。 CEDiL（要登録）: https://cedil.cesa.or.jp/cedil_sessions/view/2600 Speaker Deck: https://speakerdeck.com/dena_tech/kaorumaeda_cedec2022 Gitリポジトリの肥大化問題 前提となっている課題をおさらいしておきます。 Gitリポジトリは
これなら簡単！Bootstrap 4.0のデザインがカスタマイズできる商用でも無料のオンラインツール -Bootstrap Magic
Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、BootstrapのUIコンポーネントを利用する時に、Bootstrapのテーマを作成する時に、便利なオープンソースの無料ツールです。 Bootstrap Magic Bootstrap Magic -GitHub Bootstrap Magicの特徴 Bootstrap Magicの使い方 Bootstrap Magicの特徴 Bootstrap 4.0対応 最新のBootstrap 4.0のすべてのテンプレート・コンポーネントに対応しています。 Sass対応 BootstrapはSassにも対応しているので、Bootstrap Magicでも同様にSassの変数が利用できます
ActiveXパッチがあたったIEでFlashなどを従来通り表示させるためのJavaScript（Flashのバージョン検出機能付き）
2006年4月のActiveXパッチがあたったIEでFlashなどを従来通り表示させるためのJavaScript（Flashのバージョン検出機能付き） Eolasの特許回避のため、2006年4月の月例パッチでInternetExplorerのActiveX周りに変更が加えられました。 具体的には、従来のようにHTMLページ内にobjectタグやembedタグでFlashを表示するように記述した場合、Flash上にマウスカーソルを持って行くと「このコントロールをアクティブ化して使用するにはクリックしてください」 と表示され、そのFlashがクリックを受け付けたり、マウスの位置情報を取得したりするためには（インタラクティブに振る舞うには）、一旦Flash上でクリックなどをしてFlashコントロールをアクティブ化しなくてはならなくなりました。 これの回避方法として、外部JavaScriptによっ
こんにちは、エンジニアリングマネージャーの渡辺（@mochi_neko_7）です。 少し前にTwitterで、GitHub CopilotがLGPLライセンスのコードをライセンス表記なしに出力する、という話が話題になったのをご存じですか？ @github copilot, with "public code" blocked, emits large chunks of my copyrighted code, with no attribution, no LGPL license. For example, the simple prompt "sparse matrix transpose, cs_" produces my cs_transpose in CSparse. My code on left, github on right. Not OK. pic.twitter.c
HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog
Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんｗ)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンと、HTML5の新要素Canvasを使うバージョンの二種類を用意しました。 【2017年4月26日 追記】 【重要】JSライブラリーはGitHubで更新しています。使用したい方は次のGitHubのリポジトリを御覧ください。 Canvas版はCreateJS 2015年版でも動作するよう更新しました。 デモ demo (HTMLエレメント版) demo (Canvas版) ソースコードはMITライセンスで公開してしますので、個人・商用問わずご自由にお使いください。 ShuffleText.js (HTMLエレメント版) ShuffleEaselText.js (Canvas版) それでは以下で使い方を紹介して
プログラミングしてますか？僕は都内在住のエンジニアで、最近は主にRuby/Go/TypeScriptを触っています。 趣味で競技プログラミングを始めたのでC++も触るようになりました。 そんな僕ですが、6/22にリリースされたV言語に興味を持っています！ 最近だとかなりプロダクションコードでも採用されるのを聞くようになったGo言語がありますが、さらにモダンな言語です。 vlang.io このV言語について公式は以下のように言っています。 Simple, fast, safe, compiled language for developing maintainable software V言語（The V Programming Language）とは インストール手順 V言語の嬉しい部分と特徴 特徴 translating C/C++ to V Hot code reloading その他
【レポート】Mac OS Xで地デジを録画する! - 開発者が語る「recfriio for Mac」 (1) 「recfriio for Mac」とは何か? | パソコン | マイコミジャーナル
今年に入り、地上デジタル放送をPC上で録画・視聴するためのチューナー機器が単体で一般販売されるなど、PCで地上デジタル放送を楽しむことが一般的となりつつあります。しかし、Mac OS Xではワンセグチューナーを利用する場合を除き、対応する機器が存在しなかったために、地上デジタル放送を視聴・録画することは不可能でした。 そこで筆者は、PC用の地上デジタル放送対応チューナーの先駆けとなったFriioに注目し、Mac OS X上でFriioを用いて地上デジタル放送を録画するためのコマンド「recfriio for Mac」と、専用の疑似ドライバ「FriioDriver」を開発しました。macfriioプロジェクトページにおいて、バイナリおよびソースコードをオープンソースとして配布しています(ライセンスはMITライセンス)。 recfriio for Macは、FriioからMPEG2-TSデータ
JavaScript Primer 改訂2版をリリースしました！/JavaScript Primerはなぜ更新され続けるのか？ JavaScriptの入門書であるJavaScript Primer 改訂2版 迷わないための入門書がリリースされました。 書店やオンライン書店で購入できます。 KADOKAWA: 「JavaScript Primer 改訂2版 迷わないための入門書」azu [ＰＣ・理工科学書] - KADOKAWA Amazon: JavaScript Primer 改訂2版 迷わないための入門書 | azu, Suguru Inatomi |本 | 通販 | Amazon 楽天: 楽天ブックス: JavaScript Primer 改訂2版 迷わないための入門書 - azu - 9784048931106 : 本 ヨドバシ: ヨドバシ.com - JavaScript Pri
【fabric】複雑なタスクをAIが自動化、人間の能力を拡張するオープンソースAIを使ってみた 2024 8/20 WEELメディア事業部LLMライターのゆうやです。 fabricは、誰でも人生や仕事を向上させるために使用できる、オープンソースAIフレームワークです。 このフレームワークは様々なタスクをパターン分けしており、文章の要約や動画の抽出といったタスクを簡単に実行できるほか、それらのパターンを組み合わせて高度なタスクをこなすこともできます。 以下の動画は実際に動作している様子です。 引用元：https://github.com/danielmiessler/fabric?tab=readme-ov-file#fabric-is-an-open-source-framework-for-augmenting-humans-using-ai fabricのGithubのスター数は、4,
Windows 10に最適化されたLinuxディストロ「WLinux」が爆誕 - 期間限定の50%オフでセール中 | ソフトアンテナブログ
最近のWindows 10にはWindows Subsystem for Linux(WSL)と呼ばれる仕組みが導入され、UbuntuやDebianといった有名なLinuxディストリビューションをMicrosoft Storeからダウンロードしてインストールすることが可能となっています。 今回これら既存のLinuxディストリビューションとは異なり、WSLに最適化された新しいLinuxディストリビューション「WLinux」が公開され注目を集めています(MSPoweruser)。 WLinuxはWSL向けに小さくより適切なパッケージとデフォルト設定を持つDebianベースのディストリビューションで、Whitewater Foundryによって開発されています。 WLinuxは以下のような特徴を持っています。 WSL上に構築された開発者向けの高速Linuxターミナルおよび開発環境。 人気の開発環
Node.jsによるPusherクローン「Keima」をリリースしました #codefirst - みずぴー日記
http://keima.herokuapp.com/ 「えーpolling!? pollingが許されるのは小学生までだよねー、キャハハハ」というわけでpush通知にWebSocketをお使いのみなさま、こんにちは。 しかし、毎回、WebSocketを扱う機能を実装するのは、いくつかの理由で面倒ですよね! WebSocketは様々なバージョンがあるので、すべてに対応するのは面倒。 同様の理由で、個別のアプリで作り込んでしまうと、WebSocketのバージョンアップに追従するのが面倒。 WebSocketは大抵別サーバになっているので、設定が面倒。 Heroku等のPaaSではWebSocketを使えないことが多い。 (2015/1/23追記: HerokuはWebSocketをサポートするようになりました) そこで、WebSocketによるpush通知に特化したWebサービス Keima
2009/03/25 オープンソースムーブメントの立役者の1人で、その開発モデルを分析した論文「伽藍とバザール」の存在で知られるエリック・S・レイモンド氏が、われわれ（オープンソースコミュニティ）は、「もはやGPLを必要としていない」という論議を呼びそうな自説を主張している。 GPLはデメリットが大きい GPLは、もはやメリットよりデメリットが大きいという持論を「異端の説」としてレイモンド氏が唱えたのは「LILUG」（ロングアイランドLinuxユーザー会）での講演。レイモンド氏を招いたLILUGが、2009年3月10日の講演内容をブログで伝えている。ブログには講演の動画へのリンクがあるほか、主張のポイントとなる個所が全文引用されている。 レイモンド氏は、オープンソースコミュニティ全体を代表しているわけではないが、優秀なハッカーとして、また文筆家として広く尊敬を集めている。レイモンド氏は、1
HTML5入門：アニメーションの実装方法３種
HTML5・CSS3のような新しい技術の問題点は、HTML4やらFlashなどの枯れた技術と違ってノウハウ・ライブラリ・ツールとかがまだ十分にそろっていない事。普及のタイミングもまだはっきりとしていないこの段階で手を出せない・出しにくいと感じている人が多いのも良く理解できる。 私から見れば、逆に「こんな楽しい状況は滅多にない」わけで、商売になるかならないかは二の次にしていろいろと試したくなる。 今日作ったのは、HTML5+CSS3上で可能になる（ただし現在ではWebkit独自の拡張を含む）３つのアニメーション・テクニックの比較（左に貼付けたものがそれ、Safari/Chromiumだとすべて動く。Firefox/OperaだとDOMとCanvasのみ（ただし別ウィンドウで開かないとCanvasが動かないークロス・ドメインセキュリティのバグか？））。 詳しくはソース（参照）を見ていただければ
Web制作に使えるエディターAtom、Brackets、Coda、Sublime Textの現状まとめ
Web制作に使えるエディターAtom、Brackets、Coda、Sublime Textの現状まとめ：新人Webデザイナー／開発者も知っておきたい Web制作に長年携わる筆者が数あるテキストエディターの中から代表的な4つをピックアップ。機能別に違いをまとめてみたので、エディター選びの参考にしてほしい。 皆さんは普段、Web制作にどのエディター（テキストエディター）を使っているだろうか？ この記事を読んでいる方の中には、Webデザイナー／開発者になったばかりで常用しているエディターが決まっておらず、どれがいいのか探している方もいるかもしれない。また、今使っているエディターに不満があり、乗り換えを検討している方もいるかもしれない。 最近は、さまざまなエディターが登場しており好みに合わせて利用できるが、それぞれの特徴を把握し、自分に最適なものを選ぶためには、ある程度使ってみなければ分からない。
JavaScriptでの開発にライブラリとフレームワークは欠かせないと言っても過言ではありません。しかし、種類が多すぎて選ぶのに迷うという方は多いのではないでしょうか？ そこで本記事では、人気のJavaScriptフレームワーク＆ライブラリをまとめました。各フレームワーク・ライブラリの特徴を解説していますので、「.js」選びに迷った際には、ぜひ参考にしていただければ幸いです。 JavaScriptライブラリとフレームワークの違い JavaScriptライブラリとJavaScriptフレームワークがあるのは知っているものの、実は違いをよく分かっていないという方は多いのではないでしょうか？ たとえば、Reactはライブラリで、Angularはフレームワークですが、解説記事でも混同して使われるケースがしばしば見受けられます。開発で利用するならそれぞれの役割の違いを正しく理解しておいた方がよいでし
Slackでは、チャット形式でメッセージやファイルのやりとりができ、リアルタイムなコミュニケーションが可能です。また、UIが分かりやすく直感的に操作できるため、初めての人でも使いやすいのが特徴です。ユーザーは「チャンネル」というチャットルームに自ら参加し、自由なコミュニケーションができます。なお、一部の人だけでチャットをするプライベートチャンネルや、個人宛のメッセージも可能です。 その他、高い検索機能や簡単なファイル共有、多彩なショートカットコマンド、外部サービスとの連携の容易さなどが、人気の要因となっています。 Slackは現在最も注目されているチャットツールの1つですが、クラウド型サービスであるため、企業内でやりとりしたメッセージの内容やファイルなどのデータは外部のサーバに保存されることになります。企業によっては、社内情報を外部に保存することに抵抗があり、Slackおよびその他クラウド
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? クリップボード拡張Macアプリケーション「Clipy」を公開しましたので、内部で使っているフレームワークや作成の経緯などを書いていきます。 Clipy Web Site 開発背景 私はMacを使い出してからClipMenuを愛用してきました。 クリップボード拡張という便利機能に加え、スニペット機能によって格段に作業効率が上がるためです。 しかし、OSとの相性が悪いのかかなりの確率でアプリ自体のCPU使用率が100%になり固まってしまい作業がストップしていました。 原因として考えられるのは、 ClipMenu本体の開発が Snow Leo
S6 公開に関する方針 - IT戦記
12 月中にプレゼンテーションツール S6 を公開しようと考えていますが、ライセンスは MIT ライセンスにしようと考えています。 ということで、今まで作った以下のプレゼンにから読み込まれている s6.js ファイルのライセンスはすべて MIT ライセンスということにします。 http://amachang.art-code.org/pr/ http://amachang.art-code.org/shibuyajs24/ http://amachang.art-code.org/ejohn/ これから、たくさんの人が S6 に参加しやすいようにコードのリファクタリングや、テストの自動化などを行っていく予定です。 よろしくお願いします。
卒論を書いていたため、久々の技術ネタです。 携帯サイトの開発をサポートするプラグインを作りました。 Mobile on Rails API ドキュメント インストール方法 レポジトリをRuby forgeに移しました。 % ./script/plugin install http://mor.rubyforge.org/svn/trunk 更新履歴 以下のパッチを適用しました。ありがとうございます。 Mobile on Rails をSoftBank のあれな絵文字仕様に対応させた 主な機能は次の通り。 キャリア間の絵文字の変換メソッドキャリア内での絵文字表記の変換 ユーザエージェントに応じて絵文字を変換携帯サイト開発のための便利なメソッド フォームからの入力を内部エンコーディング(可読文字列)に変換するセッションIDをURLに付加携帯からのリクエストの際は携帯用のViewを読み込むリクエ
そのサービスはAjaxフレームワークで一変できるか？
そのサービスはAjaxフレームワークで一変できるか？：Web 2.0で変わるWebプログラミングの常識（1/4 ページ） 「prototype.js」と呼ばれるJavaScriptフレームワーク。多くのAjaxを応用したサービスで使われている「Ajaxフレームワークのデファクト」だ。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」では、これまでにAjaxの概要（第1回）から発展系としてどのような取り組みあるのか（第2回）、そして、効率的な組み込み方法の一つとしてJSONと呼ばれるデータ形式のやり取り（第3回）、Webサービスとの連携（第4回）について解説した。 Ajaxアプリケーションの開発では、Webブラウザ依存の問題を解消したり、DOMツリーを操作するといった必要性がある。しかし、開発者が一からコード記述していくのは現実的ではない。そこで一般には、何
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
細かすぎて伝わらない package.json 小ネタ三選 - t-wadaのブログ
Unity でリアルタイムにリップシンクを行うプラグインを作り直してみた - 凹みTips
level=0 から始める PHPStan(Larastan) 導入ガイド - Shin x Blog
iOSアプリ開発でCI／継続的デリバリ環境を始めるための4種の神器
Xamarin(ザマリン) とはなんぞや - Qiita
WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons
VirtualBoxやVagrantを用いたRails開発環境の構築方法（前編）
macOSのCopy-on-Write機能を使ってディスクを節約した話 - DeNA Testing Blog
ソフトウェアライセンスでヒヤッとした事例から学んだ教訓 - Activ8 Tech Blog
【プログラミング言語】モダンなV言語がリリースされたので触ってみる【シンプル且つ高速】 - pavlog
JavaScript Primer 改訂2版をリリースしました！/JavaScript Primerはなぜ更新され続けるのか？
【fabric】複雑なタスクをAIが自動化、人間の能力を拡張するオープンソースAIを使ってみた | WEEL
「GPLはもう要らない」、OSSの伝道師が異説 － ＠IT
「.js」選びに迷った時に役立つ！人気のJavaScriptライブラリ＆フレームワークまとめ！
Slackと違ってオンプレミス環境で作れるOSSチャット基盤4選＆RocketChatの基礎知識
クリップボード拡張Macアプリ「Clipy」を公開しました - Qiita
[Rails] 絵文字変換などの携帯サイト開発をサポートするMobile on Railsを作った