まさかなBLOG

OfficeのWord Wordというのも情報子会社SEとしては、設計書を書いたり、報告書を書いたり、使用頻度が高いアプリの一つですが、これまた奥が深い。 ときどきなんでこんなことに？という状態に悩まされることがありますが、これについては一つ一つ解決して知識を身に着けていくしないと思います。 今回は、こんな事象です。 なぜかWordの脚注に余計な改行が… 脚注を入れます すると、文末の脚注に余計な改行が・・・ なんだってこんなことを・・・ 余計な改行を削除する方法 誰だ！こんなことしたのは！という気持ちを抑えて、以下の方法で対応しましょう。 1. 「表示 － 下書き」を選択し下書きレイアウトに変更する 2. 「参考資料 － 注の表示」を選択 3. 画面下の方に脚注が表示される 4. 脚注のプルダウンから、「脚注の境界線」を選択 5. 余計な改行が選択可能となるので、削除する。 6. 印刷レイアウトに戻して表示を確認すると、余計な改行が無くなっていることが分かる。 やった！余計な改行が消えた！！ さいごに Wordってもう高機能？すぎてついていけない感があります。 しかしながら少しずつ使い方を調べ蓄積していくことが重要だと思います。

Font Awesome Font Awesomeでアイコンを使用するための手順 Bloggerの引用スタイルがショボかったので、何とかカスタマイズを使用した際に、Font Awesomeのアイコンを使用する必要があったので、使用可能にするまでの手順をまとめます。 引用スタイルの変更の記事はこちら 　 Bloggerで引用スタイルを変更する １．以下サイトにアクセス Font Awesome　のサイトのアクセスします。 　 https://origin.fontawesome.com/ ２．「Start Using Free」をクリック 以下の画面キャプチャのとおり、「Start Using Free」を選択します。 無料ユーザーとして利用します。 ３．コードをコピー 「Start a New Project」というページが表示されるので、表示されているコードをコピーします。 コードをクリップボードにコピー ４．</head>の直前に貼り付け。その際、終端記号/を追加 自身のWebページのHTMLコードを表示し、</head>の直前に貼り付ます。 その際、貼り付けたコードに終端記号"/"を追加しました。 …rel='stylesheet' / > これで、設定は完了です。 実際にアイコンを表示してみる 設定が完了したので、ためしにアイコンを表示させます。 手順は以下の通りです。 １．使用するアイコンをFont Awesomeのページから選ぶ Font Awesomeのトップページに検索ボックスがあるので、キーワードを入力して検索を行います。 左上に検索ボックス ２．選んだアイコンのコードを取得する。 選んだアイコンのページを開くと、以下の画面キャプチャのところにコードが表示されているので、コピーします。 赤枠したところにあるコードをコピーします。 ３．アイコンを表示するページのHTMLに取得したコードを貼り付ける。 以下のようにHTMLコードの編集画面で、コピーしたコードを貼り付けます。 ...

Windows10の設定画面に「電話」というメニューがあります。 これは、「Windows 10 Fall Creators Update」（2017年10月提供）で追加された機能で、以下のことが可能となります。 スマホで閲覧していたWebページをWindows10のPCに送信して、PC上で閲覧する 2017年10月に提供された機能ですが、2018年2月にこの設定を行ってみましたので、その時の設定方法等をまとめました。 Windows10のPCで設定 ① 「Windowsの設定」から「電話」を選択 ② 「スマーフォンの追加」を選択 ③ スマホの電話番号を入力し、送信ボタンを押下。 頭の「090」は「90」の形式で入力する。例：「90-1234-5678」 送信ボタンを押下すると、送信完了のメッセージが表示される ④ これでPC側の設定は完了です。 スマホで設定（Edge） （私の使用環境は、iPhoneSEです。） ① 送られてきたメッセージのURLをクリックします。 ② App Storeが開きます。すると、MicrosoftのブラウザEdgeのインストール画面が表示されます。 ③ Edgeをインストールします。インストール後Microsoftにアカウントログインを行います。 以上で、設定は完了です。 スマホで設定（Continue on PC） 送られてくるSMSのリンク先は、Edgeでした。 iOS標準のブラウザSafariを使用している場合は。以下の方法でこの機能を使用することが可能です。 ① App Storeで、「Continue on PC」を検索。 ② 「Continue on PC」をインストールし、開きます。 ③ 英語の説明画面が表示されます。このアプリ自体はそのまま閉じてください。 以上で、設定は完了です。 実際に使ってみます スマホのブラウザ：Edgeを使用 では実際にWebページをスマホからPCに共有してみます。 ① Edgeの画面下部に共有ボタンがあるので、タップします。 ② PCの選...

Bloggerをカスタイマイズ デフォルトの引用のスタイルがなんかビミョウ・・・ ブログで記事を書いていると必ず、引用を行う場面があるかと思います。 私も他のサイトの内容を引用しようとした際に、Bloggerの投稿の編集画面から以下のボタンを押して引用のスタイルを適用しますが、デフォルトのスタイルがかっこよくありません・・・ 引用ボタンをポチっと デフォルトの引用のスタイル。中央揃えで少し字が大きくなっただけ・・・ これは何とかせねばということで、引用スタイルの変更を行います。 変更内容 注意点 この変更では、Font Awesomeのアイコンを使用しています。 Font Awesomeの設定方法については、別途記事にする予定です。 HTMLの編集 テーマ→ HTML の編集で、「blockquote」で検索する。 以下のようにコードを編集する。 CSSの追加 テーマ→カスタマイズ→上級者向け→CSSを追加 以下のコードを追加する。 表示結果 上記の変更を行うことで、引用が以下のように表示されるようになりました。 引用がいい感じに表示されました 参考にしたサイト CSSで作る！魅力的な引用デザインのサンプル30（blockquote） さいごに いかがでしたでしょうか。 ブログやる上では、CSSの知識が必須であることを痛感しました。すこしずつ勉強していきたいと思います。

いちよう私もシステムエンジニアの端くれとして、ブログにソースコードをイイ感じに貼り付けたいと思い、その方法を探しました。 いろいろ調べた結果、GithubGistでソースコードを書いて、それを貼り付けるのが手っ取り早かったので一連の手順をご紹介したいと思います。 GitHubGistでソースコードを作成 GitHubGistでソースコードを作成します。以下のリンクから作成画面を開くことができます。 https://gist.github.com/ 次に以下の画像の要領でソースコードの入力を行います。 Bloggerに貼り付けるコードの取得 ソースコードの作成が完了したら、Bloggerに貼り付けるコードを取得します。 Bloggerにソースコードを貼り付け Bloggerの編集画面で、HTMLを開き、ソースコードを埋め込みたい場所に⑤でコピーしたコードを貼り付けます。 すると、以下のようにブログ内にソースコードが埋め込まれます。 さいごに いかがでしたでしょうか？ いまPythonで機械学習なども勉強中なので、このあたりの気づきなども今回のようにソースコードをイイ感じに貼り付けて今後発信していきたいと思います。

自分のブログにTwitterボタンを配置して、読んだ人がTwitter上で共有しやすいようにします。 手順 手順は、TwitterのHelpに記載があります。 https://help.twitter.com/ja/using-twitter/twitter-buttons では、いかに手順をご紹介します。 TwitterのHelpに記載されているリンクをクリックします。 そして、少し下の方にスクロールし、以下の通り「Twitter Button」を選択します。 さらに、「Sahre Button」を選びます。 すると、以下のようにhtmlコードが生成されるので、ご自身のブログ上に貼り付けます。 手順は以上です。 結果 以下の通り無事にTwitterのボタンが表示されました。 ↓ Tweet ボタンを押してみると実際にTwitterへの投稿画面が表示されました。 さいごに いかがでしたか？ 読んでくれた方が、記事を共有してくれたらうれしいですよね。 ここまで書いておいてなんですが、Bloggerの場合、デフォルトで各SNSへの投稿ボタンが表示されているので、特にShareボタンより、フォローしてもらうボタン等を作成しておくのがいいと思います。