書かれているものがあると思います。これらは幾つの列幅を使うかの指定です。(これらをスクリーン・クラス・プレフィックスといいます)は閲覧者のメディアの画面サイズです。パソコンという捉え方で構いません。「m4」と指定した場合、タブレット閲覧時には4列の幅で表示するという意味になり、「l3」と指定した場合はパソコン閲覧時には3列の幅で表示するという意味になります。省略時(未記載時)は暗黙で12列幅を使うという事になります。プッシュとプル次にカラムを入れ替えるプッシュとプルです。サンプルソースを下に示します。amber">第二カラム</div></div>上の行はノーマル状態、下の行にはプッシュとプルを設定しました。すると下の行では第二カラムが左側に来たことが分かると思います。プッシュとプルでカラムの順番を入れ替えることができます。オフセットオフセットのサンプルソースを下に示します。頭に付けて指定します。サンプルは上下両行とも6カラム幅のサイズです。オフセット指定をしました。4カラム分の空白が左側にセットされているのがわかります。セクションと区切り線セクションはコンテンツをまとめブロック単位にしたものです。区切り線はコンテンツを分けるために用います。以下にサンプルソースを示します。class="divider"></div>サンプルではセクションの上下に区切り線を設置したものです。区切り線は1ピクセルの線として表示されています。セクションは、1コンテンツ=1セクションという形で用います。セクションの応用それでは、セクションについてもう一歩理解を深めてみましょう。以下サンプルを示します。class="divider"></div>1行に3つのセクションを横並びさせてみました。12分割を3で割り、それぞれのセクション幅は4カラムで均等にしています。先程のサンプルと同様に上下に区切り線を入れています。中央のセクションBには青の背景色を指定しました。このようにセクションを横並びさせることもできます。すれば中央セクションのみを広い幅にする事もできます。レスポンシブレイアウト次にレスポンシブの動きの理解に進みましょう。Materializeでは、自動的にレスポンシブデザインに対応しています。s,m,l,xl)です。どの画面サイズの場合にどのようなレイアウトになるかを知っておく必要があります。以下にレイアウト表を示します。デバイスで表示する際に有効となります。これらグリッドシステムを活用して、デバイス毎に最適なレイアウトを組むことが可能となります。それでは上記レスポンシブレイアウトを応用したサンプルを示します。l3</p></div></div>このソースを組んだ場合、幅993px以上のデバイス(ノートPCなど=l)で表示すると下図のように表示されます。効いていることが分かります。m)は下図のように表示されます。四段目に配置されました。次にスマートフォンなどの場合(幅600px以下=s)は下図のように表示されます。指定したので縦並びになりました。横幅の狭いスマートフォンには最適な表示になります。このようにMaterializeを使うことで、マテリアルデザインかつレスポンシブデザインを簡単に実装することが出来ました。色指定のしかた(背景色)背景色や文字色を指定する方法ですが、これも簡単でクラスを指定することで実現できます。以下サンプルを示します。accent-2」(シアン色の一種)という色を指定したものです。materializeで指定可能な色の名称は下の通りです。文字が小さいですがこういう感じということだけ覚えて戴ければ良いと思います。色指定のしかた(文字色)次にmaterializeで文字の色を指定する方法は、下記のサンプルコードのようにクラスに色の名称を記載することで可能です。”text-“を付加しなくてはなりません。text-darken-1」という感じでハイフン+textの文字が必要です。ここらへん、ちょっと面倒ですね。以上、materializeでの色指定のやりかたでした。マテリアルデザイン、意外とかんたんに導入できるんだなと思って戴ければ幸いです。入門者向けの解説、まだまだ続きます。等の国内キャリアメールが使用不可になります。これら国内キャリアのメールサーバは、いまだTSL等に対応しておらず平文で通信していることからセキュリティリスクが存在するので、グーグル社として2段階認証のセキュリティ確保のための措置と考えられます。そもそも2段階認証はセキュリティ向上の為の仕組みなので、それに用いられるメールシステムが平文で通信するようでは意味がないわけです。これら国内キャリアメール以外にもTSL通信非対応のメールサーバはネット上に存在しますが、流通メール数が格段に多いキャリアメールをBANすることで、よりよいセキュリティ確保が出来るという判断でしょう。日以降はグーグルの2段階認証で利用不可になります。政治倫理の確立、不正防止を目的に、国会議員の資産が国民に開示されています。清く正しい政治には必要なことで、民主主義を採用している先進諸国に於いて政治家の資産状況の開示は世界的な常識となっていて、もちろん日本でもきちんと開示されています。この開示情報はどうやって知ることができるのだろうかと思ったことはありませんか?そこで今回、再確認をしてみましょう。国会議員と一言に言っても、我が国では参議院と衆議院の二院制となっていますね。それぞれ開示されています。)」で定められているのが分かります。電子政府の総合窓口(e-Gov)。)の内容を検索して提供します。資産開示の対象であることがわかります。)第二百五十二条の十九第一項の指定都市の議会の議員並びに都道府県知事及び市町村長(特別区の区長を含む。条例の定めるところにより、この法律の規定に基づく国会議員の資産等の公開の措置に準じて必要な措置を講ずるものとする。実際に、我々国民はどのように開示情報に辿り着けるのか?衆議院の場合、ホームページでその方法が分かりやすく提示されていました。衆議院議員の資産等報告書等の閲覧案内www.shugiin.go.jp閲覧場所に訪問すれば開示情報を見ることができるとのこと。できるのは原則、平日9時半〜17時半(12〜13時は休憩時間)です。(1番出口)もしくは、銀座線・南北線で「溜池山王駅」(5番出口)地図は公式より引用させていただきます。(資産公開室)政治家の資産公開は、政治の適正化の一環で行われている制度です。有権者として政治の適正化に寄与することにもなるので、一度、閲覧に足を運ぶのも良いかも知れませんね。閲覧はもちろん無料です。議員会館に入館する機会もなかなかありませんから、貴重な体験になると思います。永田町周辺の観光のついでに立ち寄るのもオススメですね。今回は敢えて強引(?)にデータファイルごと根こそぎバックアップする方法をやってみます。データファイルさえ残っていれば何とかなるわけですから。この記事の対象は、データベースの構造を良く知っている上級者向けと思ってください。初中級者の方にはあくまでも、それぞれ用意されているバックアップコマンドを使うことを推奨します。row)postgres=#こんな感じで表示されます。上記の例では/var/lib/pgsql/9.6/dataがデータフォルダです。環境によってディレクトリは異なります。2.データベースを停止するディレクトリごとコピーする場合、必ずデータベース(RDBMS)を停止する必要があります。データベースを動かしながらコピーしたらぶっ壊れます。postgresql3.ディレクトリごとコピー(バックアップ)する普通にコピーコマンドでディレクトリごとバックアップします。~/backup_db4.データベースを再起動するバックアップ(コピー)を終えたらデータベースを再起動します。postgresqlこのように至ってシンプル。RDBMSのバージョンが異なると動作しない場合があります。データベース構造まで熟知している上級者のあなたには理由はわかりますよね。逆にこのバックアップのリストア方法ですが、コピーしたディレクトリごと上書きすれば良いです。コピー作業前にデータベースを停止するのは当然ですね。ちなみにバックアップ(コピー)先ディレクトリでそのまま動作させる事も可能です。データディレクトリを指定してください。こんな感じで出来ちゃうので、一応知識として持っていると便利だったりします。してから、日本語入力でトラブルが頻発するようになりました。打つまで待ってくれないので漢字変換できない状態になるものです。テキストエディタを往復するのはとてもストレスです。これでは堪りません、さすがにリサーチしてみるかと原因究明や対策を探してみたところ、JetBrains日本語公式ブログに対処法がアップされていました。細かい手順は下にリンクを貼っておきますので、公式サイトを読んでいただくとして、この公式サイトでは2つの回避策が示されています。私がこの手順でやってみたところ、簡単な回避法の回避策1では何故か起動できませんでした。私の環境なのか原因不明ですが、とにかく起動さえしなくなったので、これではいけません。回避策2の方でやってみたところ、無事起動できるようになりました。そもそもこの日本語入力の不具合は毎回必ず発生するものではなく、何かのタイミングで発生していたので、これで解決できているのかは暫く使ってみるしかありません。不具合が発生しない事を祈るばかりです。最近のブラウザは、アドレスバーにURLをフル表示しないのがトレンドのようですが、正直面倒なことがあったりします。そこで、フルURLを表示する方法をご紹介します。簡単ですが、1.アドレスバーに下記をコピペしますchrome://flags/#omnibox-ui-hide-steady-state-url-trivial-subdomains2.下のように黄色でマークされた部分の右にあるプルダウンメニューで「Disabled」にします。以上!これでフルURLが表示されている筈です。競合エラーが発生してしまう場合の解決方法です。実行したら競合エラーが発生する場合があります。大事な部分を下記にマークしました。トランザクションの確認を実行しています。依存性解決を終了しました。ファイルと競合しています。エラーの要約-------------このマーカ部分のモジュールが邪魔をしているので、アンインストールします。トランザクションの確認を実行しています。トランザクションの確認を実行しています。依存性解決を終了しました。k上記の処理を行います。日本語に最適化されているテキストエディタ。Windowsならば秀丸エディタの一択でしょう。秀丸エディタは最高の作品です。使えるテキストエディタは?となると、テキストエディタは数あれど、どれも帯に短し襷に長し、しっくり来るものが今ひとつありません。テキストエディタ流民となっている人々(もちろん自分を含め)へテキストエディタ比較をまとめてみます。ちなみに私が最強とするテキストエディタの条件ですが起動が早い検索が日本語に最適化されている上下カーソル移動が1行ずつという感じです。満足度は高かったのですが、不満点は以下の通りです。1.起動がもっさりしている。クリックして一息ついてようやく起動という感覚。比較してみてください。高速起動には感心させられます。ネイティブコードで書かれているのだと思います。2.次に上下カーソル移動が5行単位に画面がジャンプして視点のフォーカスが一瞬迷子になります。1行移動したら1行遷移する方が視点が迷子にならず快適になるのに残念です。3.これもカーソルがらみですが、ページアップ・ダウンで画面遷移したのに、カーソル行がついてこないので、上下左右キーを押すと元の行にまた戻ってしまいます。UIとしてそれを望んでいるユーザは居ない気がします。4.検索ボックスでhome/endキーが文字化けします。homeキーで行頭・endキーで行末に慣れているエンジニアにはちょっとしたストレスです。これは仕様ではなくバグのはずなので、早期の修正が望まれるところです。5.また検索ウィンドウ関連ですが、1回目の検索で空振り(一致キーワードが無かった)の時、ウィンドウが勝手に閉じられてしまって、わざわざ開き直さなければなりません。バグなのか仕様なのか分かりませんが。エンジニアにとってテキストエディタは極力ストレスフリーで、コードを書く以外に無駄なキー操作は極力避けたいものです。それが達成されているなら機能なんて最小限でも構わないくらいです。近年、テキストエディタが統合開発環境(IDE)化している傾向にありますが、IDEはIDE、テキストエディタはテキストエディタのメリットがあるのですから、それぞれ棲み分けしているのが最善だと思います。IDEは多機能高機能なので、多少のもっさりは許容できますが、テキストエディタは軽量快速が最上ではないでしょうか?以上、不満点を挙げましたが、無料でテキストエディタを配布していただいていることへの敬意を忘れてはいけません。作者さんには感謝しています。テキストエディタへ辿り着いたのですが、やはり上記不満点で離脱しようと思います。採用した理由を列挙します。0.7秒速いだけなのですが、率で表現すれば0.75倍=25%速度向上です。2.上下カーソルはちゃんと1行ずつスクロールして視点が迷子になりません。3.ページアップ・ダウンで移動してもカーソル行が付いて来ます。ページダウンで100行まで移動し、そこから下カーソルを押しても101行を指します。4.検索窓でキーワードを入力すると、リアルタイムでジャンプしてくれるので、エンターキーを押す必要がありません。無駄なキーストローク1回分を省略できるのは助かります。不満点などあれば記事にします。高速起動ができれば百点満点なのですが、総合点では今の所、最善な選択かと思います。トラベル三菱UFJ銀行が発行している、キャッシュカード一体型PASMO。カード一枚にキャッシュカード機能だけでなく、交通系ICカードのPASMO(パスモ)も付いて便利!というシロモノです。!とんだ落とし穴が潜んでいました。最初に使っていたまでは良かったのですが、5年の有効期限が迫り、新しい更新カードが届いたところ、思いもよらぬ面倒な手続きが待ち構えていたのです。駅での手続きが必要です複雑な手続きフローこの説明書の通り、駅での手続きが必要。これ、ITに詳しくない人なら「そんなの当たり前じゃん」って思うかも知れません。いやいや、本来、こんなの自動で出来る範囲なのです。情報工学的に、なぜわざわざ窓口へ行かされるのか疑問を抱いたのかを説明します。IDが表示されています。紐付けが出来ているわけです。有効期限がこの例では2018年12月までとなっているので、2019年1月1日の午前0時にサーバ側で自動的に移行すれば良いだけ。顧客を窓口まで来させる意味なんかゼロなのです。ちなみにPASMO残高はカード内に保管されておらず、サーバ側で管理されています。ICカードライターで勝手に残高を増やすなんて事は不可能なわけです。IDの番号のみしかなのだから、本来、勝手にサーバで移行すれば顧客は期限後に旧カードを破棄するだけで良いのです。最近は鉄道会社が人員削減をしているので、定期券窓口はどんどん閉鎖されて都内でもかなり限定されていて、普段使わない駅までわざわざ行かなければなりません。PASMOを扱っている鉄道会社なら何処でも良いのかと思ったら、このカード、東急ポイントなんてのが勝手に付いているので、東京メトロの某駅の駅員に尋ねてみたところ、東急ポイントのカードなので東急線でしかできませんとか言う始末(恐らく東京メトロの駅員の知識が無かったと思います)。そもそも、すべてサーバ側にデータがあるのだから、自動的にシステムで切り替えるべきでしょう。一体型PASMOカードには要注意という話でした。はじめ、過去に幾つもの有名サイトから情報漏えいが繰り返されてきました。メールアドレスが漏れればスパムメールが送られてきます。スパムメールは、違法ドラッグの販売や詐欺メール、ウイルスを仕込んで来るなど、悪質なメールも少なくありません。パスワードが漏洩すれば、同じパスワードを使っている他の漏洩していないサイトにまで侵入されることも発生します。これがネットバンクだったり、ショッピングサイトだったら、実際に資産の危険にまでなるのです。パスワード設定の原則は、サイト毎に個別のパスワードで設定することですが、中々そうもいかないと思います。最近は二段階認証を導入するサイトも増えているので、もし利用中のサイトに二段階認証機能があるなら積極的に利用しましょう。自分のメールアドレスやパスワードが漏洩しているかのチェック方法ですが、下記サイトで確認することができます。提供しているものなので、安心して使えます。調査したいメールアドレスを入力するだけでOK。すると、もし漏洩に該当していれば、下記のように表示されます。社に登録した情報が漏洩しているということです。2013年10月に1億5244万もの大規模漏洩していますが、残念ながら私のメールアドレスは、この事件の被害者になっていました。・メールアドレス・パスワードヒント(親の名前は?など)・パスワード・ユーザ名ということです。これを使えば、他のどのサイトでもログインできてしまいます。残念ながら漏洩している結果となった場合は、あなたが登録した他サイトのパスワードをすべて変更すべきです。どれだけ複雑なパスワード、例えば「ji7Th_4a90sKl*67%」など設定していようが、漏洩したら何の防御力もありません。・登録サイト別にパスワードを決め、同じパスワードを使いまわししない・二段階認証が備わっているサイトなら必ず二段階認証を使うこれが大事です。