ういすぷのブログ
ういすぷの記録帳
タグ「JS」が付いた記事
( 26 件)
-
/::: ; ':/. _ ` -√ . :- | :' ,, ; __',,,,,"-------++++++" [...]2019.01.18 -
ちょっと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 -
写真撮影用の集中線（放射線）が作れる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 -
今年のゴールデンウィークは、長い日とだと4月29日の祝日(昭和の日)から5月8日までお休みするかなと思います。また、4月24日からお休みを取られていたら2週間ほども長期休暇に！そんな、ゴールデンウィークが待ち遠しいため、タイマーを作ってみました。https://app.tree-web.net/gw/期間中に入ると少し遊びも入れてみましたので、残り日数の確認にご利用ください！□ 関連サイトhttp [...]2016.03.19 -
表題のとおり、文中の改行をカットするWebサービスを公開しました。改行の他、タブスペース、2つ以上の半角スペースは削除するようにしました。ただただ、それだけのものです。それでもタブなどを削除して、一行にしたい事が多々あるので作ってみました。□ 改行カッターサービスページ：https://app.tree-web.net/lb_cut/使う事が限られますが、よろしければどうぞ。□ 関連記事・「まだ2 [...]2016.03.04 -
去年まで実装していたタイマーですが、2016年版を公開しました。今回からツイートする際に、現在までの経過した日数の割合も表示するようにしました。このページをみれば、来年の正月までの日数が一目瞭然です！オススメ！・サンプル・貼付けソース<script type="text/javascript" src="https://app.tree-web.net/mada2016sa/bp.js"&g [...]2016.01.02 -
「ういすぷのそのとき日記のブログ」ですが、今まで画像をクリックすると新しいタブもしくは、ウインドウで表示していましたが、その場で拡大表示するようにしてみました。JavaScriptで画像のリンクタグを処理しているため、読み込みタイミングにより、その場で拡大表示されないことがありますが、操作性は向上したのではないかなと思います。楽しくて、フィギュアの写真を多く紹介している記事を開き、クリック、クリッ [...]2015.09.12 -
2016年までのカウントダウンを行なう『2016年までタイマー』にグラフを設置しました。これで、残り日数が視覚的にも分かりやすくなりました！また、おまけで背景色が少しずつ変るようにしています。（色の判定がかなり適当なため、似たような色で変っていく事がおおいです。そのため変化が分かりにくいことが多々あります。）ブログなどに貼付けられるブログパーツ用ソースも用意しました。横幅が少し大きめですが、よろし [...]2015.07.15 -
ぱっと思いついてJavaScriptで作ったやつです。月曜日になるまで、リアルタイムで変化するインストールバー伸びていくプログラムです。お遊びソフトですが、日曜日の夜に見るとガッカリするソフトとなっています。良ければ使ってくださいせ。↓↓↓↓↓月曜日インストーラー荒削りのだけど、思い立ったら作っちゃう。こんな感じが楽しい。□ 関連記事・Webアプリケーション 関連記事・「まだ2014年だよタイマー [...]2015.06.30 -
以前にもブログに紹介しましたが、ちょっと改良して、Twitterへ投稿できるようにしてみました。まだまだ2014年は終わらないよ！※ 表示端末から時間を取得しており、機器によって表示時間がことなります。ご了承ください。上記のように表示するブログパーツとしても利用できます。<iframe src="https://app.tree-web.net/mada2014sa/frame.html" [...]2014.10.20