Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

コード生成ツール

【JavaScript】100の質問テンプレート生成

100の質問を作成する際に見栄えを整えようとすると、 「最初に1問分だけ作って、あとはコピペ」 で行けそうですが、それでもナンバリングを修正する手間は出てきてしまいます。 (CSSまたはHTMLタグで自動ナンバリングもできますが…) そこで、試しに「100…

【JavaScript】はてなブログ用 改段落削除ツール??【試供品】

// ))\n/g,''); smpl.innerHTML='表示例'+t2.value; t2.select(); } // ]]> どうも!LSSです!! 突然のテキスト入力欄で失礼^^; はてなブロガー向けに、「改段落削除ツール」を試しに作ってみました。 なお、HTML編集画面を開く必要があるため、PC専用とな…

【CSS+SVG】タイルパターン生成ツール

線の色 背景色 点の位置 線の太さ サイズ こんな模様になります^^ // (Math.floor(a/2)%2)*20; zhmj=a=>(a>3?ichi[a%2+2]+','+zhmj0(a):zhmj0(a)+','+ichi[a%2]); icr.addEventListener('input',gw,false); bcr.addEventListener('input',gw,false); btn.add…

【作りかけ】タイルパターン生成

どうも!LSSです!! を、自動生成するようなものを作ろうと…していたのですが、途中でだいぶ手間取ってしまいました^^; 作りかけですが、今こんな感じ、という中間報告です。 作りかけ スクリプトコード 作りかけ 線の色 背景色 // (a>3?ichi[a%4]+','+((Ma…

【作りかけ】SVGお絵描きツール…を作り始めてみました【まだまだ】

SVGコードを取得する // ';} } class Svgell{ constructor(cx,cy,rx,ry,sw,sc,fl){this.cx=cx;this.cy=cy;this.rx=rx;this.ry=ry;this.sw=sw;this.sc=sc;this.fl=fl;this.name='楕円'+objs.length;this.nameid='ell';} get svgtxt(){return '';} } class Svg…

【コード生成】text-shadow調整ツール

どうも!LSSです!! 今回は、コード生成ツール「text-shadow調整ツール」を公開します! ブログなどで「影つき文字」を使いたい時にちょっと手間が省けるかも?なツールです。 text-shadow調整ツール 使い方 …という小ネタなんですが text-shadow調整ツール…

【JavaScript】コード作成ツールの作り方【コード出力篇】

どうも!LSSです!! 今回は一昨日の記事、【JavaScript】コード作成ツールの作り方【さわり】 - Little Strange Softwareの続きとなります! 前回は、飾りの部分を操作できるようにするところまで書きましたが、「コード作成ツール」として必須である、「コ…

【JavaScript】コード作成ツールの作り方【さわり】

どうも!LSSです!! 今回は、「コード作成ツール」をどんな風に作っているか、の さわりの部分について書いていきます! はじめに、基本形のコードを書きます JavaScriptのinnerHTMLを試してみます 上記2つを合わせてみると 画面を書き換えるコードを関数…

【まだ作りかけ】<table>タグを書き出すツール【未完成】

どうも!LSSです!! 昨日の記事に引き続き色々やってました。 だいぶ ノってきたんですが、ちょっと制作過程のものを晒してみたくなったので、ここで一旦お見せしちゃいます! 作りかけサンプル 使い方で分かりにくそうなところがちらほら… そんな感じで作…

【作りかけ】単純に<table>タグを書き出すだけなら…

どうも!LSSです!! tableタグの生成を、またinputタグ頼みでやってみました…が、見栄えがイマイチ^^; tableタグ生成 コードを生成するスクリプトのコード 問題点は、はてなブログのテーマ tableタグ生成 列 行 コード // '; for(i=0;i'; for(j=0;j'+j+'-'+…

【ツール】色やサイズを調節して作るボックスのコードをお持ち帰りできるツール

「色やサイズを調節して作るボックスのコードをお持ち帰りできるツール」を作ってみました。 ↓このタブの中で色々設定を変更すると、その更に下にあるサンプルとコードの内容が変化します。気に入ったボックスが出来たら、コードをコピペして使用できます。 …

【CSSツール】水玉デザイナー【試作版2】

どうも!LSSです!! 以前作成した、水玉デザイナー、少しだけ機能追加しました。 水玉デザイナー 使い方 作成例 色を使えるようにはなりましたが 水玉デザイナー // 全体的な設定 水玉個別設定' txt0+='全体の幅:'+wkw+'px ' +(wkw-') +(wkw>999?'+':'+'…

【CSSツール】水玉デザイナー【試作版】

どうも!LSSです!! 今回はCSSの水玉模様をデザインするツールを作ってみました。 ※追記:【CSSツール】水玉デザイナー【試作版2】に改良版があります。 水玉デザイナー 使い方 作成例 制作のきっかけ 7/26追記! 7/27追記! 水玉デザイナー // 全体的な設…