はてなブログからレンタルサーバへと移転する際に、無料のはてなアカウントでは、canonicalの変更や301リダイレクトが行えません。しかし、それでもJavaScriptで設定をすれば、Googleが移転を理解してくれることが分かっています。このページでは、新URLへのリダイレクトとcanonicalの設定をする方法を紹介します。 なお、投稿データの移転方法については、こちらの記事で紹介していますので、よかったら参考にしてみてください。 はてなブログから、レンタルサーバ + WordPressサイトへの移転方法 Googleクローラは、簡単なJavaScriptなら理解してくれます。 本来、サイトの移転には、Search consoleのヘルプでグーグルが書いているように、301リダイレクトを使った移転が理想的です。 しかし、はてなブログでは外部へは301リダイレクトが設定できないため、そ

みなさん、こんにちは！ タカハシ(@ntakahashi0505)です。 Google Apps Scriptでスプレッドシートの操作をしていて、こう感じたことはありませんか？ 実行速度が遅い…遅いぞ！ スプレッドシートへの読み書きが多いと、どうやらすごく遅くなってしまいます。 そして、Googleのサーバーをみんなで使用しているGASのルールとして、実行時間の壁もあります。 Google Apps Scriptの場合、どうすれば実行速度を改善できるでしょうか？ 今回はGoogle Apps Scriptでスプレッドシートを操作する場合に処理速度を格段に速くする方法をお伝えしていきます。 お題：セル範囲の値を別シートにコピーする 今回は、セル範囲の値を別シートのコピーするというお題を使って、スプレッドシートを扱うGASの高速化の方法を考えていきましょう。 まず、シート1にこのようなデータを

「10代で私が起業した方法」に興味を持ってくださり、ありがとうございます。 まずは、簡単な現状報告（2019.12.12時点）をします。 17才から起業の準備をして、18才の最後に起業して、19才でオリジナル商品を作りました。20才になってからは、引き続き「フォーチュンボックス」と自社オリジナルブランドの商品を、クラウドファンディングとECを中心に販売していくことで、事業を成長させていきました。 ※クラウドファンディングについて具体的な始め方などは「クラウドファンディング実行前チェックリスト78」に詳しく書きました メイン事業は、中身がわからない謎の箱「フォーチュンボックス」の通販と、全国のメーカーさんと会っているうちに見つけたユニークな素材を自分のアイデアでアレンジして販売するオリジナルブランドの商品開発、販売（BtoB含む）です。 テスト販売を繰り返して、実質約1年の期間での売上は約1

おすすめカードの設定方法以下では、おすすめカードの設定方法を順を追って説明します。 おすすめカードメニューの作成おすすめカードを設定するには、まず「外観 → メニュー」を開きます。 メニュー画面で「おすすめカード」用のメニューを作成する必要があります。 新しいメニューの作成「新しいメニューを作成しましょう」リンクを選択してください。 メニュー名を入力して「メニューを作成」ボタンを押してください。 メニュー項目の作成メニュー項目からカードにしたい記事を選択してください。 おすすめカードに対応しているメニュー項目は、こちら。 固定ページ投稿カスタムリンク（投稿・固定ページ、カテゴリー、タグ等の内部リンクのみ）カテゴリータグ（表示オプションから表示設定可能）カスタム投稿（v1.9.7～）

ネットショップの利便性やデザイン性は、お客様の購買意欲に直結する大きなポイント。見やすくて使いやすいネットショップを作成するには、テンプレートを上手に利用したり、ショップに合わせてカスタマイズするのがおすすめです。 「でも、カスタマイズにはHTMLやCSSの知識がいるのでは?」 そう不安に思うオーナー様もいるかもしれませんが、STORES のデザイン機能を使えば、デザインカスタマイズは難しくありません! この記事では、STORES のデザイン機能を使って行える基本的なカスタマイズについて紹介していきます。設定はいつでも変更可能なので、まだお試しでない方も、一度デザインしてその使い勝手の良さを体験してみてください! [:contents] STORES サービス資料の ダウンロードはこちら STORES のデザインカスタマイズ【基本】 はじめに、ストアデザインのページに移動してください。ログ

「分からない」に接する、分かる側の人たちの為のお話です。 ちょくちょく書いてるんですが、しんざきは昔、小さな補習塾で塾講師のアルバイトをしていました。 補習塾っていうのは、進学塾の対義語みたいなもんでして、学校の授業についていけない子を救い上げることを主な目的とする塾です。 補習塾ですので、担当する生徒は「学校の勉強についていけなくて落ちこぼれてしまった子」が主ですし、散々叱られて勉強に対する自信は皆無、自己評価メタメタっていう子が殆どだったんですが、もう一つ印象に残っていることとして、「親子関係のギスギス問題」というものを観てとれることがしばしばありました。 教育に興味を持っていない家庭、教育についての意識がない親御さんは、そもそも「落ちこぼれてしまった我が子を補習塾に通わせてあげよう」という考えに至りません。 勉強が苦手な子は世の中に幾らでもいますが、補習塾に来るという時点で、既にある

なんかマナブやばいな、ついでに色々見てたんですが、最近技術ではない方向で前に出てきてるエンジニアが増えてるようですね。 技術ブログは一般の人は見ないからわからないかもですが、技術ブログ系はエンジニアが見るだけで、基本的にそこで収益を得てるものも少ない印象があります。技術者の業界というのは業界の発展のために、無償で貢献(楽しみとしての人が多い)する人がすごく多く、それによってライブラリの充実の恩恵として再利用性や車輪の再発明を避けたりできてたりします。なので、この人達は金儲け系のブロガー界隈では話題にならないですね。 一般向けに言葉を発信する人が少なめだったというのもあるのかも知れませんが。というか、よく見たら取り上げようと思った人全員文系エンジニアですか…。文系エンジニアは技術よりお金に向かい、理系はお金より技術に向かう傾向でもあるんですかね。 今回はやまもとりゅうけん、マナブ、勝又健太さ

気枯れした「塩漬け人材」ができるまで 田中聡氏（以下、田中）：要するに何が言いたいかというと、事業を創る人が本来向き合うべきなのは、市場であり顧客であるはずなんですけども、実際には大事な時間と労力を既存事業詣でや社内の火消しに費やしていませんか、ということです。 じゃあ、そのあたりの社内ネットワークに長けた古参社員が新規事業に向いているのか。必ずしもそうじゃないということがわかりました。もちろん、既存事業の経験を全く持たない転職者がいきなり新規事業につく場合よりは、古参社員の方がパフォーマンスをあげやすい。 ただ、既存事業の在籍年数が長くなれば長くなるほど、これまたパフォーマンスが下がっていく傾向にあることがわかってます。最初は「うちの会社はイノベーションだ。ぜひ、みなさんにイノベーターになってほしい」といって、新入社員の頃に威勢のいいことを言われる。 でも、最初に配属された主力事業部門で

当サイトでは現在Cocoonというワードプレステーマを使用しています。 CocoonSEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。wp-cocoon.com ただ・・・世間の有名ブロガーさんやアフィリエイターさんって 有料テーマを使ってる方が多いじゃないですか？ ってことで私もいよいよ有料テーマデビューしちゃおうかな～・・・なんて思ったわけですが。 有料テーマと無料テーマの違いってなんだ？ ぱっと見渡すだけでも JinStorkAFINGERThe ThorSANGO などなど 有名なテーマがたくさんあります。 でも結局「有料テーマと無料テーマの違いってなに？」ってなった場合に、色々調べてみたところ 記事の執筆に集中できる＝ 記事以外の部分がすでに出来上がっている ＆記事の装飾も豊富 こんな感じの違いなんですよね。 ためしに

ブログ運営しか経験の無い方に、ミニサイト設計や情報サイト設計の考え方を理解してもらうのはとても難しいです。 どういう経緯で始めたかにもよると思うのですが「毎日更新」や「タイトルが命」「文字数何文字以上（長文推奨）」みたいなところから入った人ほど順応がうまくいかない傾向が見えます。 そういう方は、ちょっと目先を変える意味で「カタログ型コンテンツ」から作ってみるのはいかがでしょうか カタログ型コンテンツを作ってみよう「カタログ型コンテンツ」というのは僕の造語です。 商品カタログや図鑑のように、データを分類し索引を付け記事内の見出しも統一し「情報が探しやすく比較しやすいコンテンツ」という意図でそう呼んでいます。 さて、仮に「京都の寺社仏閣ガイド」という情報サイトを企画したとしましょう。 まずサイト内に親カテゴリーを一つ作りその中に「京都の寺社仏閣カタログ」というカタログ型コンテンツを作っていきま

ただ、そこまで需要がありそうなものでもなかったので、機能化は見合わせて実装方法だけ紹介しておきたいと思います。 実際に組み込むかどうかは様子を見てからにしようと思います。 ランダムボタンの実装方法ランダムボタンを実装するには、子テーマのfunctions.phpに以下のように記述します。 //ランダムボタンショートコード add_shortcode('random_button', 'random_button_shortcode'); if ( ! function_exists( 'random_button_shortcode' ) ): function random_button_shortcode( $atts ) { extract(shortcode_atts(array( 'label' => __( 'ランダムボタン', THEME_NAME ), 'size' =>

Cocoonの本文中や、サイドバー等に「自分の表示させたいリンク」をカード形式で表示できるナビカードショートコードを実装しました。 Cocoonには、「新着記事」や「人気記事」ウィジェットはあります。 けれどこれは、テーマが並び順に従って自動生成するものなので、ユーザー側が表示を制御するには複雑なカスタマイズをする必要があります。 なので

そもそもtarget="_blank"とは「そもそもtarget="_blank"が分からない」という方がいるかもしれません。target="_blank"はリンクをクリックしたとき、新しいタブで開くようにするための設定です。 設定する場所は、リンクを貼るときのアンカータグ<a>内に適用します。下記を参考にしてください。 ■トップページを同一タブで開く <a href="https://thunderblog.org/">同一タブで開く</a> ■トップページを新しいタブで開く <a href="https://thunderblog.org/" target="_blank" rel="noopener">新しいタブで開く</a> このようにアンカータグ内にtarget="_blank"を設定することで、新しいタブで開くようになります。 この場合、アフィリエイトのリンクが動作しない環境が

今回このブログで、固定ページを利用してトップページを作りました。ノマドのブログのサイトタイトルや、パンくずリストの「トップ」をクリックすると、最新記事の一覧ではなく、設定したトップページが表示されるようになっています。 はてなPro(有料版)の固定ページでトップページを作り、それをホームページとして設定すれば、はてなブログをブログではなくサイトのように見せることも可能です。 私が今回行った方法について、書いておきます(この方法は、はてな有料版であることが必須です)。 はてなブログをサイトのように見せる はてなブログでは、トップページとして最新記事を全表示するか一覧表示するかを選択できます。でも、これっていかにも「ブログ」っぽいんですよね。別にブログなのでそれでもいいんですが、コンテンツが増えてくると、必ずしも最近記事が最も読んでもらいたい記事ではない場合もあります。 そこで、今回は固定ペー

「はてなブログ」にはランダムに自分が選んだ記事を記事下などに表示する機能がありません。 （たぶんないと思ってます。） そこで今回は自力で選んだ記事のリンクをランダムに表示するJavascriptを作成しました。 選んだ記事をランダに表示するJavascript 今回はjQueryを極力使わずにベタなJavascriptで書きました。 この前バージョンはjQueryでゴリゴリと書いていたのですがどうしても「はてなブログ」で動作しなかったので断念しました。 表示リストの作成 まずはランダムに表示したり記事へのリンクリストを作成します。 <script> //人気記事リスト var popularList=[ "<li><a href='表示したい記事のURL'>表示したい記事のタイトル</a></li>" ,"<li><a href='表示したい記事のURL'>表示したい記事のタイトル</a>

randomDisplay.js の設置 <head>内に、jQuery ファイルと合わせて以下のように設置します。 <script src="jquery.min.js" type="text/javascript"></script> <script src="randomdisplay.js" type="text/javascript"></script> ※モジュール提供元のサイトではjquery 1.3.2 で動いていますが、jQuery ファイルのバージョンによっては上手く動きません。 記事をランダムで表示させる ランダム表示をしたい要素の親要素に randomdisplay="n" を追記します。 以下の例だと、<li> でマークアップした5件のリストの中から、randomdisplay="2" の件数（2件）をランダム表示させることになります。 <ul randomdis

おみくじを作る方法について 表示場所に表示する方法 まとめ おみくじを作る方法について サイコロを作った際に使用した、「Math.floor(Math.random()」とif文を使うことでおみくじを作ることができる。 サイコロを作った記事 htmlst.hatenablog.jp htmlst.hatenablog.jp 表示場所に表示する方法 ボタンを押すと「表示場所」におみくじの結果が表示される。 <form><input type="button" value="おみくじ" onClick="random()"> <span id="omikuji">表示場所</span></form> <script type="text/javascript"> function random() { var rand = Math.floor( Math.random() * 5) ; //

現役ハードウェアエンジニアによる電気や電子工作の話、ブログ運営に役立つツールを分かりやすく説明しています。

「ayanさんは仕事でいろんな国に行けて、美味しそうなもの食べられていいね！」 「どうやったらプレストリップって参加できるの？　旅ライターになれるの？」 ときどきそう聞かれることのある、旅ライター＆ブロガーの私。つい昨日も、私よりはるかに旅慣れているであろう方から同じ質問をされたので、今日は私がどんな流れでプレストリップ（ファムトリップ）に参加しているかを書いてみます。 （※ファムトリップ＝Familialization Trip、下見招待旅行とも。ターゲットとする国の旅行会社、メディア、ブロガーなどを招待して、自国の観光スポットを体験してもらい、ターゲットとする国でアピールしてもらうことを目的とする旅行のこと） このページでは、プレストリップ（ファムトリップ）に参加する方法と、次へつなげるために私がしていることを紹介します。 しかしながら、あくまでこれは私の体験に基づく内容なので、必ずし