月別アーカイブ 6月 2018

takahashi 著者:takahashi

USB Type-c(Thunderbolt3)で広がる外付けGPUの可能性

最近主流になりつつあるUSB Type-c。
それに共存させられる規格として、”Thunderbolt 3″というのがあります。

まだ流通量としては少ないので、知らない方も多いかと思います。

このThunderbolt 3ですが、対応しているノートPCでは大きなメリットがあります。
それは”外付けGPU”が利用できること。

ノートパソコンでもVRで遊べる!VRゲームに「外付けGPUボックス」という選択肢。 – VRInside

今までは機種専用のGPUボックスを出しているメーカーはありましたが、”特定の規格に対応してさえいればどのPCでも使える!”というものはなかったので、部品を交換することができないノートPCの場合、実質的に限界を超えるスペックを要求するゲーム・アプリを動かしたくなった時点で、PC本体の買い替え時となっていました。

しかし、まだまだちゃんと動作するPCを、ゲームが動かないという理由だけで買い換えてしまうのはもったいないですし、普段ゲーミングPCとして使わないのに、ゲーミングノート特有の大きい筐体を持ち歩くのもなかなか大変です。何より、ゲーミングPCは高額である場合が多いので、買い換えようと思ってもすぐに買い替えできない場合もあると思います。

外付けGPUに対応していれば、CPUさえそこそこの性能を持っていれば、所謂モバイルPCであってもハイエンドGPUを接続してゲームなどのアプリを動作させられますし、スペックを上げる場合も、GPUだけ取り替えれば対応できます。

選べるノートPCの幅とGPUの性能を両立できるのはとてもうれしいですね。

  • この記事いいね! (0)
著者:杉浦

javascriptの一時的な関数、即時関数

 javascriptには即時関数という機能があります。

即時関数 (IIFE; Immediately Invoked Function Expressions) は、関数がブラウザーのコンパイラーに読み込まれた直後に呼び出される関数です。IIFE は、関数宣言の末尾に追加の括弧 “()” があるかどうかで識別できます。

 Function (関数) – 用語集 | MDNより引用。
 書き方は

(function(){/*処理本文*/}(引数));
(function(){/*処理本文*/})(引数);

です。どちらでも問題ありません。即時関数と名付けられていますが、動作からは一時的な関数とも言えます。即時関数は

  • 関数のインスタンスを作る
  • その関数を実行する
  • その関数を捨てる(ステートメントの実行を終了したあとはもう参照しないので)
  • Bear Bibeault; John Resig. JavaScript Ninjaの極意 (Kindle の位置No.2730-2732). . Kindle 版. より引用。
    ということを行います。
     即時関数が用いられる主な目的はスコープの制御です。スコープは変数名の参照範囲のことです。変数名ごとにスコープが定められており、スコープの範囲内ならば変数を呼び出し、書き換えることができ、範囲外ならば呼び出せず、書き換えられないといった具合です。
     即時関数内で宣言された変数は宣言された即時関数内のみがスコープになります。このため、あるコードを即時変数として記述したならば既存のコードの変数名を考慮することなくそのコードを既存のコードに継ぎ足せます。特に即時関数に出番があるのは、任意のページに好き勝手スクリプトを追加する目的であるブックマークレットや変数名の衝突が容易に予想できる圧縮される予定のコードなんかです。

    • この記事いいね! (0)
    著者:ym

    00000JAPAN Wi-Fi – 災害時公衆無線LAN

    家を出ようとしたとき、地震発生。スマホで速報を見るとなんと震度6弱。また大地震です。浜松は土砂降りの雨の中でしたのですが、大阪では雨は降っていない様子。朝の時間帯で火事が怖い時間帯です。

    大阪府全域で、携帯キャリア各社を中心に災害時公衆無線LAN 00000JAPAN が発動されました。

    SSID は 「00000JAPAN」

    日付が変わって 19 日に入り京都や大阪北部でも地震が続いているようですので警戒を。今回の地震では浜松市は震度3で何十年も地震に備えてきてはいますが、再度警戒しなくては。

    浜松では HAMAMATSU FREE Wi-Fi が利用できます。こういった災害時にはFacebookなどはほとんど役立ちません。なんだかんだ言って一番役立つのがTwitter。SNSを有効活用してほしいです。

     

    • この記事いいね! (1)
    takahashi 著者:takahashi

    FuelPHP初期設定時に”It is not safe to rely on the system’s timezone settings.”エラーが出た時の対処法

    先日、自分用にFuelPHPのテスト環境を作成していた時のこと。
    ファイルやウェブサーバー周りの設定が終わって、テストでFuelPHPを動作させたところ…

    Fuel\Core\PhpErrorException [ Error ]:
    date_default_timezone_get(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone.
    

    初めて見るエラー(汗
    前回別の環境でセットアップした時はこんなエラーは出たことがなく、原因がわからなかったのでちょっと焦りました。

    困っていろいろ調べていたら、こちらのサイトを発見。

    [PHP]php.iniのtimezoneを設定する – Qiita

    どうやら、PHP自身にデフォルトタイムゾーンを指定しないとダメ見たいです。

    今回はCentOS7を使っていたので、php.iniは
    /etc/php.ini
    にありました。

    php.ini内の

    [date]セクションの部分に、赤枠のように記入します。

    date.timezone = "Asia/Tokyo"
    

    これでphp.iniを保存し、Apacheを再起動。

    再度実行してみると

    無事スタートページが表示されました。

    • この記事いいね! (0)
    村上 著者:村上

    【Excel】複数のセルの文字数を数える方法

    今回は、エクセルで複数セルの文字数をカウントする方法について。
    ちょっと面倒だったのと、今後使いそうなので、自分用の備忘録としてまとめます。

    今回参考にしたのはこちらのサイトです。

    Excel2010: 複数セルの文字数を数える(LEN関数で複数セル)- 教えて!HELPDESK
    http://office-qa.com/Excel/ex70.htm

     

    使用する関数は、SUM関数とLEN関数です。
    SUM関数は合計値を計算してくれる関数で、LEN関数は、文字列の文字数を返す関数です。

    そして、この2つの関数にプラスして、「配列数式」というものを使います。
    配列数式とは、複数のセルを対象に、1つの数式を作成する式のことを言います。
    …が、私も理解はできてはいません。
    例えば、複数の商品の値段とそれぞれの個数が入力された表があった場合、

    =SUM([商品の列]*[それぞれの個数])
    

    上記の式を書き、CTRL + SHIFT + Enterキーを押すと、合計金額が一気に求められる、というものだそうです。
    使いこなせたらきっと便利なんでしょうね…。

     

    で、今回の関数は下記のとおりです。

    =SUM(LEN([文字数をカウントしたいセル範囲]))
    

    これを入力し、CTRL + SHIFT + Enterキーを押すと、文字数が求められます。
    関数自体は案外シンプルですね。

     

    以上、複数セルの文字数をカウントする方法でした。
    配列数式がネックですね…。
    そこまで使う機会はないのですが、今回のように少し複雑な処理をしたいときは使うこともあるので、早く理解して使えるようになりたいと思います。
    が、まず最初は丸コピでも大丈夫かと!
    まずは、「そんなものもあるんだ」くらいで覚えておけばOKだと思います。

    • この記事いいね! (0)
    著者:杉浦

    調和のとれた色のセットを出力してくれるAdobe Color CC

    カラーホイール | カラースキーム – Adobe Color CC
    “Adobe Kuler の使用方法”
     Adobe Color CCは調和のとれた色のセットを出力してくれるwebアプリです。画面上のカラーホイール中のルーペをぐりぐり動かせば、他のルーペも連動して動いて、調和を維持したまま様々な色のセットを出力してくれます。Colorハーモニーが調和の種類の変更です。モノクロからきれいな多色まで様々です。

     画像の読み込みでは画像からは、その画像に沿った色のセットを読み込んでくれます。

     探索からは多数のユーザが作成した色のセットを探せます。

    • この記事いいね! (0)
    takahashi 著者:takahashi

    [macOS] alt + tabでWindowsのようなアプリケーション一覧を表示する方法

    macOSでウインドウ切り替えをする際、Windowsのウインドウ切り替えの感覚で command + tabキーを押すとこんな表示が出てきます。

    これ実は、同じアプリケーションのウインドウを複数開いていても、一つのアプリとしてしか表示されません。

    Windowsはこんな感じ
    Windowsのマルチタスク機能の感覚で操作するとエッってなりますね…w

    実は、macには標準でキーボートショートカットを編集する機能があります。

    アップルメニュー -> システム環境設定
    から
    “キーボードを選択”

    コレです。
    command + tab
    は書き換えることができませんでしたが、

    alt + tab

    は書き換えることができたので、これをmission controlに割り当ててみます。
    画面の”mission control”の項目をダブルクリックすると、入力待機状態になるので、
    実際に設定したいショートカットキーを押します。

    これでalt + tabを押すとmission controlが呼び出せるようになりました。

    OSごとにキーボードショートカットがかなり違うと、かなり覚えるのが大変(癖で別OSのショートカットキーをつい押してしまう)なので、似た操作にそろえておくだけで大分楽になりますね。

    ご参考までに。

    • この記事いいね! (0)
    takahashi 著者:takahashi

    chromeがインラインインストール機能を削除

    Google Chrome を使っていると、例えばセキュリティソフトなどをインストールした際、いつの間にか拡張機能が追加されていることがあります。
    この機能は”インラインインストール”と呼ばれており、Chrome ウェブストアを経由することなく拡張機能をインストールする(させる)ことが可能になっていました。

    ところが最近、このインラインインストールの機能を悪用する開発者が増え、Googleへの苦情が増加していたようで、しばらくは悪質な拡張機能とそうでないものを判別することで対応していたようですが、とうとう、全面的に廃止が決まったようです。

    Google、Chrome拡張のインラインインストール廃止へ – スラド
    Google、Chrome拡張機能のインラインインストールを終了へ 悪用への苦情受け – ITMedia

    インラインインストール廃止は3段階で進められる。まず、6月12日以降に新規公開された拡張機能では既にインラインインストールが無効化されており、chrome.webstore.install()メソッドを呼び出そうとすると自動でChromeウェブストアにリダイレクトされるようになっている。9月12日以降は既存の拡張機能でもインラインインストールが無効となり、Chromeウェブストアへのリダイレクトが行われる。12月初めに安定版リリース予定のChrome 71では、インラインインストール用のAPIメソッドが削除されるとのことだ。

    ということで、現時点で新規にインラインインストールされる拡張機能についてはインラインインストールさせようとすると自動でChromeウェブストアに誘導され、最終的にはChrome 71のリリース時点で機能そのものが無効となるようです。

    ただ、ユーザーの許可を求めずにいきなりインラインインストールさせてくる無作法なアプリもあり、時にはインストールされていたことすら気づかないこともあったので、ユーザーがインストールされる拡張機能を確認した上でインストールできるようになることは、とてもいいことではないかなと思います。

    • この記事いいね! (0)
    著者:杉浦

    CSSの適用優先度

     CSSはHTMLに装飾を付ける仕組みで、主にその詳細度から適用の優先順位が決まります。要素名、クラス、ID、HTML中の直書きと適用される範囲が狭く詳細になるほど優先されます。定義はSelectors Level 3でされていますが、ご存知、ないのですか?CSSの優先順位の説明が大変分かりやすかったです。
     次の図は”ご存知、ないのですか?CSSの優先順位”からの引用です。


     図の様に指定方法の種類別総和が優先度になっています。この優先度の特徴として、IDの様なより詳細な種類の指定方法が用いられていた場合、どれだけクラスの様なより詳細でない種類の指定方法を重ね掛けても優先度で上回れないという点があります。優先度が同値の場合、後から読み込まれた方が優先されます。
     生のCSSではこの優先度を表記してくれません。人間がこの優先度を理解しながらCSSを読み解くのは難しいです。Specificity Calculatorは優先度計算ページです。下図の様に、CSSコードを書きこめば優先度を出力してくれます。計算機を増やしたいならば、Duplicateボタンで複製しましょう。

    • この記事いいね! (0)
    村上 著者:村上

    【Excel】セルに入力されている文字列の結合方法

    今回は、知っていると何かと便利な、Excelのセルの文字列を結合する方法について。

    前置きは特にないので、早速結合方法について説明していきます。
    セルの結合ですが、イメージとしては下の画像のように、A1~B8にバラバラに入力されている文字列を結合して、D2~D8 のような文字列を生成したいときに使います。

    使うのは「&」です。
    この文字を結合したいセルの間に置くと、セル通しを結合してくれます。
    例えば、上の例で行くと、D2セルには、下記のように記入します。

    =A2&"."&A1&B2
    

    文頭に = を付けるのを忘れずに!

    なお、この時「A1」を「$A$1」としておくと、D2セルを下にコピーすれば中区から浜北区まで一気に結合できます。
    この絶対参照については、以前説明しているので、参考にしてください。

    【Excel】今更聞けない参照セルの絶対参照と複合参照について

    また、セルと文字列を結合したいときは、結合したい文字列を“”で囲みます。
    セルの結合は以上です。

     

    これを覚えておけば、いちいち文字を打ち直さなくて済むので、かなりExcelの操作が楽になります。
    ただし、参照元のセルをコピーしたり移動したりすると、文字列を結合したセルにも影響がでてくるので、文字の結合が終わった後は、結合後のセルをコピーし、文字列として貼り付けという作業をしておけば安心です。

    • この記事いいね! (0)