東京発、雲に乗って

2017年6月8日2017年6月8日

【Skype、LINE】各PC版チャットツールで改行する方法

SkypeやLINEにはPC版があります。
そのどちらも、PC版ではエンターキーを押すとメッセージが送信されるため、
ツール内で改行を入れることができません。

しかし、仕事で客先と長めの文章をやりとりをする際には
見やすくするために改行が必要になります。
また、技術的なやりとりをする際にコードを記述する場合も
改行ができないとマズいケースがあります。

改行する方法は、それぞれ下記のとおりです。

【Skype】
メニューの「ツール」→「設定」→「チャット＆SMS」→「チャット設定」で
「ENTERを押したときの操作」を「改行」に変更する

【LINE】
Shiftを押しながらENTERを押す
または、環境設定→「送信方法」を
Ctrl+EnterかAlter+Enterに変更する

2017年6月6日2017年11月6日

【Windows10】コントロールパネルがメニューになくてもあわてない

Windows Updateにより、スタートメニューの右クリックメニューからコントロールパネルが消えたようです。

今まで：
情シス「ではまずスタートメニューを右クリックしてコントロールパネルを選択してください」

↓

これから：
情シス「ではまずWindowsキーを押しながらRキーを押して、入力欄にcontrolと打ってEnterを押してください」

2017年6月6日

【JavaScript】scriptタグで呼ばれたjsファイル内で自身のURLを取得

scriptタグで呼ばれたjsファイル内で、
そのjs自身のURL（＝scriptタグのsrcの内容）を取得したい場合、
普通にlocationオブジェクトを使って取得しようとしても
おおもとのページのURLしか取得できません。

document.currentScriptオブジェクトに対応していれば簡単ですが、
対応していない場合はその時点で呼ばれている最新のscriptタグを
解析すれば取得できます。

var get_self_url = function() {
  var _current = (function() {
    if (document.currentScript) {
      return document.currentScript.src;
    }
    else {
      var scripts = document.getElementsByTagName('script'),
      script = scripts[scripts.length-1];
      if (script.src) {
        return script.src;
      }
    }
  })();
  return _current;
};

var get_self_url = function() {

var _current = (function() {

if (document.currentScript) {

return document.currentScript.src;

}

else {

var scripts = document.getElementsByTagName('script'),

script = scripts[scripts.length-1];

if (script.src) {

return script.src;

}

})();

return _current;

};

2017年6月6日2017年6月6日

【JavaScript】外部のCSSファイルを動的にロード

外部のCSSファイルをJavaScriptから動的にロードする関数です。

var loaded_styles = {};
var load_css = function(src) {
  if(sdl.loaded_styles[src]) {
    return;
  }
  var head = document.getElementsByTagName('head')[0];
  var link = document.createElement("link");
  link.rel = "stylesheet";
  link.type = "text/css";
  link.href = src;
  head.insertBefore(link, head.firstChild);
  var loaded_styles[src] = 1;
};

var loaded_styles = {};

var load_css = function(src) {

if(sdl.loaded_styles[src]) {

return;

}

var head = document.getElementsByTagName('head')[0];

var link = document.createElement("link");

link.rel = "stylesheet";

link.type = "text/css";

link.href = src;

head.insertBefore(link, head.firstChild);

var loaded_styles[src] = 1;

};

使い方

load_css('/libs/css/style.css');

1	load_css('/libs/css/style.css');

2017年5月26日2017年6月14日

【jQuery】短いページだけフッターを最下部に固定する

ページのコンテンツが少ないなど、フッターを含めたページの縦幅がブラウザの縦幅より短い場合があると思います。
そのようなページでフッターをそのままコンテンツにつなげると、フッターの下にさらに余白ができてしまい、なんだかカッコ悪いですよね。
かといって、position: fixed で常にフッターを固定すると、今度は長いページでもフッターが常に残ってしまいます。

そこで、ページの縦幅がブラウザの縦幅より短い場合だけ
position: fixed を指定してみます。

まずはページサイズとブラウザサイズを取得

var page_size = {
  w : $(window).width()
 ,h : $(window).height()
};
var browser_size = {
  w: document.body.clientWidth
 ,h: document.body.clientHeight
};

var page_size = {

w : $(window).width()

,h : $(window).height()

};

var browser_size = {

w: document.body.clientWidth

,h: document.body.clientHeight

};

両者を比較して、ページサイズが短い場合にpositionをfixedにします。

if(page_size.h > browser_size.h) {
  $('フッターのセレクタ').css('position', 'fixed');
  $('フッターのセレクタ').css('bottom', '0px');
  $('フッターのセレクタ').css('width', '100%'); /* 必要なら */
}
else {
  $('フッターのセレクタ').css('position', 'static');
  $('フッターのセレクタ').css('bottom', '');
  $('フッターのセレクタ').css('width', ''); /* 必要なら */
}

if(page_size.h > browser_size.h) {

$('フッターのセレクタ').css('position', 'fixed');

$('フッターのセレクタ').css('bottom', '0px');

$('フッターのセレクタ').css('width', '100%'); /* 必要なら */

}

else {

$('フッターのセレクタ').css('position', 'static');

$('フッターのセレクタ').css('bottom', '');

$('フッターのセレクタ').css('width', ''); /* 必要なら */

}

注意すべき点して、
上記の処理は基本的にページロードの最後に呼べばよいのですが、
動的にコンテンツが増えたり減ったりするページの場合は
その都度、上記の処理を呼ぶ必要があります。