GitHubアカウントの作成方法
１.何故GitHubアカウントを作るのか まずGitHubとは、ソフトウェア開発・WEBサービス等で作ったプログラムやコーディングソースコード管理サービスです。 自分が今まで作ったプログラムやコーディングソースや知識・技術があるのですが、そのまま使わず眠らせておくのはもったいないなと考えてました。 もしかしたら、今まさにプログラムやコーディングをしてるエンジニアの方で使えるものや一部でもハマる機能 […]
Node.jsのインストール – Windows環境でnpm-scripts
- 2021.02.03
- Node.js
1.Node.jsのインストール 1-1.Node.jsをダウンロード ダウンロードURLはこちら 「LTS版」の「Windows Installer」からダウンロードします。 1-2.ダウンロードした.msiファイルをクリックしてインストール ダウンロードした「node-v14.15.4-x64.msi」（2021/2/3時点）をクリックします。 1-3.インストーラーが立ち上がるので以下の流れ […]
scrollTopやscrollLeftを使ってボックス要素をページの上下左右中央に表示
- 2019.09.05
- scrollLeft, scrollTop, 左右中央, 上下中央
jQueryの>scrollTopやscrollLeftを使ってボックス要素をページの上下左右中央に初期表示してみます。 1．CSSの記述例 <style type="text/css"> <!-- #iBox{ width:150px; height:150px; background-color:#09F; position:absolute; } […]
jQueryのanimate処理完了後に別のanimate処理をやって見る
jQueryのanimate処理完了後に2段階で別のanimate処理をやって、2段階右折の様にボックスエリアを移動させてみます。 1．CSSの記述例 <style type="text/css"> <!-- #Box{ width:200px; height:200px; background-color:#333; margin:0 auto; color […]
jquery.nivo.slider.js｜複数画像を色々なエフェクトで切替表示
- 2019.08.30
- 画像スライダー, 画像切替, エフェクト, jquery.nivo.slider.js
複数画像を色々なエフェクトでスライド切替できるJsの様です。 1．読み込むCSSファイルとCSSの記述例 以下は調整してみて下さい。任意です。 <link rel="stylesheet" href="default/default.css" type="text/css" media="screen"> […]
jcarousellite.js｜複数画像を左右にスライドしながら回転（カルーセル）表示
- 2019.08.26
- スライダー, jcarousellite.js, 複数画像, カル―セル
複数画像を指定画像枚数毎に左右スライドしながら回転（カルーセル）表示させて見ます。 1．CSSの記述例 以下は任意です。 <style type="text/css"> <!-- .clPrev, .clNext{ border:solid 2px #666666; padding:10px; margin:15px 0; width:95px; text-a […]
jQueryのattrとremoveAttrを使って複数のcheckbox（チェックボックス）のチェック／解除を制御
- 2019.08.22
- removeAttr, checkbox, チェックボックス
attrとremoveAttrを使用して複数のcheckbox（チェックボックス）を制御して見ます。 1．CSSの記述例 （以下は任意ですので調整してみて下さい） <style type="text/css"> <!-- #idWrap{ width:800px; margin:0 auto; } --> </style> 2．読み込むJsフ […]
setTimeout・clearTimeoutを使って指定秒数毎にJavaScriptの繰り返し処理（画像の切替え）
- 2019.08.20
- 画像切替, setTimeout, clearTimeout
setTimeout・clearTimeoutを使って指定秒数毎に繰り返しJavaScriptで画像の切替え処理を行って見ます。 1．CSSの記述例 以下は任意ですので調整してみて下さい。 <style type="text/css"> <!-- h1{ font-size:16px; font-weight:normal; line-height:1.4em […]
webtoolkit.cursor：カスタムカーソルを表示するJs
- 2019.08.14
- マウスカーソル, webtoolkit.cursor, カスタムカーソル, cursor
マウスカーソル自体をアニメーションgif画像に差替えてカスタムカーソルとして表示します。 1．読み込むJsファイル <script type="text/javascript" src="webtoolkit.cursor.js"></script> 2．マウスカーソルとして表示するGIF画像 ファイル名はskin.gifで設置してま […]
サイト制作の時にコマンド プロンプトでよく使うコマンド
※以下、「＋」はコマンド プロンプト上で半角スペースを入力して下さい。 1.ローカル（自分）PCのIPアドレスを確認 ipconfig ファイルを共有して場所を教える時または、 教えて貰う時に利用します。 因みに、 ipconfig ＋ /all で、その他の詳細情報「ホスト名」「物理アドレス」etcが確認できます 2.ローカルエリア（社内）でPC同士がファイル共有可能（繋がってる）か確認 pin […]