プロフィール

もこはる

Author:もこはる
pixivもやってます
お仕事はWEBデザイナー、イラストレーター。
イラスト描いたりするのが大好き。

休日は音楽聞きながら漫画読んだりゲームとかしてます。

うさゴヤ
最新トラックバック

スポンサーサイト

<!-- passive:etc --><div style="text-align:center;margin-bottom:10px;"><iframe src='//assys01.fc2.com/1374' style='width:300px;height:250px;border:none;' scrolling='no'></iframe><!-- FC2管理用 --><img src="//media.fc2.com/counter_img.php?id=1368" width="1" height="1"><!-- FC2管理用 --></div><div style="font-size:8px;">上記の広告は1ヶ月以上更新のないブログに表示されています。<br />新しい記事を書く事で広告が消せます。</div>
70

Dropboxで同期したい・したくないフォルダを選択する方法

こんにちは。もこはるです!今回は、Dropboxで見つけた便利だなって思った機能をご紹介!誰かと共有してたりすると何かと容量を食うDropbox…。容量がいっぱいだからちょっとの間だけ共有を外しておきたいな…って思ったりしませんか?そんな時は、以下の設定をするとネット上のデータを消すこともなく解決!▽Mac OS X で同期対象のフォルダを選択する方法▽  1)メニューバーのDropboxアイコンをクリック。  2)右下の環境設定... こんにちは。もこはるです!<br /><br />今回は、<a href="http://db.tt/FmjrpJ6" target="_blank" title="Dropbox">Dropbox</a>で見つけた便利だなって思った機能をご紹介!<br /><br />誰かと共有してたりすると何かと容量を食うDropbox…。<br />容量がいっぱいだからちょっとの間だけ<br />共有を外しておきたいな…って思ったりしませんか?<br />そんな時は、以下の設定をするとネット上のデータを消すこともなく解決!<br /><br /><br />▽Mac OS X で同期対象のフォルダを選択する方法▽<br /><br />  1)メニューバーのDropboxアイコンをクリック。<br />  2)右下の環境設定のアイコンをクリック。<br />  3)[基本設定…]クリック。<br />  4)[詳細] タブをクリック。<br />  5)[選択型同期] の[設定を変更…]ボタンをクリック。<br /><br /><img src="//blog-imgs-58-origin.fc2.com/d/e/a/dearsheep14/selective-sync.png" alt="selective-sync.png" border="0" width="556" /><br /><br />Dropboxフォルダの一番最初に表示されるフォルダが一覧が表示されます。<br />チェックが付いているフォルダは、コンピュータと同期している状態。<br />コンピュータのハードドライブで同期する必要がないフォルダのチェックを外すと<br /><span style="color:#FF0000">チェックを外したフォルダはすべてハードドライブからは削除されるけど、DropboxのWEBサイトからのログイン後やDropboxアカウントをリンクしたコンピュータやアプリからならアクセスすることができる。</span><br />それにチャックを再度し直せばまた同期して見れるようになるよ!<br /><br />今までこんな機能知らなかった!<br />これから活用しようと思う〜♪<br /><br />ぜひ皆さんお試し下さい!<br /><br />------------------------------<br /><font size="-3"><a href="http://db.tt/FmjrpJ6" target="_blank" title="Dropbox">Dropbox</a>とは?<br /><a href="http://db.tt/FmjrpJ6" target="_blank" title="Dropbox">Dropbox</a>って便利なサービス知ってますか?<br />2GBまで無料(色々すると18GBまで増える)でインターネット上にファイルを保存できるストレージサービスですよ。<br />iPhoneに無料のアプリもあるので、外出先で必要な時に画像が見れるし、<br />カメラアップロードって機能もあってiPhoneで撮った写真を<br />Wi-FiでアップしてPCと同期できるから加工した写真をブログに載せる時に便利だったりします!</font><br /><br /><br /><br /><a target="_blank" href="http://www.amazon.co.jp/b/?_encoding=UTF8&camp=247&creative=1211&linkCode=ur2&node=2221688051&tag=mocoharu02-22">タイムセール</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=mocoharu02-22&l=ur2&o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br /><br />
  • Date : 2013-06-23 (Sun)
  • Category : memo
3

「利用規約の同意」のチェックスクリプト!

アクセスの制御など、規約に同意させたい場合に便利です。ソースとかはこんな感じ。色がついてるところは同じ名前にしないと動かないのでお気をつけて。<script type="text/javascript">function fcheck(){  if(document.form1.agreecheck.checked == false){    alert("送信には規約への同意が必要となります");    return false;  }  return true;}</script><body><div class="sourcecode"&g... <style type="text/css">strong.red { color: #cc0000; }div.sourcecode { border: 3px #FFCCCC solid; background-color: #FEFEDD; padding: 0.5em; font-family: monospace;}div.testground { border: 3px #cc8080 solid; background-color: #fff0f0; padding: 0.5em;}div.testground form {margin: 0px;}span.source { font-family: monospace; }.note244 { color: #008000; font-size: 80%; line-height: 1.25; } .noteexp { font-size: 80%; line-height: 1.25; }sup.gc { color: green; }span.alertmsg { font-family: &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;MS UI Gothic&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;,sans-serif; color: #cc0000; }p.sourcecode { font-family: monospace; margin-bottom: 0.3em; color: #000080; }p.sourceexp { margin-top: 0.3em; font-size: 90%; margin-left: 0.4em; border-left: 3px solid #000080; padding-left: 0.5em; } p.sourceexpm { margin-top: 0.3em; margin-left: 0.4em; border-left: 3px solid #000080; padding-left: 0.5em; } p.semih4 { color: #0000cc; font-weight: bold; } table{ font-size: 12px; } table.pagelinks { border: pink 2px solid; } table.pagelinks td { font-size: 12px; padding: 2px 1em; }</style><br /><br />アクセスの制御など、規約に同意させたい場合に便利です。<br /><br />ソースとかはこんな感じ。<br />色がついてるところは同じ名前にしないと動かないのでお気をつけて。<br /><br /><div class="sourcecode">&lt;script type="text/javascript"&gt;<br />function fcheck(){<br />  if(document.<span style="color:#FF0000">form1</span>.<span style="color:#FF00CC">agreecheck</span>.checked == false){<br />    alert("送信には規約への同意が必要となります");<br />    return false;<br />  }<br />  return true;<br />}<br />&lt;/script&gt;<br /><br />&lt;body&gt;<br /><br />&lt;div class="sourcecode"&gt;<br />&lt;form action="<span style="color:#FF9900">○○.html</span>" method="POST" name="<span style="color:#FF0000">form1</span>" onsubmit="return check();"&gt;<br />&lt;input type="checkbox" name="<span style="color:#FF00CC">agreecheck</span>" value="1"&gt;利用規約の同意<br />&lt;input type="submit" value="submit"&gt;<br />&lt;/form&gt;<br />&lt;/div&gt;<br /><br />&lt;/body&gt;<br /></div><br /><br /><strong>表示されるとこんな感じになります。</strong><br /><div class="sourcecode"><form action="test.html" method="POST" name="form1" onsubmit="return check();"><br /><input type="checkbox" name="agree" value="1">利用規約の同意<br /><input type="submit" value="submit"><br /></form></div><br /><br /><br /><iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=mocoharu02-22&o=9&p=48&l=ur1&category=digital_software&f=ifr" width="728" height="90" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe><br />
  • Date : 2009-07-22 (Wed)
  • Category : memo
2

メールフォーム - フリガナ入力を自動化! -

今、仕事上でフォームの便利機能を探しています。そこで発見したもの。SOURCE Lab.さん作の「AutoRuby.js」。フォームの名前入力欄に、フリガナを自動入力してくれるJavaScriptです。なんて便利!変換するのめんどうですよね…SOURCE Lab.さんのブログからサンプルのファイルをダウンロードもできます。ファイルのダウンロード後に、説明に従ってHTMLの?内に、以下の2行を追加します。*<head>?</head>に追加<script... <style type="text/css">strong.red { color: #cc0000; }div.sourcecode { border: 3px #FFCCCC solid; background-color: #FEFEDD; padding: 0.5em; font-family: monospace;}div.testground { border: 3px #cc8080 solid; background-color: #fff0f0; padding: 0.5em;}div.testground form {margin: 0px;}span.source { font-family: monospace; }.note244 { color: #008000; font-size: 80%; line-height: 1.25; } .noteexp { font-size: 80%; line-height: 1.25; }sup.gc { color: green; }span.alertmsg { font-family: &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;MS UI Gothic&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;,sans-serif; color: #cc0000; }p.sourcecode { font-family: monospace; margin-bottom: 0.3em; color: #000080; }p.sourceexp { margin-top: 0.3em; font-size: 90%; margin-left: 0.4em; border-left: 3px solid #000080; padding-left: 0.5em; } p.sourceexpm { margin-top: 0.3em; margin-left: 0.4em; border-left: 3px solid #000080; padding-left: 0.5em; } p.semih4 { color: #0000cc; font-weight: bold; } table{ font-size: 12px; } table.pagelinks { border: pink 2px solid; } table.pagelinks td { font-size: 12px; padding: 2px 1em; }</style><br /><br />今、仕事上でフォームの便利機能を探しています。<br /><br />そこで発見したもの。<br /><br /><a href="http://ceo.sourcelab.jp/archives/97" target="_blank" title="SOURCE Lab.さん">SOURCE Lab.さん</a>作の「AutoRuby.js」。<br />フォームの名前入力欄に、フリガナを自動入力してくれるJavaScriptです。<br /><br />なんて便利!変換するのめんどうですよね…<br /><br /><a href="http://ceo.sourcelab.jp/archives/97" target="_blank" title="SOURCE Lab.さん">SOURCE Lab.さん</a>のブログからサンプルのファイルをダウンロードもできます。<br /><br />ファイルのダウンロード後に、説明に従って<br />HTMLの<head>?<link href="//static.fc2.com/css_cn/common/headbar/120710style.css" rel="stylesheet" type="text/css" media="all" /> </head>内に、以下の2行を追加します。<br /><br /><div class="sourcecode"><strong><span style="color:#FF6699">*&lt;head&gt;?&lt;/head&gt;に追加</span></strong><br />&lt;script type="text/<a href="http://blog.fc2.com/tag/javascript" class="tagword">javascript</a>" src="prototype.js"&gt;&lt;/script&gt;<br />&lt;script type="text/<a href="http://blog.fc2.com/tag/javascript" class="tagword">javascript</a>" src="auto_ruby.js"&gt;&lt;/script&gt;<br /></div><br /><br />&lt;input&gt;タグにAutoRuby.jsを適用するためのidを指定。<br />名前(漢字)は「name」、フリガナは「ruby」がデフォルトの設定になっているので、それを入力して完成。<br /><br /><div class="sourcecode"><strong><span style="color:#FF6699">*&lt;input&gt;の追記例</span></strong><br />&lt;input id="name" name="name" value="" type="text" /&gt;<br />&lt;input id="ruby" name="ruby" value="" type="text" /&gt;<br /></div><br /><br />今後使えたらな〜ということでメモメモ。<br /><br /><br /><iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=mocoharu02-22&o=9&p=48&l=ur1&category=digital_software&f=ifr" width="728" height="90" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe><br /><br />
  • Date : 2009-07-07 (Tue)
  • Category : memo
1

メールフォームでの入力制限 -ひらがな・半角英数字-

「メールフォームでの入力制限」今回の制作時にお世話になったのでメモメモ…今後も参考にさせていただきます♪◆今回もここが設定したのは…/* 半角英数字チェック */ function noeiheck() {  var str = document.form1.zip.value;  var str = document.form1.hometel.value;  if( str.match( /[^0-9.A-Za-z\s.-]+/ ) ) {    alert("半角英数字のみで入力して下さい。");    return 1; } return 0; }◆「入力文字... <style type="text/css">strong.red { color: #cc0000; }div.sourcecode { border: 3px #FFCCCC solid; background-color: #FEFEDD; padding: 0.5em; font-family: monospace;}div.testground { border: 3px #cc8080 solid; background-color: #fff0f0; padding: 0.5em;}div.testground form {margin: 0px;}span.source { font-family: monospace; }.note244 { color: #008000; font-size: 80%; line-height: 1.25; } .noteexp { font-size: 80%; line-height: 1.25; }sup.gc { color: green; }span.alertmsg { font-family: &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;MS UI Gothic&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;,sans-serif; color: #cc0000; }p.sourcecode { font-family: monospace; margin-bottom: 0.3em; color: #000080; }p.sourceexp { margin-top: 0.3em; font-size: 90%; margin-left: 0.4em; border-left: 3px solid #000080; padding-left: 0.5em; } p.sourceexpm { margin-top: 0.3em; margin-left: 0.4em; border-left: 3px solid #000080; padding-left: 0.5em; } p.semih4 { color: #0000cc; font-weight: bold; } table{ font-size: 12px; } table.pagelinks { border: pink 2px solid; } table.pagelinks td { font-size: 12px; padding: 2px 1em; }</style><script type="text/javascript"><br />/* ふりがなチェック */<br />function FuriganaCheck() { var str = document.iform.FuriganaText.value; if( str.match( /[^ぁ-んァ-ン \s]+/ ) ) { alert(&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;ふりがなは、「ひらがな」・「カタカナ」のみで入力して下さい。&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;); return 1; } return 0; } /* 半角英文字チェック */ function AlphabetCheck() { var str = document.iform.EnglishText.value; if( str.match( /[^A-Za-z\s.-]+/ ) ) { alert(&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;英語名は、半角英文字のみで入力して下さい。&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;); return 1; } return 0; } /* 半角数字チェック */ function NumberCheck() { var str = document.iform.AgeText.value; if( str.match( /[^0-9]+/ ) ) { alert(&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;年齢は、半角数字のみで入力して下さい。&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;); return 1; } return 0; } /* 全部チェック */ function AllCheck() { var check = 0; check += FuriganaCheck(); check += AlphabetCheck(); check += NumberCheck(); if( check &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; 0 ) { return false; } return true; } </script><br /><h3>「メールフォームでの入力制限」</h3><br />今回の制作時にお世話になったのでメモメモ…<br />今後も参考にさせていただきます♪<br /><br />◆今回もここが設定したのは…<br /><br /><br /><div class="sourcecode"><br /><font color="#008000">/* 半角英数字チェック */</font><br /> function noeiheck() {<br />  var str = document.form1.zip.value;<br />  var str = document.form1.hometel.value;<br />  if( str.match( /[^0-9.A-Za-z\s.-]+/ ) ) {<br />    alert("半角英数字のみで入力して下さい。");<br />    return 1; } return 0; }<br /></div><br /><br /><p>◆「入力文字チェック・入力制限」のソースまとめ(参照してます)</p><br /><div class="sourcecode"><br /> &lt;script type="text/javascript"&gt;<br /><br /> <font color="#008000">/* ふりがなチェック */</font><br /> function <font color="#cc0080"><b>FuriganaCheck()</b></font> {<br />    var str = document.<font color="#8000ff"><b>iform</b></font>.<font color="#0000ff"><b>FuriganaText</b></font>.value;<br />    if( str.match( /[^<font color="#ff0000"><b>ぁ-んァ-ン \s</b></font>]+/ ) ) {<br />       alert("<span class="alertmsg">ふりがなは、「ひらがな」・「カタカナ」のみで入力して下さい。</span>");<br />       return 1;<br />    }<br />    return 0;<br /> }<br /><br /> <font color="#008000">/* 半角英文字チェック */</font><br /> function <font color="#cc0080"><b>AlphabetCheck()</b></font> {<br />    var str = document.<font color="#8000ff"><b>iform</b></font>.<font color="#0000ff"><b>EnglishText</b></font>.value;<br><br />    if( str.match( /[^<font color="#ff0000"><b>A-Za-z\s.-</b></font>]+/ ) ) {<br><br />       alert("<span class="alertmsg">英語名は、半角英文字のみで入力して下さい。</span>");<br />       return 1;<br />    }<br />    return 0;<br /> }<br /><br /> <font color="#008000">/* 半角数字チェック */</font><br /> function <font color="#cc0080"><b>NumberCheck()</b></font> {<br />    var str = document.<font color="#8000ff"><b>iform</b></font>.<font color="#0000ff"><b>AgeText</b></font>.value;<br />    if( str.match( /[^<font color="#ff0000"><b>0-9</b></font>]+/ ) ) {<br />       alert("<span class="alertmsg">年齢は、半角数字のみで入力して下さい。</span>");<br />       return 1;<br />    }<br />    return 0;<br /> }<br /><br /> <font color="#008000">/* 全部チェック */</font><br /> function <font color="#cc0080"><b>AllCheck()</b></font> {<br />    var check = 0;<br><br />    check += <font color="#cc0080">FuriganaCheck();</font><br />    check += <font color="#cc0080">AlphabetCheck();</font><br />    check += <font color="#cc0080">NumberCheck();</font><br />    if( check &gt; 0 ) {<br />       return false;<br />    }<br />    return check;<br /> }<br /><br /> &lt;/script&gt;<br /><br /></div><br /><br /><div class="sourcecode"><br /> &lt;form name="<b><font color="#8000ff">iform</font></b>" action="<b><font color="#cc0000">abc.cgi</font></b>" method="post"&gt;<br /><br />お名前   &lt;input type="text" name="<b><font color="#0000ff">NameText</font></b>" size="20"&gt;<br /><br />ふりがな  &lt;input type="text" name="<b><font color="#0000ff">FuriganaText</font></b>"<br />      size="30" onblur="<b><font color="#cc0080">FuriganaCheck();</font></b>"&gt;<br /><br />英語名   &lt;input type="text" name="<b><font color="#0000ff">EnglishText</font></b>" <br />      size="30" onblur="<b><font color="#cc0080">AlphabetCheck();</font></b>"&gt;<br /><br />年齢   &lt;input type="text" name="<b><font color="#0000ff">AgeText</font></b>"<br />      size="10" onblur="<b><font color="#cc0080">NumberCheck();</font></b>"&gt;歳<br /><br />&lt;input type="submit" value="送信" onClick="<b>return <font color="#cc0080">AllCheck();</font></b>"&gt;<br /><br />&lt;/form&gt;<br /><br /></div><br /><br /><p><br />このソースを表示すると、次のように見えます。<br /></p><br /><br /><div class="testground"><form name="iform" action="" method="post"><table border="0" cellspacing="0"><tbody><tr><td>お名前</td><td><input name="NameText" size="20" type="text"> <span class="noteexp">(何でも入力可)</span></td></tr><br /> <tr><td>ふりがな</td><td><input name="FuriganaText" size="30" onblur="FuriganaCheck()" type="text"> <span class="noteexp">(ひらがな・カタカナのみ)</span></td></tr><br /> <tr><td>英語名</td><td><input name="EnglishText" size="30" onblur="AlphabetCheck()" type="text"> <span class="noteexp">(アルファベットのみ)</span></td></tr><br /> <tr><td>年齢</td><td><input name="AgeText" size="10" onblur="NumberCheck()" type="text">歳 <span class="noteexp">(数字のみ)</span></td></tr><br /> </tbody></table><input value="送信" onclick="AllCheck(); return false;" type="submit"></form><br /><br /></div><br /><br /><br /><br /><br />より詳しくは下記に飛んでください!<br /><br />丁寧に説明してくれてます<span style="color: rgb(255, 102, 153);">*</span>・ω・)♪<br /><br /><a href="http://allabout.co.jp/internet/hpcreate/closeup/CU20050620A/index.htm" target="_blank" style="color: rgb(255, 102, 0);">http://allabout.co.jp/internet/hpcreate/closeup/CU20050620A/index.htm</a><br /><br /><br /><br /><iframe src="http://rcm-fe.amazon-adsystem.com/e/cm?t=mocoharu02-22&o=9&p=48&l=ur1&category=digital_software&f=ifr" width="728" height="90" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe><br /><br /><br />
  • Date : 2009-07-06 (Mon)
  • Category : memo
    Return to Pagetop
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。