1.[スタート]ボタンをクリックし、[電源]ボタンをクリックします。
2.メニューの中から[シャットダウン]をクリックします。
Category Archives: IT
Windows10でパソコンをシャットダウンする方法
Posted by soft on 2018年12月6日
Windows10でパソコンをシャットダウンする方法 はコメントを受け付けていません。
「Vue.js入門」v-on属性を利用するサンプル
Posted by soft on 2018年9月29日
「Vue.js入門」v-on属性を利用するサンプル はコメントを受け付けていません。
サンプルコード
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<div id="example04"> <input type="text" v-model="message"> <button v-on:click="greet">Greet</button> <!-- v-on属性--> <button @click="greet">Greet Again</button> </div> <script> var exampleData04={ message:"Nice meeting U" }; var vm2=new Vue({ el:"#example04", data:exampleData04, methods:{ greet:function(){ alert(this.message); } } }) </script> |
「Redis入門」LRANGE()でリストの値を操作するメモ
Posted by soft on 2018年8月25日
「Redis入門」LRANGE()でリストの値を操作するメモ はコメントを受け付けていません。
サンプルコード
//リストにデータを保存
$redis->lpush(‘list’, ‘html’);
$redis->lpush(‘list’, ‘css’);
$redis->lpush(‘list’, ‘php’);
//リストの値を取得
$list = $redis->lrange(‘list’, 0, -1);
print_r($list);echo ‘<br>’;
//lrange()–rpush
$redis->rpush(‘list’, ‘mysql’);
$list = $redis->lrange(‘list’, 0, -1);
print_r($list);echo ‘<br>’;
//lrange()–lpop
$redis->lpop(‘list’);
$list = $redis->lrange(‘list’, 0, -1);
print_r($list);echo ‘<br>’;
//rpop()
$redis->rpop(‘list’);
$list = $redis->lrange(‘list’, 0, -1);
print_r($list);echo ‘<br>’;
実行結果:
Array ( [0] => php [1] => css [2] => html )
Array ( [0] => php [1] => css [2] => html [3] => mysql )
Array ( [0] => css [1] => html [2] => mysql )
Array ( [0] => css [1] => html )
iframeの高さを自動調整する方法
Posted by soft on 2018年4月26日
iframeの高さを自動調整する方法 はコメントを受け付けていません。
iframeコード(cft.html)
<iframe src=”demo.html” id=”iframeId” width=”560″ height=”350″ frameborder=”0″ scrolling=”auto”></iframe>
方法1(demo.html)
$(window.parent.document).find(“#iframeId”).load(function(){
var iframeId = $(window.parent.document).find(“#iframeId”);
var currentHeight = $(document).height()+30;
iframeId.height(currentHeight);
});
方法2(cft.html)
$(“#iframeId”).load(function(){
var iframeIdheight = $(this).contents().find(“body”).height()+30;
$(this).height(iframeIdheight);
});
「node.js開発」axiosを利用する方法
Posted by soft on 2018年3月8日
「node.js開発」axiosを利用する方法 はコメントを受け付けていません。
1.axios の導入
npm install –save axios
サンプルコード:
var update_url = axios.create({
baseURL:’debug url’
});
update_url.get(‘/debug url’).then(function (response){
//response
}
2.get,postでurlをrequestする
サンプルコード:
request.post({url:’http://172.17.2.100/backup/client/interface1s.php?func=getMusicPath’,formData:{musicname:task.name}},function optionalCallback(err,httpResponse,body){
//body
}
「Vue.js入門」コンポーネントライブラリElementUIのdialogを閉じるサンプル
Posted by soft on 2018年2月28日
「Vue.js入門」コンポーネントライブラリElementUIのdialogを閉じるサンプル はコメントを受け付けていません。
サンプルコード：
<!–dialog begin add–>
<el-dialog title=”ユーザ編集” :visible.sync=”dialogFormVisible”
custom-class=”editDialog”
:close-on-click-modal=”false”
:before-close = “cleanContent”
:show-close = “false”
size=’tiny’>
<el-form :model=”ruleForm” :rules=”rules” ref=”ruleForm”>
<el-form-item label=”ユーザ” prop=”account” label-width=”100px” >
<el-col :span=”20″>
<el-input v-model=”ruleForm.account” ></el-input>
</el-col>
</el-form-item>
</el-form>
<div slot=”footer” class=”dialog-footer”>
<el-button @click=”cancledialog(‘ruleForm’)”>キャンセル</el-button>
</div>
</el-dialog>
//js
cancledialog(formRule){
this.$refs[formRule].resetFields();
}
「CSS3入門」Box Shadowを作成するサンプル
Posted by soft on 2017年12月24日
「CSS3入門」Box Shadowを作成するサンプル はコメントを受け付けていません。
CSSコード
<head>
<style type=’text/css’>
.shadwoFirst {
background-color:#c06;
padding:5px;
color:#fff;
-webkit-box-shadow: 5px 5px 5px #000;
-moz-box-shadow: 5px 5px 5px #000;
}
.shadwowSecond {
background-color:#c06;
padding:5px;
color:#fff;
-webkit-box-shadow: -5px -5px 5px #000;
-moz-box-shadow: -5px -5px 5px #000;
}
</style>
</head>
<body>
<p class=”shadwoFirst”>テスト1</p>
<p class=”shadwowSecond”>テスト2</p>
</body>
「CSS入門」影を付けるbox-shadowのサンプル
Posted by soft on 2017年12月22日
「CSS入門」影を付けるbox-shadowのサンプル はコメントを受け付けていません。
CSSコード：
<style type=’text/css’>
.cft {
background-color: rgb(255, 255, 255);
margin-top: 100px;
padding: 10px;
border-top: 4px solid rgb(0, 130, 202);
box-shadow: inset 0 -8px 4px 4px rgb(255, 255, 255), inset 0 2px 4px 0px
rgba(50, 50, 50, 0.75);
}
</style>
</head>
<body>
<div class=”cft”>影を付ける</div>
</body>
「jquery入門」addClass()で要素にクラスを追加する
Posted by soft on 2017年9月14日
「jquery入門」addClass()で要素にクラスを追加する はコメントを受け付けていません。
CentOS7にnginx1.13.4をインストールする手順
Posted by soft on 2017年9月2日
CentOS7にnginx1.13.4をインストールする手順 はコメントを受け付けていません。
1.nginxパッケージのダウンロード
#wget http://nginx.org/download/nginx-1.13.4.tar.gz
2.解凍
#tar xzvf nginx-1.13.4.tar.gz
3.コンパイルインストール
#./configure –prefix=/usr/local/nginx-1.13.4 && make && make install
4.設定ファイルをバックアップ
#cd /usr/local/nginx-1.13.4 && cp nginx.conf nginx.conf.bak
5.nginxの操作
起動
/usr/local/nginx-1.13.4/sbin/nginx -c /usr/local/nginx-1.13.4/conf/nginx.conf &リロード
/usr/local/nginx-1.13.4/sbin/nginx -s reload
停止
/usr/local/nginx-1.13.4/sbin/nginx -s stop