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

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

TS!Atom deprecationアラートを非表示にする

Atom

久しぶりにAtomエディターを使っていて、ふと視線を下げたところ…
んん？なんか怪しげなアラートが出ている。

f:id:tksptan:20180528184721j:plain

1 deprecation

クリックして詳細を確認してみました。

f:id:tksptan:20180528185015j:plain

～style.less

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary.
This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--.
To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

atom-text-editor::shadow .indent-guide => atom-text-editor.editor .indent-guide
atom-text-editor::shadow .invisible-character => atom-text-editor.editor .invisible-character

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

アラートを見る感じ
style.lessに問題があるようだ。
Atom v1.13.0から:host and ::shadowセレクタを使うと何だかヤバいらしい。
（雰囲気英文読解）

とりあえずやってみたこと（失敗）

いやでも、style.lessファイルを編集する前に、一般的なおまじないをやっておこう。

  1. Atomが最新版であるかの確認
  2. インストール済みのパッケージを全て最新版にする
  3. show-ideographic-spaceプラグイン アンインストール

ダメでした(ﾉ∀`)ｱｱｰ

仕方がないのでstyle.lessを編集する。

style.lessの編集方法

f:id:tksptan:20180528191112j:plain

Atom上部にあるメニューバーから環境設定(Settings)を開いて、テーマ(Theme)を選択。
※環境設定はショートカットキー、Windows：「Ctrl+,」Mac：「command + ,」でも開きます。

以下のメッセージのリンクをクリックすると(上図参照）、style.lessが開きます。

Atom は スタイルシート を編集してスタイルを変更することもできます。
You can also style Atom by editing your stylesheet.

style.less 修正内容

先ほどのアラート文をみると、修正方法らしき記載がある。

atom-text-editor::shadow .indent-guide =>
　　　　　　　　　　　　atom-text-editor.editor .indent-guide
atom-text-editor::shadow .invisible-character =>
　　　　　　　　　　　　atom-text-editor.editor .invisible-character

こちらを参考にstyle.lessに以下の変更を加えました。

[修正前]

atom-text-editor::shadow {

  .indent-guide {
    color: @invisible-color;
  }

  .invisible-character {
    color: @invisible-color;
  }

 }

[修正後]

atom-text-editor.editor {

  .indent-guide {
    color: @invisible-color;
  }

  .invisible-character {
    color: @invisible-color;
  }

 }

先ほどのアラートが消えました。
f:id:tksptan:20180528193147j:plain

怪しんでアンインストールしたshow-ideographic-spaceプラグインを再インストール。
不可視文字もちゃんと表示されているのでこれで解決したと思います。

それにしても、今のAtomのバージョンv1.27で、v1.13からこのエラーメッセージ出っぱなしだったはずなのに、
今まで気が付かなかったんですよね。
使用頻度が低いとはいえ、定期的に使っていたのに。
自分の鈍感力というか、注意力の無さが怖い。

NHKゴガク　まいにち中国語 第26課～第30課

中国語

やったことまとめ。
例文はテキストの例文ではなく、私の作文です。
かなり怪しいのでゆめゆめコピペせぬように(;´Д`A “

第26課

動詞･動詞フレーズの連続

動詞、動詞フレーズが連続するときは実際に動作を行う順序で並べる

我用铅笔写日记。

どう？　怎么样

状況について尋ねる。

她的样子，怎么样？

第27課

反復疑問文

肯定と否定を重ねることで疑問文を作る

他是不是你的弟弟？

感嘆文　好—啊！

早上少女组好可爱啊！

第28課

経験を表す　过

したことがある

肯定文

動詞+过

我住过池袋。

否定文

没+動詞+过

我没爬过富士山。

反復疑問文1

動詞+没+動詞+过

你看不看过鬼?

反復疑問文2

動詞+过+目的語+没有

你看过鬼没有?

きっと　一定

我一定考上大学。

第29課

推量 ～でしょう？ですよね？ 吧

您是王先生吧？

副詞

副詞なので動詞の前におきましょう。

前の条件や結果を受けて結論を表す

～ならば...だ

身体好就参加会议。

強調

他就是日本的奇迹。

第30課　今週の復習

(byへびさん）

体力低下

へびさんと遊びに行き、「今日は沢山歩いたからクタクタだー。何㌔歩いたのかなぁ～。きっと５㌔以上歩いたかも。」携帯の万歩計機能を確認「な・何で！ 1.5㌔

しか歩いていないの。」これは、やばい体力がなさすぎる。

さっそく次に日、体力作りのために散歩に出かけ３㌔歩いてきました。

どの位の頻度で何㌔歩けば体力つくのかなぁ？？

とりあえず、1週間トータルで１5㌔歩くこと目標にしようかな。

ちなみに現在は、1週間トータルで約10㌔かな。

カレンダーに今日から距離をメモして目標達成するぞ。

（byねこ)

 

Rpt!WordBench 長野 vol.18 WordPress 勉強会(4月28日)

勉強会 WordPress

4月28日(土）、WordBench 長野 vol.18 WordPress 勉強会 に参加してきました。
例によってレポートを書くのが遅い(^-^;)

今回のセッションは、

1.安心して WordPress を利用するためのライセンスの話

WordPressのOSSライセンスについてのセッションでした。
WordPressはGPLライセンスだそうです。WordPressの前身システムのライセンス絡みで他に選択肢が無かったそう。
GPLが保障する4つの自由=実行、研究、コピー、改変。覚える。
他のライセンスとの相違点がさらっと説明できたら、何かカッコいいので調べてみようと思いましたw
（前から調べよう調べようと思いつつダラダラしてるグズである）


2.WordPress とかをどうやって勉強するのか

最近は環境構築も簡単になってきているので、実際手を動かしてみようと。
インターネット老人会の話が印象に残りましたｗ
私もこの仕事につくまえ、自分のHPにお絵かきBBS設置したり、JAVAアプレット貼り付けたり、夢小説（主人公の名前をユーザーが入力した名前に変換する小説のこと）作ったり、下手くそなドット絵を配布したものよ…

3.ライトニングトーク

など

家に帰ってさっそくDockerインストールして、とりあえずnginx起動してみました。
これだけで終わりにしちゃだめだ。
5、6月中にLamp環境と、Swiftのビルド環境を作りたい…いや作る。

Amazon Lightsailは有料なので、多分やらな…（ごめんなさい）

4.懇親会

パン好きにはたまらない。

f:id:tksptan:20180517233153j:plain

松本市 縄手にあるスイートというパン屋さんの仕出しです。
ここのパンめちゃくちゃ美味しいです。
www.sweet-bakery.co.jp



（byへびさん）

TS!スマートフォン　しつこいブラウザキャッシュと格闘中

テスト

スマートフォンの実機で検証をする時、キャッシュが残っちゃってCSSやJavascriptの変更が全然反映されないってことありますよね？
皆さんはどうしてますか？

もちろん設定画面から履歴とWebサイトデータを消去すればすぐに反映されますが(iPhoneの場合）、
修正の度にいちいちその作業をするのが面倒くさい。
特に私の環境は、Basic認証とログイン認証がありそれがリセットされるとやってらんない。

設定以外から、他にiPhoneで試してみたこと。
・プライベートモードで動作確認
・ブックマークマーク → 履歴 → 消去。

やっぱり修正が反映されない＼(^o^)／

結局

<script type="text/javascript" src="hoge.js?v=<{$smarty.now}>"></script>

のように、常にキャッシュを参照しないようパラメーターにタイムスタンプを付け加えたりの小細工をするようにしましたが、
これはこれで動作検証後にわざわざ外さないといけないのでイマイチなんですよ。
忘れそうだし。
良い方法があれば教えて下さい。

stack overflowかを漁って、見つかれないようであれば質問投げてみようかなと思います。

ja.stackoverflow.com

teratail.com


余裕のある時に！（やらねーな）

(byへびさん）

私のやる気スイッチはどこ？

やらなければならない事は、沢山あるけどやる気がでない。

会社から帰ってきたらダラダラスイッチ「ON]・・・。

おしえて～おじいさん。私のやる気スイッチはどこですか？

長い間なまけていたら私のやる気スイッチは行方不明です。

はぁ～。

誰の役にも立たない内容ですみません。

（byねこ）

ちょびっとだけ成長を実感！？

「この一冊で５００点突破できる！」って本を少し実践してへこんでしまいました。

リスニングのスピードが速すぎる～。

「日本語でもこんなに早くはしゃべるか！？」ってくらい早く私には聞こえました。

数ページ読んでギブアップ・・・。（泣）

「出来ないのなら出来る所から」ってことで１月頃に買って勉強した英検５級の本を復習することに「あ！」何か前より理解できる！（嬉）

１月からダラダラまったりと勉強してきた成果を感じました。（感動）

ちょっとずつでも続けるって大切ですね～。

（byねこ)