ねこさんとへびさんの新人技術ブログ

新人エンジニアのねこさんとへびさんの、技術向上のためのブログです。

2018-01-01から1年間の記事一覧

Memo!キーボード 入力言語、入力モードの切り替え

へびさんは中国語を勉強しているのですが、言語設定に中国語 簡体字(Microsoft Pinyin)を追加しています。 よくそのあたりの切り替えショートカットキーを忘れてしまうのでメモ。 Windows10 言語バー(日本語と中国語)を切り替える Win+space もしくは Alt…

速習!JavaScript - 配列

配列とは、リストようなものです。 例えば りんご、ナシ、バナナ、メロンのような果物のリストがあった時に、一つ一つ変数を設定するのではなく、ひとまとめにして配列として扱うことができます。 例: var fruits = ['apple', 'pear', 'banana', 'melon']; …

Tips!Bootstrap3 tooltipを常に表示する

Bootstrap3 tooltipを使うとマウスオーバー時にtooltipが表示されるのですが、常に表示しておきたかったので挑戦してみました。 HTML 表示タイミングを変えるには、data-triggerオプションを使用します。 data-triggerオプションには以下の四つのうちどれか…

Tips!Bootstrap3 tooltipの背景や枠線を変更する

Bootstrap3 tooltipを使うと黒地に白文字になるのですが、一部のtooltipだけデザインを変えたかったので挑戦してみました。 HTML tooltipを表示したい要素に識別するclass(ここではred-tip)をつけます。 <button class="btn red-tip" data-toggle="tooltip" title="注目~">変更後</button> CSS CSS側でBootstrap3が設定している値を上書…

はてなブログにGoogle アナリティクスを導入してみた

せっかくブログを書くからには、アクセス数や読者数なども増やす努力をしてみたいと思います。はてなブログにもアクセス解析のサービスはありますが、すっごくざっくりしていて分析ができるようなものではないので、外部のアクセス解析を使います。今回選ん…

Tips!Macのブラウザでスクロールバーが表示されない

CSS

Macではスクロールバーの表示が以下の3パターンから選択できるのですが、 マウスまたはトラックパットに基づいて自動的に表示 スクロール時に表示 常に表示 「常に表示」を選択していないと、Bootstrap3 モーダルウィンドウ内のスクロールバーが表示されずに…

速習!JavaScript - 変数と定数

変数とは、値を保持して置くための箱のようなものです。 JavaScriptの変数は、動的型付け(実際に代入する値によって型が決められる)のため、宣言時に型の指定はしません。 定数とは、変数と同様に値を保持しておくためのものです。 変数と違い、一度設定する…

技術ブログはじめました-はてなブログでのコードの書き方について

初めまして! 新人に毛が生えている程度のWebプログラマーの『へびさん』です。 技術的に伸び悩んでいる今日この頃、新人エンジニアの友人『ねこさん』と時々一緒に勉強するようになり、どうせなら共同で技術ブログ運営してみる?という流れになりました。技…