画像をスライドで切り替えていくカルーセル機能は数多くのWebサイトで実装されています。サイトの機能を紹介するのに使ったり、ギャラリーとして画像を切り替えるのにも使えます。アイディア次第で使いところが多い機能です。 便利さゆえに多数のライブラリが出てきていますが、もうこれで十分ではないかと思わせるのがslickです。多彩な機能を揃え、オプションも豊富なカルーセルライブラリです。 slickの使い方 まずはサンプルと一緒に。これが一番ベーシックな使い方です。 $("target").slick() で実現されます。 レスポンシブにも対応しています。 フリック操作で切り替えも可能です。 複数のスライドを同時に見せることもできます。 画像読み込みを遅延させることもできます。 左右からの表示だけでなくフェードインなどのアニメーションもできます。 スライドを追加したり削除するのも自由です。 スライドを

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Amazon Web Services（以下AWS）を使っている企業はとても多いです。元々Web APIだけしか提供していなかったAWSも管理画面を提供するようになって使いやすくなりましたが、それでも数十台、数百台のサーバを管理しようと思ったらまだまだ使い勝手は悪いかも知れません。 少なくとも数千台以上、EC2のインスタンスが動いていているNetflixでは管理画面が使い勝手悪いようで、独自の管理画面を構築しています。それがAsgardです。 Asgardの使い方 スタンドアローンなバイナリが配布されていますので起動は簡単です。起動し終わったら、http://localhost:8080/ にアクセスします。 AsgardはAWSの各種サービスに接続して操作ができます。クラスタリン

Dream it. Build it. Grow it.Whatever your vision—a SaaS app, an AI/ML business, a website, an eCommerce store—build it here using DigitalOcean's simple, cost-effective cloud hosting services.

Windows 8のアプリはHTML5/JavaScript/CSS3といったWeb技術で開発できます。そこでマイクロソフトでは元々、UIをWindows 8風にしてコンポーネントを組み合わせる形で開発を進められるライブラリ、Windows Library for JavaScript（以下WinJS）を提供していました。 そしてWinJSがオープンソースとして公開されることになりました。Windows 8だけでなく、多彩なコンポーネントを用いたWebアプリケーションが開発できるようになるでしょう。 WinJSの使い方 主なコンポーネントを見ていきます。 WinJSでは特にアニメーションに注力して実装されているように見えます。アプリはこれまでのソフトウェアと異なり、流れるような操作性が重視されます。さらに多彩なコンポーネントを用意することで全体のバランスが維持されるようになっています。 G

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 筆者の環境では試せていないのですが面白そうなのでご紹介。 NoSQLも一定の認知度をもつようになってきました。特に有名なものとしてはMongoDBが知られています。JavaScriptが書けるのが便利で、MongoDB内でMapReduceを使ったりすることができます。 そんなMongoDBに強力なライバルが出現するかもしれません、というのがEnosqlになります。何とベースになるエンジンにV8を使った埋め込み型NoSQLエンジンです。 Enosqlの使い方 例えばこんな感じのコードになるようです。 public class Tasks { public string _id { get; set; } public string task { get; set; } public

頭の中で起こっていることを可視化する思考ツール「マインドマップ」は頭の中をスッキリさせたい時に有用なツールですが、PC上でマインドマップを分かりやすく表示し、かつ、BMP・CSV・PDF・PNG・Text・TIFFなどさまざまな形式で簡単に出力できるソフトウェアが「Blumind」です。 Blumind | Mind-Map Editor http://blumind.org/ ダウンロードはトップページ右端の「Blumind 3」というリンクをクリックすると始まります。 ダウンロードされたインストーラーを実行。 実行をクリック。 「Next」をクリック。 ライセンスが表示されるので、同意したら「I Agree」をクリックします。 さらに「Next」をクリック。 「Install」をクリックすると、ソフトウェアのインストールが始まります。 インストールが終了したら「Finish」をクリック

バッテリーの持ちが悪くなった気がしたり、たまに突然電源が落ちたり。そんなiPhoneの調子がなんか悪いなあと感じる時ありませんか。そんな時ネットで対処方法を調べるのも一つですが、まずAppleが提供しているiOS診断を試してみてはいかがでしょうか。AppleがあなたのiPhoneのトラブルを診断し、どうすればいいかを判断してくれます。 ということで、僕の所有しているiPhone5（購入して1年3ヶ月）のバッテリーの持ちが最近悪くなった気がするので、実際にiOS診断を試してみました。AppleのHP→サポート→「お問い合わせ」を選択 「こちらからスタート」を選択 iPhoneを選択 「バッテリー、電源、及び充電」を選択 「バッテリーに関する質問/トラブルシューティング」を選択 「お使いのiPhoneから直接Appleへシリアル番号及びシステムの情報をお送りください。・・・」を選択 iPhon

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ローカルや社内では問題なく動作するのに、外部やネットワークが細い環境下ではエラーになってしまうといったケースは良くあります。光ファイバなどが当たり前な現在、高速なネットワークではない環境を再現するのは難しくなっています。 単純にネットワーク速度を遅くするソフトウェアもありますが、clumsyは任意のパケットを廃棄したりしてネットワーク状態の良くない場合を再現するのに最適なソフトウェアです。 clumsyの使い方 設定は幾つかあります。遅延を再現するラグ、任意のパケットを廃棄するドロップ、ブロックトラフィックを単一のバッジとして送信するスロットル、パケットをクローンして送信、パケットの順序変更、パケットの内容を変更など様々な処理が行えます。 ネットワークがごくごく当たり前に全く問題な

2800種類のPNG形式のアイコンが無料でダウンロードでき、また専用のソフトウェアを使うとPhotoshopで簡単にファイルを開いて編集できるようになるのが「Icons8」です。 Free download of 2800+ icons in Windows 8 and iOS 7 style — Icons8 http://icons8.com/ どのようなアイコンが含まれているかというと、例えばよく使われているのはこのようなもの。 ほかには音楽系 キャンプ系 飲食系 工業系 ITインフラ系 世界の文化系 スポーツ系 科学系 星座系 各種SNS アイコンをダウンロードするには「download free icon packs」をクリック。 テキスト欄が現れるので、自分のメールアドレスを入力して「submit」をクリックします。 以下のようなページが現れるので、ソフトウェアをインストールす

全角ひらがな・カタカナ・アルファベット・数字などに対応した手作りフォントが「はらませにゃんこ」。無料でダウンロードでき、デジタル・アナログどちらのコンテンツにも使え、商用利用や改造も可能です。 フリーフォント「はらませにゃんこ」 http://inatsuka.hp2.jp/extra/haranyan/ 使用例はこんな感じ。フォントは「手作りならではの柔らかさ・雑さが魅力」とのこと。 力強いフォルムなので、タイトルやロゴデザインに活用しても目を引きます。 収録文字はひらがな・かたかな・数字・記号・アルファベットなど。 「ミリ」や「センチ」などの環境依存文字は肉球や猫・ハートなどの記号となって変換されます。 ダウンロードはページ下部のオレンジのボタンを押すと始まります。 「はらませにゃんこ」の作者は稲塚 春さん。使用するコンテンツの種類を選ばず、商用利用も可能ですが、勝手に第三者に利用許可

LanguageTool for macOS is here Check texts right in Apple Mail, Slack, Messages, and more Learn more

最近はカレンダーというとWebアプリケーションで提供するケースが多いように思いますが、今回はGUIアプリケーションを紹介します。しかもJava製とあって、Windows/Mac OSX/Linuxとマルチプラットフォームで動作します。 Raplaは単独のクライアントアプリとしての動作も、サーバモードとして立ち上げて他のRaplaから接続することもできます。カレンダーサーバとして社内で共有するのも良さそうです。 Raplaの使い方 メイン画面です。左側に種別、右側がカレンダー表示になっています。 マウスのドラッグで時間の幅が指定できます。 イベントを作成します。 Java製だからでしょうか…ちょっと表示が残念な感じです。 エクスポートはCSVまたはiCalでできます。 設定画面です。 デイビュー。一日だけのスケジュールが確認できます。 アポイントメント。予定だけをリストアップします。 マンス

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Dropboxの手軽さは修正したら自動で同期されるという点にあると思います。この変更したら自動という点が重要で、作業が終わったら手作業でアップロード…なんて手間をかけているから作業を忘れてしまったり面倒に感じるのです。 ということで今回はAuto SFTPを紹介します。ファイルを追加、修正したら自動でSFTPを使ってアップロードしてくれる、そんなユーティリティです。 Auto SFTPの使い方 ヘルプは次のようになっています。 $ ruby sftp.rb -h -f: sftp.yamlに書かれているファイルを呼び出してSSHで接続します。 example: $ ruby sftp.rb servername servernameはyamlに記載されている上位のキーになります。

今までの書き方からどう変わるのか見てみましょう。 HTML/JavaScriptそしてスタイルシートはここ数年で代替記法がたくさん登場しています。個人的にはHamlやJadeはきついなぁと思ってしまうのですが、CoffeeScriptのようにコーディングがとても楽になる言語もあります。 スタイルシートにおいてはSassおよびScssが有名ではないかと思います。始めてみたいなと思う方はまずは自分の書いたCSSをSass/Scssにするとどういう記述になるのか確認してみるのが良いでしょう。それがcss2sassです。 css2sassの使い方 css2sassではデモのWebサイトが用意されています。 CSSをScssに変換しました。ミニファイされていた内容が綺麗になるのも良いですね。 こちらはSass。括弧がなくなるので読みやすくなりますね。 スタイルシート全体の内容を変換するのはもちろん、

漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き