ういすぷのブログ
ういすぷの記録帳
タグ「APP」が付いた記事
( 30 件)
-
/::: ; ':/. _ ` -√ . :- | :' ,, ; __',,,,,"-------++++++" [...]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 -
さくらインターネットのレンタルサーバで、無料SSL証明書「Let's Encrypt」が17日から開始され、早速サブドメインを含め、全てのドメインに対して、SSL設定を行ないました。参考：無料SSL証明書「Let's Encrypt」簡単設定機能の提供開始のお知らせ（さくらインターネット）さくらインターネットがLet's Encryptのスポンサーになりましたコントロールパネルからボタン一つで設定 [...]2017.10.19 -
ブログのデザインを少し変更しました。一覧で表示されるブログトップページとアーカイブ、カテゴリの一覧は、1記事ごと縦にならべていましたが、タイトルと日付、画像を一つのブロックにして、タイル状に並べてみました。画像も、画像変換用APIを作り、サムネイル処理して表示速度もアップさせてみました。どうでしょうか。表示速度が上がって見やすくなったかなと思います。ただ、右側が縦に長くなってしまったのを何とかした [...]2017.04.21 -
こちらのサービスは、以前紹介していた『全角英数字を半角英数字へ変換する「変換機」』の改良版となります。参考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 -
入力したテキストを元に、JavaScriptの貼付けるWebサービスを作ってみました。単純に、入力したテキスト（HTMLタグなどを含む）を、JavaScriptのソースとして出力する物です。次のURLからご利用できます。https://app.tree-web.net/peta_tag/□ 使い方・「変換する文字列」にテキスト（HTMLソース）を入力します。・変換ボタンを押します。・「変換結果」に [...]2016.11.16 -
ブログのデザインを少し変えてみました。そこまで大きな変化ではないのですが、現在3列（カラム）の構成ですが、そのうち真ん中の部分を少しいじりました。先日までカレンダーがあったところに、オススメの一覧とカプセルトイ、ミク関連の情報を載せました。そのしたには、最近投稿された記事を載せました。今回の更新に合わせて、一番右側の列を綺麗にしました。これで、だいぶ見やすく、整理されたんじゃないかと思います。リス [...]2016.11.07 -
先日公開した「PSO2 ACスクラッチアイテムカタログ」ですが、機能を追加しアップデートしました。今回は、サムネイルの表示、クリックするとその場に拡大表示、ソーシャルリンクの追加です。サムネイル画像は、相手側のサーバへの負担を考え、一度ダウンロードした後、リサイズ（縮小）処理しています。本当は、1つの画像ファイルにし、CSS（スタイルシート）を利用して、該当する箇所だけを表示させる様に考えていまし [...]2016.10.24 -
ボタンを押したら「にゃ〜ん」って鳴る。それだけです！こう言うページ（ソフト/サービス）も面白いかな。連打も出来ますよ！直接ページへアクセスする場合は、こちらのURLからとなります。詳細とか、考え方とかJavaScript、jQueryを利用して実現しています。また、HTML5の<audio>タグを利用して音声・音楽ファイルの再生を実現しています。オーディオファイルは、都度ロードするので [...]2016.10.18 -
ちょっと欲しくなったので、JavaScriptでBASE64に変換する物を作ってみました。JavaScriptで変換していますので、ブラウザの影響を受けますが、サーバへアップロードなどは行なわれません。□ 使い方「参照」ボタンからファイルを選択するか、ボタンの上にドラッグ＆ドロップしてください。（FirefoxまたはChromeのみ）暫くすると変換するコードが出力されます。後は、コピペ（コピー＆ペ [...]2016.10.16 -
PSO2のACスクラッチアイテム名をコピペしやすい様にしたページを作ってみました。ページはこちら：https://app.tree-web.net/pso2_item/アイテム名をクリックすると、自動的にクリップボードにコピーされます。このページの検索のほか、ビジフォンに戻ってからCTRL+Vをして貼り付けることも出来ます。検索機能もあります。ただし、ひらがな、カタカナ、大文字、小文字は別々に判定 [...]2016.10.05 -
CSS3を使って、文字をぶるぶる震わすメモです。こちらは、CSS3の@keyframesを使ったアニメーション処理になります。以下のソースをコピペすることで、CLASS「buru2」の要素がぶるぶる震えます。デモではDIV要素ですが、IMGのCLASS指定を行なえば、画像がぶるぶる震えます。強調するときにいかがですか。□ HTMLソール<div class="buru2">ブルブル&l [...]2016.10.04 -
ブログのデザインを少し変えてみました。今まで、テキストだけが新しい投稿記事順に並んでいたところに、画像を追加してみました。ちゃんとレスポンシブするようにも加工しています。テキストからテキスト+画像となったので、だいぶ見やすいのではないかと思っています。少しでも、アクセスしやすくなるといいな。もう少し替えたいところもあるので、追々やっていきます！実際に利用したHTMLとサンプルソースを添付します。□ [...]2016.08.04 -
今年のゴールデンウィークは、長い日とだと4月29日の祝日(昭和の日)から5月8日までお休みするかなと思います。また、4月24日からお休みを取られていたら2週間ほども長期休暇に！そんな、ゴールデンウィークが待ち遠しいため、タイマーを作ってみました。https://app.tree-web.net/gw/期間中に入ると少し遊びも入れてみましたので、残り日数の確認にご利用ください！□ 関連サイトhttp [...]2016.03.19 -
.htaccessでパラメータ付URLをリダイレクトするメモです。こちらの説明は「mod_rewrite」を利用した物となります。たとえば、https://wispblog.tree-web.net/portable.cgi?p=1&t=3335 というURLでアクセスされたとき、https://wispblog.tree-web.net/data/1/page_1_3335.html へリダイレ [...]2016.03.16 -
表題のとおり、文中の改行をカットするWebサービスを公開しました。改行の他、タブスペース、2つ以上の半角スペースは削除するようにしました。ただただ、それだけのものです。それでもタブなどを削除して、一行にしたい事が多々あるので作ってみました。□ 改行カッターサービスページ：https://app.tree-web.net/lb_cut/使う事が限られますが、よろしければどうぞ。□ 関連記事・「まだ2 [...]2016.03.04 -
右側に画像とリンクを乗せていたのですが、こちらを更新しました。裏でプログラムをでデータを取得し、JavaScriptで表示させています。表示の仕方はなんちゃって非同期な感じです。プログラムも一からソースを書き直しています。変更前変更後少しは早く動く様になったかな。何にも捕らわれず、赴くままにプログラムとか組むとたのしいな。□ 関連記事・[Add-on Stylish] Web版Twitterのタイ [...]2016.01.07 -
去年まで実装していたタイマーですが、2016年版を公開しました。今回からツイートする際に、現在までの経過した日数の割合も表示するようにしました。このページをみれば、来年の正月までの日数が一目瞭然です！オススメ！・サンプル・貼付けソース<script type="text/javascript" src="https://app.tree-web.net/mada2016sa/bp.js"&g [...]2016.01.02 -
たまにしか必要にならないのですが、手動でやるのも億劫になったため、全角英数字を半角英数字に変換するWebアプリケーション（サービス）を作りましたのでご案内いたします。※ 2017年01月14日に改良しました。表示されていますのは、改良版となります。※ 詳しい利用方法は、こちらの「全角英数字を半角英数字へ変換する「変換機」を作りました。」をご参照ください。JavaScriptで動作し、リアルタイムで [...]2015.12.12 -
「ういすぷのそのとき日記のブログ」ですが、今まで画像をクリックすると新しいタブもしくは、ウインドウで表示していましたが、その場で拡大表示するようにしてみました。JavaScriptで画像のリンクタグを処理しているため、読み込みタイミングにより、その場で拡大表示されないことがありますが、操作性は向上したのではないかなと思います。楽しくて、フィギュアの写真を多く紹介している記事を開き、クリック、クリッ [...]2015.09.12 -
単純なWebアプリケーションですが、UnixTimeから人の目で分かる日付の形式、またはその逆に変換するサービスを公開しました。以前より公開していましたが、一から作り直して公開しました。URLはこちら。https://app.tree-web.net/time/アプリケーション紹介ページUNIX Timeと人の目で分かる時間をそれぞれ変換本当はすべてJavaScriptで作り込みをしたいところでし [...]2015.09.02 -
ういすぷのそのとき日記のブログに、Windows8から設置出来たカスタムタイルですが、Windows10が発売されましたのでそれに合わせて、表示される様にしてみました。現状はアイコンだけの表示となっていますが、Windows10の利用者も増えてくると思いますので、ちょうど良いかなと思っています。なお、カスタムタイルについては、マイクロソフトに仕様が出ています。IE11 での Web サイト用カスタ [...]2015.08.24 -
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