Category Archives: IT

「Vue.js入門」v-on属性を利用するサンプル

サンプルコード

「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の高さを自動調整する方法

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を利用する方法

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を閉じるサンプル

サンプルコード:
<!–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を作成するサンプル

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のサンプル

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()で要素にクラスを追加する

サンプル1
$(document).ready(function () {
$(“:image”).addClass(“cft-css”);
});

 

サンプル2
$(“button”).click(function(){
$(“p:first”).addClass(“cftintro”);
});

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

CentOS7.3にphp-mcrypt5.4.16をインストールする

# cat /etc/redhat-release
CentOS Linux release 7.3.1611 (Core)

# wget http://dl.fedoraproject.org/pub/epel/7/x86_64/e/epel-release-7-10.noarch.rpm

# sudo rpm -ivh epel-release-7-10.noarch.rpm
Preparing… ################################# [100%]
Updating / installing…
1:epel-release-7-10 warning: /etc/yum.repos.d/epel-testing.repo created as /etc/yum.repos.d/epel-testing.repo.rpmnew
warning: /etc/yum.repos.d/epel.repo created as /etc/yum.repos.d/epel.repo.rpmnew
################################# [100%]

 

# sudo yum install –enablerepo=epel php-mcrypt
Loaded plugins: fastestmirror, langpacks
Loading mirror speeds from cached hostfile
* epel: ftp.riken.jp
* remi-safe: mirrors.mediatemple.net
Resolving Dependencies
–> Running transaction check
—> Package php-mcrypt.x86_64 0:5.4.16-7.el7 will be installed
–> Processing Dependency: libmcrypt.so.4()(64bit) for package: php-mcrypt-5.4.16-7.el7.x86_64
–> Running transaction check
—> Package libmcrypt.x86_64 0:2.5.8-13.el7 will be installed
–> Finished Dependency Resolution

Dependencies Resolved

================================================================================
Package Arch Version Repository Size
================================================================================
Installing:
php-mcrypt x86_64 5.4.16-7.el7 epel 20 k
Installing for dependencies:
libmcrypt x86_64 2.5.8-13.el7 epel 99 k

Transaction Summary
================================================================================
Install 1 Package (+1 Dependent package)

Total download size: 119 k
Installed size: 331 k
Is this ok [y/d/N]: y
Downloading packages:
(1/2): libmcrypt-2.5.8-13.el7.x86_64.rpm | 99 kB 00:00
(2/2): php-mcrypt-5.4.16-7.el7.x86_64.rpm | 20 kB 00:00
——————————————————————————–
Total 432 kB/s | 119 kB 00:00
Running transaction check
Running transaction test
Transaction test succeeded
Running transaction
Warning: RPMDB altered outside of yum.
Installing : libmcrypt-2.5.8-13.el7.x86_64 1/2
Installing : php-mcrypt-5.4.16-7.el7.x86_64 2/2
Verifying : libmcrypt-2.5.8-13.el7.x86_64 1/2
Verifying : php-mcrypt-5.4.16-7.el7.x86_64 2/2

Installed:
php-mcrypt.x86_64 0:5.4.16-7.el7

Dependency Installed:
libmcrypt.x86_64 0:2.5.8-13.el7