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

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

Memo!Macで画像保存

Mac

いつも忘れてしまうのでメモ。 WEBの画像を保存する方法。 ドロップ&ドラッグ 画像をドロップ&ドラッグしてディスクトップやディレクトリに移動 controlキーを押したままクリック controlキーを押したままクリックするとWindowsの右クリックのようにメニュ…

へびさんが最近購入した技術本

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice) 作者: Dustin Boswell,Trevor Foucher,須藤功平,角征典 出版社/メーカー: オライリージャパン 発売日: 2012/06/23 メディア: 単行本(ソフトカバー) 購入:…

Tips!PHP 変数名に変数を使う - 可変変数

PHP

PHPでは変数に変数を用いることができます。例えば条件に応じて$pattern_{変数}のように変数名を動的に扱いたいとき、 とすると、$conditionの値によってechoする変数を変えることができます。 このように変数を可変にす…

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プログラマーの『へびさん』です。 技術的に伸び悩んでいる今日この頃、新人エンジニアの友人『ねこさん』と時々一緒に勉強するようになり、どうせなら共同で技術ブログ運営してみる?という流れになりました。技…