このブログのデザインテーマ「JOURNAL.」を公開しました - THE LITTLE ESCAPE
嬉しいことに「こんなブログにしたいなぁ」とコメントをいただくことがありまして… それなら公開してみようかなと思いこのブログに近いデザインのテーマを作成し、公開してみました。 見本ブログはこちらからどうぞ〜 https://mooi.hatenablog.jp/ なぜ「近いデザイン」なの？ このブログのデザインソースコードは2〜3年前に書いたものです。 当時、はてなテーマの中にはスマホでも見ることができる「レスポンシブデザイン」がほぼ無く対応してなかった時代だったので自分で無理矢理作りました。 そのため、いろいろ改変を重ねていてちょっとごちゃついて汚いのです…。ということで、今回新たにコードをきれいにして作り直し公開しました。 といっても、レイアウトや大枠はほぼ同じデザインです。 どんな人向け？ 落ち着いた雰囲気が好きな女性 ブログ書くことが好き シンプルで洗練されたものが好き といった方を
WordPressプラグインなしで記事毎にSEO対策をする方法。 | Fantastech（ファンタステック）
functions.phpにコピペ！ では、コードをご紹介します。下記のコードをfunctions.phpにコピペするだけでOKです。（関数化しているので、複数ページで使用することができます） //////////////////////////////////// // 記事ページにカスタムフィールド追加 //////////////////////////////////// add_action('admin_menu', 'add_custom_fields'); function add_custom_fields() { add_meta_box( 'seo_setting', 'SEO対策', 'seo_custom_fields', 'post', 'normal', 'high'); add_meta_box( 'seo_setting', 'SEO対策', 'seo_c
憧れの絵本の中の世界へ、水の都ブルージュ｜ベルギー編 - THE LITTLE ESCAPE
ベルギーに訪れるのは人生で二度目だけど、絶対に行きたいところがあった。 屋根のない美術館と言われている街、ブルージュ（Bruges）。 わくわくしすぎて前夜はうまく寝付けなかった。耳栓をして、アイマスクもつけて、早めにお布団にもぐりこんだというのに心臓がずっとバクバク言っている。これから1ヶ月以上も1人で旅行をするのかぁ。 英語に対する焦りや危ない目にあわないかといった不安もあったけど、それよりも、ずっとこの目で見たいと思っていた世界に飛び込めることに興奮していた。 note.mu そんなブルージュへ行ったお話、旅の記録・第二話です。 絵本のような世界に涙した話 現地の親切なガイドおじいちゃんに出会った話 小さなチョコレート屋さんを訪れた話 たくさんの写真を交えてお話しています。 よかったら読んでみてくださいね。 それでは！ ▽前回のお話 kimix.hatenablog.com
ある男性嫌悪女の告白 - 粥日記
私の腕や肩を掴んで乱暴にベッドに押しつけ息を荒くしている男性が、一言声をかけると悪い魔法が解けたように落ち着くのを何度か目撃した。 そういう男性には、追ってお決まりのもう一言をかけてあげると本当によく懐いてくれる。最後には、虚勢を張りたがる高校生みたいなこどもっぽい優しさだけを残して私に抱かれて眠る。 怖がっているんだ。よく知らない場所に放り出された動物みたいだ。警戒し、よく吠え、よく暴れる。 動物は意思疎通がたいへんそうだけど、私が相手をする男性は言葉がわかるので良い。最初の一言、次のもう一言、それだけ伝わればあとは思うままだ。 そうやって私は、自分の自尊心と男性への復讐心を満たしている。 去年の冬頃、自分を好きにさせることで男性への支配欲を満たすことを覚えた。 「女はセックスすると相手の男を好きになる」と恋愛工学徒をはじめとした男たちは言う。残念ながら、それは女に限らない。ある種の男性
2017.12.27 - バンビのあくび
今月、地区のごみ当番が回ってきた。このごみ当番は年に1度くらいのペースで回ってくる「燃やせるごみ」ではなく、5年に1度という長いサイクルではあるが1ヶ月もやらなければいけない「燃やせないごみ」「プラスチックごみ」「有害ごみ」の当番である。なかなか回ってこないけれど、きたら重い！ってやつである。ごみ当番はごみ集積所の掃除だけでなく、分別ができておらず残ったゴミ袋の処理も担当せねばならない。今日は「燃やせないごみ」の日であったため、帰宅した後寒空の下をてくてく歩いてごみ集積所へ向かった。本当はごみ収集車が去ったあとできるだけ早くやった方が良いのだろうけれど、仕事をしているとそうもいかない。冷たい風が頬に当たったので顔をマフラーにうずめながら小さな歩幅で歩いていた。寒いと大きな幅で歩けない。全体的に動作が小さくなるのでその分足を動かす回数が増えてくる。小さな通りは誰一人おらず、自分の足音だけが響
無駄な残業を減らすために知っておくべきこと|クリエイティブな仕事は朝一番に | ライフハッカー・ジャパン
『成果を増やす 働く時間は減らす 高密度仕事術』（古川武士著、かんき出版）の著者は、長らく「仕事の高密度化」習慣を提唱し続けている人物。これまでにも習慣化に関する多くの著作を送り出していますが、本書ではそんな経験から、「長時間残業と生産性の低さは、働き方の習慣の結果である」と主張しています。 なお以下のとおり、働き方の習慣には、個人の習慣と組織の習慣があるのだとか。 残業が減らない原因 組織の習慣（組織で取り組む課題） ・ 長いダラダラ会議 ・ 無駄な資料作成の常態化 ・ 退社しにくい職場風土 ・ 残業したほうが得する給与制度 ・ 非効率な業務プロセス など 個人の習慣（個人が取り組む課題） ・ 計画がなく混乱する ・ 完璧主義による過剰品質 ・ だらだらメールチェック ・ 帰る時間の暗黙ルール ・ 個人からの依頼を安請け合い など （「はじめに」より） そんななか、「個人の習慣」に焦点を
好きなモノを売って生きていく！ゆうこすも苦労の末につかんだライブコマースの価値と生配信で売るコツ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
はてなブログのhttps化に向けてユーザーが準備しておくこと - FOXISM
はてなブログのhttps化に向けた案内が出ましたが、その文章に対して具体的にどういった準備をしたらいいのかわからないというような方がチラホラいるようなので、準備（修正）しておいた方がいいことを書いてみます。 とは言え、私も専門的な知識を持っているわけではなく、あくまではてなの案内記事からわかったことのみです。何か間違っていたり足りなかったりしたら教えてください。 https化までの段階 第一段階：はてなブログのダッシュボード・管理画面をHTTPS化 第二段階：はてなが提供するドメインのブログをHTTPSで配信できるように 第三段階：独自ドメインのHTTPS化に対応 事前に準備しておくべきこと（混在コンテンツ） 具体的な対象 混在コンテンツを修正する方法 記事内のコードを確認・修正 1. 修正対象記事を検索 2. 該当箇所を検索 3. 該当箇所を修正 ウクレレ記法 ブログカード 使用している
はてなブログに写真投稿する人に欠かせないChrome機能拡張「はてブロimageTitle」導入してみた - 写真が好きすぎて
はてブロimageTitle｜Chrome機能拡張 はてなブログに貼り付ける写真は主に Flickr や Instagram の写真です。タダ、今回の記事のように Flickr や instagram に投稿しない画像も貼り付ける場合があります。 その場合は、はてなの「写真を投稿」を利用します。 とても便利なのですが問題もあります。 貼り付ける画像にはタイトルと説明を付け加えておくのがオススメです。そうすることで、Google画像検索やPinterest（ピンタレスト）画像検索で見つけてもらいやすくなるという理由もあります。 画像に記載するタイトルと説明は、HTML編集の状態で書き込みます。とても面倒な作業になります。できれば貼り付ける前に記入しておきたいものです。 その作業を簡単にしてくれるのが、今回ご紹介するChrome機能拡張の「はてブロimageTitle」です。 chrome.g
【はてなブログカスタマイズ】色々な「SNSシェアボタン」と「フォローボタン」を集めてみた。 - LIABLIFE（リアブライフ）
カスタマイズに終わりはない…。誰かがそんなことを言ったとか言わないとか…。 よくあることなんですが、気付くとブログをカスタマイズして遊んでいます。カスタムして気分転換！これが一番楽しい！（書き手に向いてないのは知ってます。） その度に検索して探すのが面倒なのでココにに集めることにしました。 今日はSNSシェアボタンとフォローボタンを集めてみました。ボタン１つで雰囲気が変わるので重要だと思います。 ちなみに「俺のやつ勝手に載せるな！」って方は連絡下さい。光の速さで消しますので…。 あと載ってる順番に意味はありませんので、あしからず…。
SEO施策とコンテンツマーケティングで企業が取り組むべき課題【2018年版】 - ホワイトベアー株式会社
2016年末に起きた例のキュレーションメディアの問題によりSEOは良くも悪くも大きな注目を浴びました。その手法やモラルはさておき、SEO施策とコンテンツマーケティングを正しく導入すれば大きな成果が得られることは広く知られることになりました。 そうです。SEOは今もWEB集客において王道のマーケティング手法なのです。 そのSEOですが、近年では技術要素よりもコンテンツの重要性が増しており、どんな企業も本気で取り組めばWEB集客を拡大できるチャンスは広がっています。 今回は2017年のSEOの振り返りとともに2018年の展望を踏まえて、企業が本格的に取り組む際に「やってはいけないSEO施策」、「取り組むべきSEO施策」について解説していきます。初心者の方も理解できるように、テーマによっては過去のできごとをふまえ時系列な説明も加えました。 この記事は、2017年の増補版として2018年のSEO情
カエレバ・ヨメレバのデザインCSSジェネレーターを作りました - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 www.tsubasa-note.blog 年明けから暇な時間を利用してちょっと遊び心のあるページを作成しました。とりあえず完成としましたが、もうちょっとだけ機能にこだわりたいなと思っています。カエレバ・ヨメレバを利用している方、もしよければ遊んでいってください。 まず最初におことわりが カスタマイズCSSをカスタマイズしよう！ 使い方 なぜこのサービスを作ったのか 懸念している問題 今後の展望 さいごに まず最初におことわりが 本記事投稿時点で、IEでは意図したとおりに動かないことを確認しています。推奨環境はGoogle Chromeの最新版となっております。遊んでいただける方はChromeで閲覧していただけますようお願いします。Fire Foxも多分大丈夫だと思います。Operaは確認していません。 本サービスはPCブラウザから閲覧さ
メルマガをレスポンシブ対応！メール用HTMLテンプレートを作成するフレームワーク「MJML」の使い方
SNSやブログを使って発信している人も多いと思いますが、まだまだ息が続いている、無視することのできないメディアがメールです。 SNSには投稿の際に守らなければいけない規約も多いですが、一方でメールは自由度が高く、メールアドレスがあれば確実にリーチできるので、情報配信者にも未だに人気があります。 そんなメールですが、美しく見せたいときにはHTML形式のメールを採用することも多いのではないでしょうか。 しかし、HTML形式のメールだと、メールクライアントによって挙動が違ってくるので、それぞれのクライアントに応じた対策が必要なときがあります。 そんな手間を解消するのが、今回ご紹介する*「MJML」*です。 今回は、レスポンシブデザインのHTMLテンプレートライブラリである「MJML」について、インストール方法から使い方まで詳しく解説していきます。 通常のホームページならともかく、HTMLを使った
2022年更新 ホームページ制作費用の相場｜目的で変わる料金相場 | 大阪 バリューエージェント
サイトごとにかかれているホームページ制作料金の相場がバラバラで、どれが本当の料金相場なのかがわからない。と感じていませんか？ 実際のところ、Googleで「ホームページ制作 費用 相場」等で検索して表示されているWEBサイトがいう料金相場は、決して間違えているわけではありません。 しかし、ホームページに求める効果・目的次第で、ホームページ制作費用の相場が大きく変わるので、適正な料金相場がわからないことが問題なのです。 こういった背景を踏まえてこの記事では、下記2点のことが分かります。 効果・目的別に必要なホームページの違いアナタの求めるホームページを制作するための適切な費用相場この2点がわかれば、使い物にならないホームページを作る事もなくなり、無駄に費用を掛けなくて済む助けになるかと思います。 ホームページ制作の費用相場（早見表）ホームページとはいってもコーポレートサイトや採用サイト、ポー
斬新なのに効果的！最近流行している「非平行ヘッダー」の作り方
ホームページの冒頭で、視線を引きつけて大きく印象づけるためにヒーローと呼ばれる画像とキャッチコピーを添えた見せ方をする部分があります。 通常、ヒーロー部分に限らず、多くの区切り目部分を平行に区切っていきますが、あえて四角形のように直線的に区切らずに、曲線や斜めの線などを使って区切っていくデザインが徐々に増え始めています。 今回は、最近よく見かける非平行ヘッダーの実装の仕方を、チュートリアル形式でご紹介します。 長方形で囲むヒーローヘッダーは比較的作りやすいのですが、非直線のヘッダーはどのようにして作られるのでしょうか。 作成手順を見てみましょう。 非平行ヘッダーとは？ 非平行ヘッダー(Non-paralleled header) （非長方形ヘッダー(Non-rectangular header)とも言います）とは、その名の通り2つの平行線で囲まれていないヒーローヘッダーのことをいいます。
どんなサイトにもフィットする！便利なWordPressのテーマ6選【困ったときに使いたい】
多目的ワードプレステーマは多くの場合、ビジネスサイト、オンラインショッピングサイト、ブログなどどのようなウェブサイトにも適用できます。 いくつかの素晴らしい多目的ワードプレステーマをご紹介します。 1.BeTheme - レスポンシブ多目的ワードプレステーマ 多目的レスポンシブワードプレステーマで、250以上のカスタマイズ可能なウェブサイトが用意されており、最新のトレンド技術を用いることができます。 Be’s Muffin BuilderとOptions Panelによりページを簡単にデザインすることができます。コーディングの必要はなく、4時間程度でウェブサイトを作ることもできてしまいます。 2.Pro プロフェッショナルや、プロフェッショナルになりたいと思っている人々のために作られたこの多目的テーマは、最も進歩的なクリエイターだと言われています。素晴らしい特徴の一つは、ブラウザでウェブサ
SVGでハンドライティングアニメーションを実装する | UNORTHODOX WORKBOOK | Blog
文字を書き順通りに徐々にアニメーションさせて描画する「ハンドライティングアニメーション」をSVGで実装する方法。 以前に AfterEffects で同じようなことをやっていて、それのSVGバージョン。AfterEffects の場合は、当然ながら動画として出力しvideo要素で動画を埋め込んで表示させるわけだけど、SVGの場合は、（主に）インラインSVGを設置してJavaScriptでアニメーションさせて実現する。 少し前までは、一部のブラウザでうまく表示できなかった（気がした）が、今は全く問題なく表示させることができるようになっていた。古いIE（10以前）ではさすがに無理だけど、もう考慮する必要はないと思われるので、十分に使える表現だと思う。 SVGの作成が意外に面倒だったので作成時のポイントとか、HTMLへ設置する方法、JS実装ではまった点等を覚書として書いておく。 ハンドライティン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お気に入りジブリ映画で英語勉強【英語能力がグンッと向上！】｜留学・英語学習BLOG
Organized Archive - Google ドライブ
PayPal（ペイパル）で外貨報酬があった時の仕訳をまとめてみた やよいの青色申告使用 - フリーランス主婦の孤独LIFE
