ヒューストンの大手石油会社に勤めるマッキンタイアは、エリートサラリーマンだった。そんな彼が、会社の石油コンビナート建設予定地の買収交渉役として、現地に赴く事になるのだが・・。

こんにちは。こちらに来てくれる皆さんのブログを見ては、我々も見やすい記事が書きたい、もっと素敵なサイトにしたいと最近鼻息の荒いmochao&muchacoです。 お気づきの方もいらっしゃるかもしれませんが（?）、数日前にブログタイトルを変更しました。 mimosasky.hatenablog.com 元々は、mimosaskyだけだったのですが、購読しているブログ一覧を見ていてふと、ブログタイトルがブログの内容を反映していると分かりやすいな！と気づいたのがきっかけでした。そこで、サブタイトル的に「-カナダ ウォータールーの空の下-」と入れてみたのです。 さて、ブログタイトルが長くなって一つ困ったことが起こりました。タイトルが長すぎて勝手に改行されてしまい、ちょっとカッコ悪い。あと、あくまでもサブタイトルなのにちょっと主張しすぎな感じが出てしまいますね。 ということで、今回我々のやりたいこと

はじめに この記事はプログラムのソースコードを色付きで表示するシンタックスハイライト（Syntax Highlighting）の使用方法の説明です。 はてなブログのシンタックスハイライトは少し残念な仕様で使い勝手が悪かったことと、Bloggerは、そもそもシンタックスハイライトが標準装備されてなかったので「prism.js」を導入し見やすいソースコードを表示できるようにしました。 同じようなことをやりたい方は是非参考にしてみて下さい。 シンタックスハイライトとは 下のサンプルのように、シンタックスハイライトは意味があるの文字列や構文に色を付けることで、ソースコードの可読性を向上させるものです。 なお、別に色を付けなくてもコードの実行には全く影響ありません。 なぜシンタックスハイライトを導入するのか 動機は単純で、ソースコードをシンタックスハイライト表示したら何となくカッコイイからです。（笑

Webサイトを閲覧していると、テキストが右から左に流れていく帯（バナー）を見たことがある方が多いかと思います。 主に新着情報やお知らせ、セールの情報を告知する際に使われていますね。 もともとHTMLにはテキストを自動的にスクロールさせるmarqueeというタグがあったのですが、現在は廃止され非推奨になりました。 この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。 マーキー要素 (廃止) – HTML: HyperText Markup Language | MDN そこで今回の記事では、CSSのみで横に流れるテキストを実装する方法を紹介していこうと思います！ サイト上で新着情報などを効果的に告知したいという方は、ぜひ参考にしてみてください。

こんにちは。 当ブログでは「記事一覧ページをトップページとして表示する」カスタマイズを導入しています。 blog.wackwack.net 今回はこの味気ない一覧をもう少し何とかできないか！？と思い、 記事一覧のレイアウトを（スマホの時は）カード風に表示するカスタマイズ を作ってみました。と言ってもスクリプトは無し、CSSの設定のみです。 こんな感じになります PCページの場合 記事を2列にレイアウトします。 マウスをかざした記事のバーの色が変わります。（この例では青→ピンク） スマホページの場合 記事をカード風にレイアウトします。 アイキャッチとタイトルだけの見出しです。 設定方法 トップページを記事一覧に設定する デザインCSSを設定する カスタマイズ PC表示時のバーの色と背景色を変える 通常時の色 マウスオーバー時の色 マウスオーバー時のアニメーションを消す スマホ表示時のタイトル

Googleアナリティクスのデフォルト設定では、外部サイトへのリンクは計測できません。 計測するにはイベントトラッキングの設定が必要となりますが、Googleタグマネージャを使えばかんたんに設定ができます。 外部リンクを取得する イベントトラッキングの設定 ①変数の設定 ②トリガーの設定 ③タグの設定 プレビューモードでテスト 発火（稼働）の確認方法 取得データを閲覧 クリックの内訳を知るには 自分のアクセスを除外する ローカルストレージを利用した方法 まとめと感想 外部リンクを取得する 前回の投稿では、スマホ画面用に設置したボトムナビゲーション（画像）の効果を見るため、Googleタグマネージャを利用してイベントトラッキングの設定をしました。 イベントトラッキングとは 今回はひきつづき、外部へのリンクのクリックを設定します。 外部へのリンクのクリックは、ページの遷移をともなわない行動のた

Googleの無料ブログサービス、Bloggerの紹介です。始め方、おすすめのテンプレート、ワードプレスからの移転、使い方など。 今回は、Google Bloggerの紹介です。 Bloggerは、思ったより使いやすい Bloggerを使うメリット Bloggerの始め方 おすすめのテンプレート テンプレートの適用 WordPressから、Bloggerへの引っ越し① ①WordPressからデータをエクスポート ②エクスポートしたXMLファイルをBlogger用に変換 ③変換したファイルをBloggerにインポート WordPressから、Bloggerへの引っ越し② 引っ越し後にやるべきこと その他、カスタマイズ等 もくじを設定するには 記事の公開後、パーマリンクを再度変更するには ブログカードを埋め込むには Bloggerは、思ったより使いやすい Bloggerは、Googleが提供

Googleの無料ブログサービス、Bloggerについて。Twitterカード、SNSソーシャルボタン、トップへ戻るボタンの設定・設置方法を紹介しています。 前回に引き続き、Googleブロガーについて。 今回は、Twitterカード、SNSソーシャルボタン、トップへ戻るボタンの設定・設置のやり方を、ご紹介します。 Twitterカードの設定 SNSソーシャル共有ボタンの設置 忍者おまとめボタンの設置方法 ’トップに戻るボタン’の設置 'トップに戻るボタン'の設置方法 ①JQueryの準備 ②CSSでボタンをデザイン ③JQueryコードの追加 Twitterカードの設定 Twitterカードとは、自分のブログ記事がツイッターで共有されたとき、画像・タイトル・説明文がカードのように表示される機能です。 ※ちなみに、現時点で自分の記事がTwitterに共有されたとき、どのように表示されるのか

同じような境遇なのですね！お互い大変ですよね。 私も、世の中のシングルマザーがどうやって暮らしているのか、「自分に取り入れられることがあったら取り入れたい」という意味でとても興味があります。 下世話なんて思わないですよ☺︎ 特に、 ・特別な学歴・職歴ナシ ・親や親族の援助ナシ この状態で離婚してしっかり生活を成り立たせているシングルマザーさんのお話は、ひとりでも多く聞きたいとずっと思っています。 なので私も、お話ししていきますね。 シングルマザーは正社員でいたほうがいい質問者さんがフリーランスの道に興味を持たれているかどうかは別として、まず最初に私の意思表明をしておきます。 私は現在会社を辞めてフリーランスとして生計を立てていますが、基本的には「シングルマザーは正社員でいたほうがいい」と考えている立場です。 人それぞれできることが違うので一概に決めつけているわけではないですよ。フリーランス

削除・消えてしまった記事の復元方法について、Google のキャッシュを利用するやり方の解説です／ブログ初心者 最近雨多いですねー。折りたたみ傘のご用意を。傘の忘れ物にもご注意ください！ 消えてしまった記事・ページの復活方法 バックアップに関して ワードプレスは無料のプラグインで自動実行、はてなブログは手動で バックアップがない！ URL を探す方法 ①「Site:」コマンドを使う ②Google アナリティクス ③はてなブックマーク キャッシュから記事を復元 はてなキーワードのリンクを消す 消えてしまった記事・ページの復活方法 実は、恥ずかしながらわたくし自身が、過去記事に新しい記事を上書きしてしまったという訳でして・・。完全、寝ぼけてました(-_-;) まず瞬間、顔面蒼白になりました。あの苦労が水の泡に・・と。 過去ログみたいのってないの？？みたいに慌ててダッシュボード内をいろいろ探し

Google AdSense審査、無事通過しました。 にほんブログ村 タイトルの件ですが、私も審査通過前はかなり気になって調べていたので一情報として公開します。 2回目の申請で通過しました。 1回目の申請時のブログ状況 1回目の申請 1回目の申請時と2回目の申請時の違い 2回目の申請から合格をもらうまでの立ち回り まとめ その後 1回目の申請時のブログ状況 ブログ開設日：2019年1月1日(火) ブログ構成：はてなブログPro + お名前.com(独自ドメイン ) 申請日：2019年3月11日(月) 記事数：10 各記事の文字数：1(1606文字)、2(2501文字)、3(1051文字)、4(2051文字)、5(1704文字)、6(1524文字)、7(2695文字)、8(2029文字)、9(3554文字)、10(1575文字) 合計文字数：20290文字 プライバシーポリシー：あり お問い

はてなブログを使い始めて、いらない画像を削除したいと思ったけど、どうやって消すのかわかりませんでした。 WordPressのように、ライブラリがあるのかと思ったけど管理画面とか、ダッシュボードのどこにもない・・ はてなフォトライフ はてなフォトライフで画像を一覧表示させる 不要な画像を削除するには おまけコーナー（見出しの装飾） はてなフォトライフ いろいろ調べると、こちらの「はてなフォトライフ」から削除できることが、わかりました。 はてなフォトライフ - 無料・大容量、写真を共有できるウェブアルバム はてなフォトライフへは、管理画面ではなく記事の投稿画面から[+写真を投稿] を選択し、 ボタンをクリックすれば行けます。 メニューから、「マイフォト」をクリック。 クリックすると、下の画面に移動します。 右のサイドメニューから、「📷Hatena Blog」をクリック。 はてなフォトライフで

ワードプレスで投稿にGoogle マップを表示する方法です。 また、Twitter カードのかんたん設定などを、はてなブログの無料テーマ、yStandard で行います。 ワードプレスでブログの投稿にGoogleマップを表示する 手順１　地図を開く 手順２　共有ボタンを押す 手順３　埋め込み用ＨＴＭＬをコピー 手順４　カスタムＨＴＭＬブロックを追加 手順５　ＨＴＭＬの貼り付け 手順６　プレビュー確認 「yStandard」検索結果のブログ説明文・Twitterカードの設定 > サイトの基本情報 > [ys]SNS設定 ワードプレスでブログの投稿にGoogleマップを表示する お店の場所を案内したくて、ブログなどでよく見かけるGoogleマップを使ってみました。 表示されたマップをクリックすれば、アプリとかでそのままナビを開始できるのでとっても便利♪ 手順１　地図を開く まず、ブログにのせた

スライドショーとは、こういう風に画像が横に流れていく機能です。 WordPressの無料テーマ、「STINGER PLUS2」で、かんたんにできるトップ画面のスライドショーの作り方を説明します。 Shortcodes Ultimateというプラグインを使います。 無料WordPressテーマ「STINGER PLUS2」 「STINGER PLUS2」でスライドショー (^v^)σスライドショーの手順 無料WordPressテーマ「STINGER PLUS2」 こんにちは。 WordPressつかってて、やっぱり、「どうせならかっこいいテーマにしたい♪」とおもいまして。 ブログはじめたばかりで、そんなデザインばっか凝って・・記事を書きなさい、記事を。 とまわりにつっこまれそうですが、ついつい、いろいろ変えてみたくなってしまう。。 でもたくさんあるから、優柔不断な自分じゃえらべない・・と、人

こんにちは♪　PetPalです。 今回はWordPressのプラグイン、「All in one SEO Pack」でSEO対策をしてみました。 「All in one SEO Pack > 一般設定」での設定変更が、今回の主な内容です。 ホームページ設定 キーワード設定 コンテンツタイプ・表示設定 Noindex 設定 詳細設定 私は、WordPressでブログを運営してます。 最初の頃、Googleアナリティクスやサイトマップの設定のために、「All in one SEO Pack」というプラグインをインストールしたのですが、それきりで特にいじっていませんでした。 ですがいろいろと調べると、SEO対策は重要だ、ということに（今さら）気付き出し・・・。 で、このAll in one SEO Packが、SEO初心者にとって、とーーってもありがたいプラグインらしい、ってことなので。 ちゃんと

アニメーションするWord Cloud、画像マスクのやり方。 Twitter APIで、話題のキーワードを含むツイートを一気に取得する方法など。 昨日は選挙でしたね。投票は行かれましたか Word Cloudに画像マスクを適用する Pythonを使うには？ ①Pythonのインストール ②pipのインストール ③プログラムの実行 Twitter APIでツイートを収集 コードを使うにあたり変更する箇所 収集したツイートをjanomeで分かち書き Word Cloudで出力 マスク画像を用意する ソースコード ライブラリのインストール PIL と pillow コードの実行 出力結果 動くWord Cloud 前回は、有名人の方々のツイートを集めたものを形態素解析して、それをWord Cloudで見える化する、というのをやりました。 今回は、Word Cloudの応用編で、マスク画像の適用を

SEOとは？その対策について。 無料SEO対策ツール「Ubersuggest」を使ったブログタイトルに使用するキーワードの選びかた、チェックの方法。 Google検索の順位を上げる、ブログタイトル作成方法。 タイトルに入れるキーワードを選定 Ubersuggestの使いかた Excelを利用してタイトルを作成 おわりに タイトルに入れるキーワードを選定 前回やったWordPressのプラグイン、All in One SEO Pack の設定で、そもそもわたしにSEOの知識が足りない、と痛感し・・・。 どうせなら、SEO対策について、記事を書いて学ぼう！となりました。 すでにこの投稿のタイトルは、こちらのゴンザレスさんの記事を参考にして、今までとは異なる戦略的？なモノにしています、ウム。(｀^´) 成果が出たブログ記事タイトルSEO対策〜確実にPV数が増えます〜 - ゴンザレスの備忘録 ゴン