ういすぷのブログ
ういすぷの記録帳
タグ「サービス」が付いた記事
( 66 件)
-
ちょっとTwitterで身内で話題になって作ったサービスです。真ん中の『^o^』を押すとちょっとアクションがあります。↓↓↓ こちらでお試し頂けます！ ↓↓↓直接ページを表示する場合は、こちらのアドレスまで。https://media.tree-web.net/diary/watashi/連打にも対応しています。こちらは実際に使ってみた動画です。Youtubeでもご覧頂けます。https://yo [...]2018.11.08 -
ミクダヨーの顔を押す（タップ）すると、ダヨーが喋ります。ミクダヨー ダヨー。何となく作ってみたヨー。多分スマホとかで動くはずヨー↓↓↓連打してもダヨーダヨー↓↓↓https://media.tree-web.net/diary/dayo/使い方顔を押す（タップ）してください。□ 関連記事・にゃ〜〜ん！・ぱんぱかぱ〜〜〜ん 集中線（放射線）撮影用背景・くるくる回す CSSメーカー・ブラウザで作るQR [...]2018.10.14 -
SNOW MIKU 2018に関する記事などをまとめていきたいと思います。各種グッズやイベントなどのツイートなどを見かけたら、メモがてら記事にしていきます。■ 雪ミク関連、さっぽろ雪まつり、piaproブログなどの最新トピック※ 一定期間で自動的に取得しています。■ SNOW MIKU 2018 グッズ公式サイトのグッズの購入金額をわかりやすくしたサービスです。https://wispblog.t [...]2018.01.27 -
SNOW MIKU 2018のグッズ情報が並びはじめましたので、グッズの購入金額が計算出来るページを作ってみました。個人的に計算するのが面倒だったので、こさえました。特設ページはこちらです。http://wispblog.tree-web.net/data/1/i/SnowMiku2018/サイトにアクセするとグッズ一覧が表示されます。チェックボックス（左側の四角い枠）にチェックをいれると、背景が [...]2018.01.21 -
写真撮影用の集中線（放射線）が作れるWebサービスを公開しました。Adobe Illustratorでちゃちゃっと作れちゃえるのですが、いちいち起動するのもあれだし、なんだかだるいのでWebサービスにしてみました。サービスのページはこちらです。https://app.tree-web.net/panpakapaaan/ウインドウを最大化して使うと便利かなと思います。オマケで、線の数を変更することが [...]2017.11.23 -
CSSを使って要素を回転させることができますが、そちらを直感的に作成出来るサービスを公開しました。次の様な回転するモノを作ることができます。まわるよ〜.curucuru1{animation: CURUCURU_SPIN1 5s linear infinite;}@keyframes CURUCURU_SPIN1 {0% {transform: rotate(360deg);}100% {tran [...]2017.11.10 -
ちょっと遊びです。以前よりちょっと遊んでみたいなと思いながら作ってみました。だいぶオリジナル要素があります。なにせ、JavaScriptを使っているので、セキュリティがどうとかそういうのが邪魔しちゃいます。それでも、ソコソコのモノが出来たんじゃないでしょうか。ふふっ□ Thanks作成する上で参考にしたサイトの一覧です。jQuery.eachを使って時間差でアニメーションをつける方法（あらかぜ手帖 [...]2017.10.24 -
QR コードを手軽に作りたくなり、ブラウザ上で作ることができる「 QR コードメーカー」を公開しました。こちらは、JavaScript ライブラリである jQuery とプラグイン jquery.qrcode.js を利用しています。モダンブラウザでのみ利用できますので、ご了承ください。□ QR コードの作り方１）QR コードメーカーへアクセスします。QR コードメーカー２）フォームに文字を入れま [...]2017.07.03 -
ffmpeg を使って動画変換を行なう事が多いのですが、その変換を行なうためのオプションを選択して、バッチファイルを作成出来るようにするサービスを公開しました。サービスは次のURLになります。https://app.tree-web.net/ffmpeg_op/オプションにつきましては、「ffmpegの使い方」のサイトを参考にしています。http://tech.ckme.co.jp/ffmpeg. [...]2017.06.19 -
少しずつ修正とかしていた『「RTFree」用バッチ作成機』についてですが、一つ制限を解除しました。いままで、3時間だけのダウンロードでしたが、こちらの制限を外しました。サービスはこちらです。「RTFree」用バッチ作成機実は、時間設定を12時間に間違えて行なっていたところ、3時間の制限を超えてダウンロードすることが出来ました。試しに9時間の生放送がある番組をダウンロードしましたが、無事にとれている [...]2017.01.22 -
こちらのサービスは、以前紹介していた『全角英数字を半角英数字へ変換する「変換機」』の改良版となります。参考URL全角英数字を半角英数字へ変換する「変換機」を作りました。今回は、カタカナも半角へ変換出来るようにしました。通常は全角のままですが、「半角カナ」にチェックを入れるとこで、カタカナも変換いたします。□ 変換フォーム□ 使い方フォームに変換したい文字列を入力してください。お使いのパソコンや端末 [...]2017.01.14 -
半角英数字と記号を全角英数字と記号に変換するWebサービスをリリースしました。フォームに入力すると、JavaScriptを利用してその場で変換します。□ 変換フォーム□ 使い方フォームに変換したい文字を入力してください。テキストエリアですので、ある程度の長文まで対応できます。半角から全角に変換することが必要な事があったので作りました。せっかくなので公開しました。以前、全角から半角にする『全角英数字 [...]2017.01.10 -
CSSで文字や画像を点滅させることができますが、速度などを見ながら作成出来る、点滅メーカーを作ってみました。出来たソースをコピペするだけで利用できます。なお、FirefoxやChrome、iOS10のsafari（iPhone）でも問題無く動作したため、「ベンダープレフィックス」とよばれる「-moz〜」や「-webkit」を付与していません。↓↓↓こちらから設定できます。0.1s単位で5sまでの速 [...]2017.01.04 -
ランダムな英数字を生成する「パスワードメーカー」を作ってみました。こちらは、パスワードなどで利用できる、8〜32文字までで構成された半角英数字からなる文字列をランダムに出力します。特徴としては、半角なのか、数字なのか大文字、小文字なのか…判別がしにくくなる「I」「i」「O」「o」「L」「l」を含みません。また、必ず英数字の組み合わせになります。英字だけ数字だけの組み合わせにはなりません。スライダー [...]2016.12.20 -
バーコードを手軽に作れないかなと検索していたところ、ブラウザ上で作れるのを見つけました。jQueryのプラグインを利用していますが、JavaScriptだけで実現できるなんて、なんてお手頃なんでしょう。早速プラグインを使って作ってみました。下のフォームに数字を入力し、利用するバーコードのコード（JANとか）をポチポチ選ぶと、下の方に表示されます。今回利用したプラグインは「Barcode coder [...]2016.12.09 -
radiko関連のソフトウェア「RTFree」で利用するバッチファイルを作成するWebサービスを作ってみました。JavaScriptで動作します。※ 「RTFree」がうまく動作しないため、バッチファイルを使うことができません。ご了承ください。そのため更新は停止していますが、そのまま残しております。あくまでもニッチもニッチ。個人的に利用するように作っています。日付入力が間違い安かったりしたので、選 [...]2016.12.04 -
入力したテキストを元に、JavaScriptの貼付けるWebサービスを作ってみました。単純に、入力したテキスト（HTMLタグなどを含む）を、JavaScriptのソースとして出力する物です。次のURLからご利用できます。https://app.tree-web.net/peta_tag/□ 使い方・「変換する文字列」にテキスト（HTMLソース）を入力します。・変換ボタンを押します。・「変換結果」に [...]2016.11.16 -
jQuery のファイルやマップファイルをダウンロードする必要があり、公開されている全ファイルのダウンロードリストを製作してみました。jqueryのマップファイル[jquery.min.map]というファイルは、Google Chromeでデバッグしている時にjQueryの階層へアクセスします。特別無くてもいいのですが、サーバには404エラーログが残ります。jQuery公式サイトには、jquery [...]2016.11.15 -
ボタンを押したら「にゃ〜ん」って鳴る。それだけです！こう言うページ（ソフト/サービス）も面白いかな。連打も出来ますよ！直接ページへアクセスする場合は、こちらのURLからとなります。詳細とか、考え方とかJavaScript、jQueryを利用して実現しています。また、HTML5の<audio>タグを利用して音声・音楽ファイルの再生を実現しています。オーディオファイルは、都度ロードするので [...]2016.10.18 -
ちょっと欲しくなったので、JavaScriptでBASE64に変換する物を作ってみました。JavaScriptで変換していますので、ブラウザの影響を受けますが、サーバへアップロードなどは行なわれません。□ 使い方「参照」ボタンからファイルを選択するか、ボタンの上にドラッグ＆ドロップしてください。（FirefoxまたはChromeのみ）暫くすると変換するコードが出力されます。後は、コピペ（コピー＆ペ [...]2016.10.16 -
CSS3を使って、文字をぶるぶる震わすメモです。こちらは、CSS3の@keyframesを使ったアニメーション処理になります。以下のソースをコピペすることで、CLASS「buru2」の要素がぶるぶる震えます。デモではDIV要素ですが、IMGのCLASS指定を行なえば、画像がぶるぶる震えます。強調するときにいかがですか。□ HTMLソール<div class="buru2">ブルブル&l [...]2016.10.04 -
サービス中の『JPEG/PNG/GIFからアイコンを作成する「アイコン コンバータ」』（https://app.tree-web.net/icon_converter/）ですが、レンタルしているサーバの容量などの関係から、一部ファイルを削除させて頂きます。メンテナンス期間：2015年8月10日 2時〜4時（予定）変換後のアイコンを一時保存（キャッシュ）していますが、そちらも削除する予定となっており [...]2016.08.09 -
ブログの上の方に散らしていた楓を雪の結晶にしてみました。この雪の結晶を散らす処理は、jQueryとSnowfall Pluginで利用しています。通常では、画像を利用できませんが、カスタマイズさせることで可能です。カスタマイズ方法については、以下のページより参照してください。・秋ですので、楓を散らせてみました。ちょっと重いかも。・jQueryのSnowfall Pluginで、複数の画像を利用でき [...]2011.11.28 -
秋ですし、楓を散らせてみました。PCや表示する端末の性能によっては、重いかもしれません。この処理は、jQueryとSnowfall Pluginをカスタマイズして行っています。カスタマイズ内容は、こちらの「jQueryのSnowfall Pluginで、複数の画像を利用できるようにしてみました。」ページで紹介しています。■ 設定/オプションソースは以下の通りです。画像のファイルはフルパスで指定でき [...]2011.11.04 -
前回、１枚の画像のみ対応していますが、配列に画像のファイル名を設定することで、複数枚の画像を表示出来るようにしてみました。仕組みは単純で、配列に入れたファイル名をランダムに並べ、そこから1番目のファイル名を、表示するところに代入するだけです。■ 配列をランダムかするJavaScript// Randam Array Tree-Web custom 2011/10/29 function randA [...]2011.10.29 -
先日「jQueryとSnowfall Pluginで桜をちらせてみました。」ページで紹介しました、JavaScriptライブラリとプラグインを利用した桜吹雪ですが、ブログコメントにCSS3を利用して、回転をかけることができるソースを紹介していただいたので、改良を加えてみました。※ CSS3を利用していますので、対応ブラウザ(Firefox3.6.12で確認)が必要となります。無くても動作しますが、 [...]2010.12.10