Locomotive Scroll - マルチプラットフォームで動作するパララックス・エフェクトライブラリ MOONGIFT
パララックス・エフェクトを使うと、インパクトのある表現が実現します。Webページは縦長のサイトが多いので、スクロールで見た目のインパクトが与えられればユーザの目を引きつけられるでしょう。 今回紹介するLocomotive Scrollはパララックス・エフェクトとDOMの表示されるタイミングを合わせたスクロールライブラリです。 Locomotive Scrollの使い方 デモです。表示される時のアニメーションもいい感じです。 細かくパララックス・エフェクトが適用されています。 表示されたタイミングで文字が動き出しています。 Locomotive Scrollはviewportもサポートされているので、マルチプラットフォームで動作します。スクロールに伴うアニメーションもスムーズです。使いこなすのはデザインも考えないといけないので大変そうですが、パララックス・エフェクトを実装する際に役立つことで
wow.js - スクロールで開始するCSSアニメーションライブラリ MOONGIFT
Web上でアニメーションを実現させるのはとても大変です。それだけに閲覧者にとっては大きなインパクトがあります。少しでも楽に実現させるために、ライブラリを使うのがいいでしょう。様々なライブラリを知っておけば、ぴったりの場面がありそうです。 今回紹介するwow.jsはスクロールによって出現するアニメーションライブラリになります。 wow.jsの使い方 デモです。下にスクロールするとアニメーションが開始されます。 こんな感じのアニメーションも。 wow.jsはCSSアニメーションを使っており、軽快に動作します。jQueryのような外部ライブラリは使っていません。遅延時間や回数、スタイルなどは自由に設定できます。サイズも3KB程度と軽量なので使いやすそうです。 wow.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 wow.js — Reveal Ani
Userbase - 静的サイト向けのBaaS
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Netlifyをはじめ、静的なWebサイトシステムが人気です。しかしすべて完全に静的ではなく、一部に動的な機能（コメントや認証など）を追加したいと考えることもあるでしょう。一部を動的にするためにすべてをサーバサイドで開発するのは面倒です。 そこで使ってみたいのがUserbaseです。静的サイトにも動的機能を追加できるバックエンドシステムです。 Userbaseの使い方 例えば認証機能です。静的なHTMLでも認証機能が追加できます。 管理画面です。認証したユーザが登録されています。 Userbaseにはデータベースの機能もあります。いわゆるBaaS（Backend as a Service）になるでしょう。かつてはスマートフォンアプリ向けが多かったですが、Userbaseは静的Web
Tumbleのダッシュボードをフィードに·Tumblr Dashboard RSS MOONGIFT
Tumblr Dashboard RSSはRuby製のフリーウェア（ソースコードは公開されている）。Tumblrを使いこなしていないので間違っているのかも知れないが、他のユーザのTumblrをフォローして、それをまとめて見るのはダッシュボードしかないようだ。RSSリーダーでまとめて見られると便利だが、そうはなっていないようだ。 出力した例 個々のユーザについてはフィードはあるが、一人一人フィードを購読するのは面倒くさい。時系列に一気に並んでいるダッシュボードがそのままフィードになってくれれば良い。それを実現するのがTumblr Dashboard RSSだ。 Tumblr Dashboard RSSはRuby製のフリーウェアで、コマンドラインで実行するとRSS2.0のフィードを出力する。予めTumblrのID/PWを登録しておく必要がある。ファイルで出力されるので、Cronなどで定期的に動
ビジュアルノベルを開発するためのエンジン·Ren'Py MOONGIFT
Ren'Pyはマルチプラットフォーム対応のビジュアルノベルエンジン。 Ren'PyはPython製、Windows/Mac OSX/Linux用のオープンソース・ソフトウェア。PC向けのゲームで人気が高いのがビジュアルノベルと言われるジャンルだ。アダルトゲームに良く見られるような、会話を繰り返し、選択をして結果としてゴールにたどり着くものだ。 チュートリアル ホラーゲームやミステリーゲームでも用いられる手法で、通常の小説とは異なりビジュアルに訴えたり、音を鳴らしたりしてより立体的に楽しめるのが特徴だ。そんなビジュアルノベルゲームを開発する環境がRen'Pyだ。 Ren'Pyは言ってみればビジュアルノベルツクールだ。サウンド、絵、テキスト、選択肢、効果といった素材を組み合わせてビジュアルノベルゲームを作り上げていく。作り方を説明するチュートリアルすらビジュアルノベル形式になっているのが面白い
Twitterのボットを作るなら·阿求ツイッターBOT MOONGIFT
阿求ツイッターBOTはPHP/MySQL製のオープンソース・ソフトウェア。Twitterでは○○ったーといったサービスや、ボットが多く出回っている。何らかのメッセージを投稿すると、それに自動的に返信したりするのがボットだ。 阿求ツイッターBOTのページ ボットはIRCの時代（恐らくそれ以前から）あったが、Twitterではよりインタラクティブに動くようになっている。そんなTwitterボットを自分でも作ってみたいと思うならば阿求ツイッターBOTをベースにしてみると面白そうだ。 阿求ツイッターBOTはOAuthを使って動作するTwitterボットだ。阿求というのは同人ゲーム東方シリーズの主人公稗田阿求のことのようだ。フォローに対して返事をしたり、API利用限界に近づくとメッセージを出したりする。さらに指定したワードに対して反応する。 設定 たまにランダムに発言したりもする。全く意味のない単語
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
