手軽に自分のネットショップを持つことができる「BASE（ベイス）」。 ハンドメイドがブームな昨今、minne（ミンネ）やSTORES（ストアーズ）と同様に人気の「グッズ販売・ショップ構築サービス」です。 登録無料で、オリジナルのハンドメイドグッズを販売して、お家にいながらお小遣いを稼げる─── 10年前なら専門知識がないと到底ムリだったショッピングサイト構築が、本当に簡単にできてしまいます。 まさに、ものづくり帝国ニッポン笑 さて、BASEの登録作業は別に譲るとして、今回はちょっとテクニカルな話です。 何の話かというと、BASEで独自ドメインを設定するお話。 それも「ムームードメインで取得した独自ドメインを、既にエックスサーバーでブログやウェブサイトに使っていて、そのドメインとBASEを関連付ける方法」です。 ３つのウェブサービスが絡み合うのでどこをどう設定すればいいか悩む人もいるかと思い

<?php //カテゴリIDからカテゴリ情報取得 $category = get_category('123'); //カテゴリ名表示 echo $category->cat_name; //スラッグ名表示 echo $category->slug; ?>

1つのページの中でカテゴリーごとに記事を一覧表示したり、そのそれぞれで表示件数を個別に指定したいときに使える方法。ブログのトップページなどで使うケースが多いのではないでしょうか。ループ処理にて条件を指定します。 ループ処理の基本形 <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> <div class="post"><?php the_content(); ?></div> <?php endwhile; ?> <?php else: ?> <h2>記事がありません</h2> <?php endif; ?> 上のループ処理は、 記事があれば… タイトルを<h2>タグで囲んで表

$ gem install foreman Fetching: thor-0.19.4.gem (100%) ERROR: While executing gem ... (Gem::FilePermissionError) You don't have write permissions for the /Library/Ruby/Gems/2.3.0 directory. エラーログをみるとYou don't have write permissionsと書いてあります。 上記のようなエラーの原因ですが、結論からいうと、システムのrubyを利用しているため、権限不足でgemのインストールができない可能性が高いです。 ルート権限でシステムのRubyにインストールをしてもいいのですが、開発環境ではrbenvでrubyを管理することをおすすめします。 以下では、今回遭遇したエラーをrbenv

Rails使って仕事してて、最近はRubyを使って初学者の方たちにプログラミング教えてます、@saboyutakaです。 未経験からエンジニアになりたいという人達に普段教えていて、ガイドラインがあるといいなと思って作りました。 まずなんで1000時間か これからWebアプリケーションを作るエンジニアになりたい人がこれを読んでくれていると思って書きます。そもそもなぜエンジニアとして働けるかというと、作りたいものがある人や企業が居て、それを作ることができる技能に対して給与や報酬が発生します。そして技術職として仕事で対価を得られる最低限のスタートラインに立つための学習期間が1000時間だと想定しています。 技術は投資時間に比例して身につくので向き不向きはここでは考えません。向き不向きはむしろ時間投資を続けれるかどうかであって、楽しめるかどうかやなぜやるかの動機、決意などに依存します。これに関して

先日、はじめてWebサービス「SAKEBE」を個人開発し、リリースしました。 どんなサービスかというと、入力したテキストをイラストの吹き出しに乗せて、ツイッターとかでシェアできるよといったサービスなんですが、残念ながら流行りませんでした。 今回はこのサービスを開発しリリースするまでの流れと、リリースしてから行ったこと、そして「このサービスを今後どうするか」ということを記事にしたいと思います。 このサービスを作ろうと思った理由 いつものようにツイッターをぼんやり眺めていたら、オタク界隈でよく見かける「尊い…」というツイートが脳に刺激を与えました。推しが尊すぎて語彙力を失っている状態です。 この「推しへの愛」をどうにかして感情表現を加え、ツイートできないかと思ったのが、本サービスSAKEBEの発端です。 で、企画しているうちに「別に推しへの愛だけでなくても、叫びたいことをイラストに乗せて叫ぶこ

GMO　ConohaでLaravelをインストールする サーバーの作成 サーバーの作成 SSH Keyは、自分のMacのid_rsa.pubを使う 完了 これで作成。 ターミナル サーバーを作成した時に表示されるIPアドレスを使って、Macのターミナルからログインする。 $ssh root@[IPアドレス] 一般ユーザーの作成 参考記事 ConohaにVPSを設置して、SSHログイン、ポート番号変更、rootログイン禁止までを30分で！ ユーザー作成の作成 $ useradd [ユーザー名] ユーザーパスワードの設定 $ passwd [ユーザー名] ユーザーをwheelグループに追加 $gpasswd -a [ユーザー名] wheel 作成した[ユーザー名]でログインできるか確認 $ su [ユーザー名] SSHログインを許可 一般ユーザーのsshd_configファイルを編集する $

Wordpressの文字コードはUTF-8ですが、とある案件でとある事情により、特定のページだけをShift-JISで出力しなければいけない状況になり、解決方法を見つけたのでメモ。 UTF-8を強制的にSJISへ変換して表示する テンプレートになるphpファイルの頭に、 <?php header("Content-Type: text/html; charset=Shift_JIS"); ob_start(); ?> phpの最後に、 <?php $out = ob_get_clean(); $out = mb_convert_kana($out, "rak", "UTF-8"); $out = mb_convert_encoding($out, "SJIS", "UTF-8"); echo $out; ?> と表記。つまりこれらのphpで変換する部分を囲めばいいわけだ。 元記事では携帯用

WordPressでサイトを作成していると、ループ外で投稿データを取得したい場合があると思います。今回はテンプレートタグを使い、ループ外で投稿のデータを取得するソースコードの例です。 テンプレートタグを使い、ループ外で投稿のデータを取得する例以下がソースコードの例となり、HTMLを出力させたい箇所に記述します。 <?php // 取得したい投稿のidを指定 $id = 8; // パーマリンクを取得 echo "<div><a href=" . get_permalink( $id ) . ">"; // アイキャッチ画像を取得 echo get_the_post_thumbnail( $id, thumbnail ); // タイトルを取得 echo "<p class='entry-title'>" . get_the_title( $id ) . "</p></a></div>";

WordPressのプライバシーポリシーは、たとえ個人のサイトやブログであっても必須です。 なぜならプライバシーポリシーがないと、読者との個人情報に関するトラブルが発生する可能性があるからです。 脅すわけではないのですが、「知りませんでした」では済まされないケースもあります。もし収入目的でサイトやブログを運営しているのなら、なおさら必要です。 ということで、あなたに合ったWordPressのプライバシーポリシーを作っていきましょう。「法律とかわからないし難しそう…」と思うかもしれませんが大丈夫、コピペで簡単に作れる雛形も紹介しています。 ※余談ですが、「コピペOK」というプライバシーポリシー解説記事を作成しておきながら、そのサイトのプライバシーポリシーは全く別の内容が書かれている、という読者を混乱させるサイトもあります。 この記事ではまず、WordPressのプライバシーポリシーの雛形を紹

macOS High Sierraにはtelnetクライアントがありません。 なのでmacOS High Sierraにtelnetをインストールして使えるようにする手順です。 社内のネットワーク機器など、初期状態がtelnet可 / SSH不可なことが多いのでそれなりに使うことがあります。 ベストなのはセキュリティの観点からtelnet不可 / SSH可にすることですね。 Install Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

最近のCentOS7やFedoraなどはデフォルトでfirewalldが有効になっており、基本的にポートは塞がっている。 サービスを提供するには、適切に設定されたサーバアプリケーションと適切なポート開放が必要となる。例えばwebサーバの場合apacheなどを設定し起動、その後firewalldの設定を行い80番のポートを開放する必要がある。 このページではCentOSのポート解放についてお伝えしよう。 そもそもポートとは？ 念のためご紹介しておこう。 TCPやUDPで通信を行うときは、コンピュータ単位ではなく「プロセスやスレッド単位」で通信が行われる。この時の通信の窓口がポートである。 ネットワーク間でやり取りされる情報の基礎は「プロトコル」と「アドレス」と「ポート番号」この三つが主軸になっている。 日本語におとしこむと「どのような方法」(プロトコル)で「どこ」(アドレス)の「何号室」(ポ

Google Cloud Platform ＋ WordPress のメリット確認 スタート前にメリットを確認しておきます。心が戸惑うと良くないので！ GCPは無料でいきなりWordPressを始められます。運用開始後も、画面はかわいくわかりやすく、使いやすく、コストもわりと安心感あり。そして世界標準な感じです。 これからサービスを構築していきたい…という素人個人にこそ嬉しいサービスで、「GCPは使いやすい、エンジニアに優しい」と言われているけど、「GCPは、まだエンジニアとは言えない個人の素人にもめっちゃ優しい、必要になりそうなものは全部用意してくれてる」と思います。 ※請求される金額については、国内サービスの「Ｘサーバー」とかのほうが、絶対固定って点では安心できます。でもその代わりに、何もしてなくても固定でお金を取られます。あとスケーラブル（伸縮自在）ではないです。 GCPでやってく気

昨年あたりから、Macやめたい病を患っていたのですが、2度の故障を経て、重たい腰を上げました。別にWindows使いたいわけもなく「ローカルが煩わしい」だけなので、Windowsアプリは一切インストールしていません。で、どうやって暮らしてるの? というお話です。 TL;DR このあたり↓を組み合わせていけば、クラウド生活可能: GCP (or AWS) Codeanywhere (or Koding or Cloud9) VPCネットワーク + VPN (IPsec+L2TP) + DNS Figmaほか、Webサービス各種 追記・この記事を書いていたら、AWS Cloud9が発表されました。選択肢が増えて何よりです。 はじめに 本稿は、筆者が「Mac断ち」あるいは「ローカルマシンから解脱(げだつ)」する過程で見えてきた、ベスト(かも)プラクティス集に近いものです。 よく使うテキストエディ

はてブ マッチングサイトを作りたいけどどうやって作ればいいか分からない…マッチングサイトをできるだけ安く作る方法はないの？マッチングサイトをもし外注するといくらぐらいかかるの？マッチングサイトの開発は、システム開発の経験がないと分からないことだらけです。 弊社はこれまでマッチングサイト専門の開発会社として、これまで500件以上のサイト制作のご相談を受け、実際に大手企業からスタートアップまで多くのマッチングサイト開発を経験してきました。 その中で、弊社ではマッチングサイトを4つの型に分類しています。 作りたいマッチングサイトがこの4つの型の内のどれに当てはまるかによって、 マッチングの作り方（システムをゼロから作るか、Wordpressで作るか）開発費（初期開発費用0円〜300万円）運営の仕方（仲介が必要か）などは大きく変わります。 闇雲にサイトを構築して、「Wordpressで作れば1万円

cssで要素を横並びにするにはいくつか方法がありますが、 中でもflexboxは子要素の高さがデフォルトで揃ってくれるから好き！ 基本的な使い方は、親要素にdisplay:flexを指定するだけ。 子要素が横並びになり、高さも揃ってくれます。 See the Pen flexbox01 by kayukihashimoto (@kfunnytokyo) on CodePen. flex-wrap: wrapで折り返しを設定して、 justify-content: space-betweenで両端に合わせるだけで、 とっても簡単にキレイなレイアウトが組めちゃいます。 flexboxを知ってから、横並びレイアウトがスムーズに組めるようになりました。 Can I Useで確認すると、 IE11は部分的な対応となっていますが、主に古いver.のバグのようです。 バグに関しては、flexboxのバグ

<?php $str = 'abcde'; $str = str_replace('ab', '', $str); echo $str; // -> cde ?>