BLOGTIMES
«Prev || ... 404 · 405 · 406 · 407 · 408 · 409 · 410 · 411 · 412 ·... | | Next»
2017/12/07

HTML の任意の要素を矢印で結んでくれる LeaderLine が便利そう

javascript 
LeaderLine Sample - HTML の任意の要素を矢印で結んでくれる LeaderLine が便利そう

LeaderLineという HTML の要素を矢印で結んでくれるライブラリが便利そうだったのでメモ。

実際の使用例

使い方は簡単で leader-line.min.js を読み込んだら、LeaderLine というオブジェクトを作るだけです。
npm に入っているので今回は jsdelivr からロードするようにしてみました。

極簡単な例ですが、start と end を矢印で結ぶとこんな感じになります。モダンな見た目なのが、なかなかいいですね。

ここから     ここまでを矢印でつなぐ。

実際のコードもこんな感じでシンプルな記述です。

<span id="start" style="background-color: mintcream">ここ</span>から      <span id="end" style="background-color: mintcream">ここ</span>までを矢印でつなぐ。 <script src="https://cdn.jsdelivr.net/npm/leader-line@1.0.1/leader-line.min.js"></script> <script>new LeaderLine( document.getElementById('start'), document.getElementById('end'), { dash: {animation: true}, startSocketGravity: [100, -70], endSocketGravity: [-100, 70], color: 'rgba(30, 130, 250, 0.5)' } ); </script>

参考


    at 21:04 |
    2017/12/07

    Firefox 57 で印刷すると白紙になる症状をなおしてみた

    firefoxquantum  printer 

    Firefox 57 にアップデートしてから、印刷プレビューは正常なのに、印刷すると印刷結果がプリンタにかかわらず真っ白になるという状況になってしまって、困ってしまいました。ググってみると、Firefox で印刷ができないというのはメジャーな不具合らしく沢山の事例がヒットしますし、公式の KB にも印刷のトラブルシューティングのページが用意されています。

    結論から言うと、この FAQ は僕には役に立ちませんでした

    僕が用いた修正方法は以下の3ステップになります。

    1. 「ヘルプ」メニュー→「トラブルシューティング情報」を開く
    2. プロファイルフォルダー欄の「フォルダーを開く」ボタンをクリック
    3. フォルダ内にある prefs.js をテキストエディタで開いて gfx. で始まる項目を全て削除
      ※作業前に念のためフォルダ内にある prefs.js のコピーを取っておくとよい

    ちなみに gfx. というのはレンダラ関連のオプション*1のようなので、過去に設定した内容がなにか悪さをしていたようです。

    結局、前回と同じ方法に・・・・・

    サポートフォーラムなどでは、相変わらず「プロファイルをリフレッシュすると直るよ!」「直りました!ありがとうございます!」のような乱暴なトラブルシューティングを行っているスレッドばかりなので、今回も最近閉じたタブが使えなくなった時に取った方法と同じ作戦で prefs.js を2分探索をして原因を絞り込んでいったのでした。


    at 12:33 |
    2017/12/06

    ATOK はサブスクリプションの ATOK Passport のみに

    inputmethod  marketing 
    ATOK 2017 for Windows [ベーシック] 通常版

    ATOK が現在のパッケージ版とサブスクリプション版(ATOK Passport)の提供から、サブスクリプション版のみの提供に切り替えられるようです。

    「ATOK」パッケージ版廃止 月額版「Passport」に統一 - ITmedia NEWS

    ジャストシステムは12月5日、日本語入力システム「ATOK」について、今後はパッケージ版を廃止し、月額サービス「ATOK Passport」(税別286円~)に統一すると発表した。「ATOK Passport」は、最新のATOKをWindows/Mac/Androidデバイス10台まで利用できるサービス。どのデバイスでも共通の入力環境を利用できる。

    パッケージソフトの売り上げだけではジャストシステムも苦しいのでしょうし、毎年バージョンアップをするならばサブスクリプション版の方が経済的という理屈はわかるのですが、3年おきくらいのバージョンアップ間隔でも全然困っていない(実際問題として ATOK 2014 を使用中ですが、特に不満はありません)んですよね。

    バージョンアップによる差分も年々少なくなっているような状況なので、これを機に ATOK ともサヨナラという人も多くなるかもしれません。


      at 22:31 |
      2017/12/06

      Classic Shell の開発が終了

      eol  windows8  windows10 

      Windows 8 がリリースされた時に「スタートメニューがなくて使いにくい!」という騒ぎがおきたわけですが、その時の逃げ道として大活躍したユーティリティ Classic Shell の開発終了がアナウンスされました*1。昨年はクラッキング被害にあったりと開発体制もちょっと安定していないような感じでしたが、こういうことの前触れだったのかもしれません。

      「Classic Shell」プロジェクトが開発終了を発表、オープンソース化 | OSDN Magazine

      Classic Shellは2009年にIvo Beltchev氏が余暇を利用したプロジェクトとして開始したもの。現在ではプロジェクトの貢献者も増え利用者も多かったが、時間が取れなくなったこと、Windows 10のアップデートが頻繁に行われ、それに対応させるためのメンテナンスに時間がかかること、Microsoftが公開するWindowsの最新版がかつてのWin32プログラミグモデルから乖離して来たことの3つを理由に、プロジェクトを打ち切ることにしたという。8月に公開したバージョン4.3.1が最終版となる。

      ソースコードは MIT ライセンスとなり、すでに GitHub で公開されています

      僕も Windows 10 でスタートメニュー的なものが復活するまではお世話になりました


      at 19:08 |
      2017/12/05

      Suica だけで新幹線に乗れる「タッチでGo!新幹線」を開始

      suica  railways 

      JR 東日本が Suica のチャージ額だけで、在来線を利用するように新幹線の自由席に乗ることができるサービス「タッチでGo!新幹線」が来年4月からスタートするようです。ネーミングだけ見ると「電車でGo!の新作か?」と思ってしまいますが、JR 東日本のオフィシャルなサービスです。

      2001年の導入からずいぶん時間が経ちましたが、やっと新幹線にスイスイ乗れるようになるわけですね。ただ、微妙なのは区間が制限されており乗り継ぎにも対応していないことでしょうか。これは旅行と言うよりは高崎や宇都宮からの通勤客がターゲットにしているからなのかもしれませんが。

      「タッチでGo!新幹線」の開始について

      下記の区間における新幹線停車駅相互間
       東北新幹線 東京~那須塩原間
       上越新幹線 東京~上毛高原間
       北陸新幹線 東京~安中榛名間
      ※大宮駅で東北新幹線と上越新幹線とを乗り継ぐ場合、 及び高崎駅で上越新幹線と北陸新幹線とを乗り継ぐ場合は、対象外となります。

        at 22:10 |

        C++ 1z が ISO/IEC 14882:2017 に

        standardization  cpp 

        策定中だった C++ 1z が正式に ISO/IEC 14882:2017*1 となったようです。

        この 1z というのはどこから来たのか調べてみたら、09 年に標準化が終了する予定だった C++11 が C++0x と呼ばれたののが始まりで、その次のバージョンである C++14 が数字とアルファベットが 1 つずれて C++1y となり、今回の C++17 はアルファベットだけ 1 つずれた C++1z となったという経緯のようです。

        ISO、C++17の仕様「ISO/IEC 14882:2017」を発行 | OSDN Magazine

        UTF-8文字リテラルをサポートし、16進数表記で浮動小数点数リテラルを記述できるようになった。インライン変数、fold式などが加わった。名前空間では入れ子名前空間の定義などの機能が加わり、ラムダ式では*thisのキャプチャが可能になった。テンプレート、制御構文など様々な変更が加わっており、トライグラフの削除など不要な機能の整理も進めた。

        変更点については、以下のサイトが日本語でよくまとまっているのではないでしょうか。

        普段それほど使わない言語なので、C++ は C++03 から知識が進んでいなかったりするんですよね。。。。


        at 21:11 |
        2017/12/04

        Google Play 「ベスト オブ 2017 」のベスト ゲームは FEH

        fireemblem  google 
        FEヒーローズ タイトル - Google Play 「ベスト オブ 2017 」のベスト ゲームは FEH

        Google Play 「ベスト オブ 2017 」のベスト ゲームとしてファイアーエムブレム ヒーローズ(FEH)が選ばれていた*1のでメモ。

        いろいろと賛否があり、個人的には不満がないわけでもありませんが、コアなファン以外にも評価されているということでしょうかね。

        ベスト ゲーム - Google Play の Android アプリ

        今年はスマホゲームがどうあるべきかを様々な目線で模索した、個性のある優れたタイトルが多くリリースされた年となりました。そのなかで 歴史のあるシリーズを再定義し、機能だけでなく運営も含めたスマホでのゲーム体験全体を高め、日本だけではなく世界中で数多くのプレイヤーを惹きつけた ファイアーエムブレム ヒーローズを 2017 年を代表するタイトルとして選出!

        at 22:48 |

        EPSON のドットインパクトプリンタの問題は MS のパッチで解決へ

        epson  printer 
        セイコーエプソン インパクトプリンタネットワーク標準対応モデル VP-4300N

        11月の月例 Windows Update には EPSON のドットインパクトプリンタが使えなくなるという困ったバグがありましたが、EPSON の公式 FAQ 「[FAQ番号:036703]2017年11月15日のWindowsアップデート後からエプソンプリンターで印刷できなくなった<Windows 10>|よくある質問(FAQ)|エプソン」が更新されており、Fall Creators Update にもパッチの提供が開始されていました。

        該当する KB は KB4051963 のようです。
        ちゃんと EPSON のドットマトリックスと POS プリンタの問題が解決されたと書いてありますね。

        November 30, 2017—KB4051963 (OS Build 16299.98)

        Addressed issue that impacted some Epson SIDM (Dot Matrix) and TM (POS) printers, which were failing to print on x86 and x64-based systems. This issue affects KB4048955.

        ダウンロードは Microsoft Update カタログからできるようになっています。


          at 12:55 |
          2017/12/03

          岡倉天心記念公園

          tokyo  park 
          六角堂 - 岡倉天心記念公園 サザンカ - 岡倉天心記念公園

          散歩のついでに谷中の岡倉天心記念公園に立ち寄ってみました。

          どこにでもあるような小さな公園ですが、ここは東京美術学校(現在の東京藝術大学)の設立に深く関わった岡倉天心の旧居跡とのこと。園内の六角堂の中には岡倉天心像が安置されています。この公園にはトイレがあるので、谷中散策の時にトイレに行きたくなった場合にはここを利用すると便利です。

          岡倉天心宅跡・旧前期日本美術院跡 | 千駄木谷中界隈散策コース | 東京都文化財めぐり

          現在の岡倉天心記念公園は、昭和42年(1967)、台東区により開園されました。園内には五浦の六角堂を模した記念堂が建てられ、内部に岡倉天心の胸像が安置されています。この胸像は、平櫛田中が昭和6年に制作した作品(東京藝術大学構内に展示)の原型から鋳造されたものです。

            at 16:25 |

            東大のいちょうの黄葉

            tokyo  紅葉狩り 
            安田講堂前の銀杏並木 - 東大のいちょうの黄葉大銀杏 - 東大のいちょうの黄葉

            いちょうの黄葉も見頃ということで、皇居見学の帰りに東大の本郷キャンパスに立ち寄ってみました。銀杏並木と落ち葉でキャンパス内は一面黄金色になっていました。


              at 15:33 |
              «Prev || ... 404 · 405 · 406 · 407 · 408 · 409 · 410 · 411 · 412 ·... | | Next»