渋谷駅は東京の文化に触れられる副都心のターミナル駅 渋谷駅は、JR、東京メトロ、東急、京王の4社の鉄道が乗り入れており、バスのターミナル駅としても多くの利用者がいる。東急百貨店や西武百貨店、パルコや丸井などの商業施設から、おしゃれな路面店や飲食店、家電量販店も多く出店していて渋谷駅周辺は幅広い世代で賑わっていることが多い。オフィスビルもたくさんあり、特にIT関連企業の本社が集まっていることでも知られている。 渋谷駅周辺には物件が少ないものの、電車・バスの各線が複数乗り入れていることから、少し範囲を広げると物件の選択肢も増える。 これから紹介する周辺エリアの各駅は、渋谷駅までの通勤時間30分圏内、乗換1回以内でアクセスできることを基準とし、一人暮らしの人でも住みやすい駅をピックアップしていく。 更新日：2021年7月10日 渋谷駅に通勤・通学しやすくて「家賃相場の安い街」・4選 渋谷駅に通勤

サブループを使用する場合は、ループ終了後に『wp_reset_postdata();』を記述して必ずループをリセットしてください。ループのリセット処理を行わないと、後のループに悪影響を与えてしまうので忘れないように注意しましょう。 サブループを自動で作成できる『WordPressサブループ自動作成ツール』を公開しました。ページネーションも自動で出力でき、カテゴリ・タグ・著者・ターム・日付・投稿・固定ページ・カスタムフィールドなど、様々な条件をセレクトボックスで選択するだけでサブループを出力するためのコードを自動で作成することができますので、ぜひ利用してみてください。 loop-content.phpに要素を追加する ループを記述したら『loop-content.php』内に、ループ内で繰り返し出力する各要素を記述していきます。 loop-content.phpを記述 <div class=

アイキャッチではなく、投稿記事内の画像を使用してサムネイルとしてトップページやサイドバー等に表示する方法です。調べていたら色々方法がありましたので、書き出してみました。 get_postsタグを使用してサムネイルを表示する get_postsを使用して投稿記事の添付画像を取得し表示する方法です。 下記のコード表示したい箇所に記入します。このコードでサムネイルサイズ（150px × 150px）のサイズの画像を表示します。 <?php $args = array( 'post_type' => 'attachment', 'posts_per_page' => 1, 'post_status' => null, 'post_parent' => $post->ID ); $attachments = get_posts($args); if ($attachments) { foreach

はじめに 最近何かとよく聞くサーバレス。 firebaseで簡単にできるみたいな記事をよく見るので今回は自分でやってみる。 構成はfirebase + Vue.jsでやる。 内容としては超絶簡単なプロフィールみたいなものを作る。 TL;DR. https://mypage-e6eae.firebaseapp.com/ 前提 Nodeが入っている。 Googleアカウントがある。 firebaseの設定 まずはコンソールにアクセスしてプロジェクトを作っておく。 名前等は何でもOK。 プロジェクトを作れたらnpm install -g firebase-toolsでCLIをインストール。 インストールできたら下記手順で設定する。 $ firebase login > #ブラウザが立ち上がるので、任意のGoogleアカウントにログイン $ firebase init # ホスティングで使いたいの

はじめに 最近，職場の若手が自分も愛用しているVSCodeを使って開発をがんばっています．それに触発されてVSCodeでの開発環境についてまとめたものを書いていきたいと思います．まわりにはターミナル上でEmacsやVimを使ってコードを書いているプログラマも多い環境なので，なるべくマウスを使わずにキーボード操作だけで開発できるようにまとめます． https://code.visualstudio.com やりたいこと 次にあげる内容をキーボード操作で行えるようにするのが目標です． 指定したファイルを素早く開く 関数やクラスなどのシンボルで検索する 定義にジャンプしたり戻ったりする 手軽にC/C++をビルドして，素早くコンパイルエラーの場所を表示する 前提としてがっつり設定などをカスタマイズするというのではなく，初心者向けになるべく簡単に環境を立ち上げられる内容でまとめていきます．またビルド

2020/10/18 エンジニア D4DJ Groovy Mix オープンベータ開始 2020/10/18 ＤＪ 秋葉原(を夢見る)パラダイスレイディオ Vol.1 @ twitch配信 2020/10/25 エンジニア D4DJ Groovy Mix リリース 2020/11/14 ＤＪ UNDER Freaks 2nd anniv. @ 渋谷Cafe W (渋谷WOMB 1F) 2013年にUnityで7日間クソゲーを作り続けた素人が、こんどはOculusとUnityでVRクソゲーを7日間で7本作ってみました。 VRクソゲーを作ってみて気が付いたことやノウハウなどをまとめてみます。 ※Oculusメインで書いてますが、VIVEでも大丈夫な内容ですので各自読み替えてください。 素人のスペック なまえ：ui_nyan ゲーム開発歴：３年 ２Ｄソシャゲー５本 Unityはだいぶ慣れましたが、

#まえがきこの記事はWebpackを使って単一ファイルコンポーネント(Single File Component)のVueアプリケーションを作るチュートリアルです。 公式の日本語ドキュメントはかなりしっかりしています。 しかし、vue-cliを使わない通常の開発フローに沿ったチュートリアルや、単一ファイルコンポーネントの使い方等、実際に使うにあたって必要な情報がかなり少ないです。 本記事ではその部分のカバーをすることを目的とします。 対象読者は フロントエンド開発の知識がある(JSやCSSのコンパイル等) npmを用いた開発フローをある程度知っている Vue.jsの名前くらいは知っている 最近のJavascriptがある程度書ける くらいの人を想定しています。 #つくるものこのチュートリアルでは、Vue.jsを使ったカウンターアプリを作ります。 JSファイルのビルドにはWebpackを、各

この記事は、 ・実際に何か自分でウェブサービスを作って見たいけどどうすればいいかわからない。 ・Vue.jsを使って何か作って見たい という方向けの記事です。 なぜVue.jsとFirebaseでウェブサービスを作るのか 私は、何かウェブサービスを作って見たいと考えている人には、Vue.jsとFirebaseを利用したサービスの作成をオススメしています。 なぜなら、この二つを習得するとすごく簡単にウェブサービスを作ることができるからです！シンプルな理由ですし、これが一番大事ですよね。 私のブログには多くのプログラミング初心者やVue.jsを勉強している方が訪問してくださっています。 その方々の参考になるよう、自分の今までの学習した教材や内容を書き出し、本当に必要で、そして最短で技術を身に付けるにはどのような教材をどの順序でやるのが一番効果があるかを書き出しまとめました。 この教材にたどり着

Photo by Sylvain Kalache こんにちは。谷口です。 プログラミングの勉強は、書籍やサイトを見ながら黒い背景のエディタにひたすらコードを打ち込んだり、直したり…という作業が必須だと思われがちです。 もちろん開発業務にはそういった作業も必要となりますが、初心者向けのプログラミング学習サイトでは、かなりゲームに近い感覚で、楽しく学べるものも増えてきました。 そこで今回は、世界観が強めのゲームを通してプログラミングが学べるサイトやサービスを6件ご紹介します。 エンジニアが死滅シタ世界〜アンドロイドとふたりぼっちで生きろ〜 対応言語：Python、Java、PHP、Ruby、C、C++、C#、JavaScriptなど多数 『エンジニアが死滅シタ世界～アンドロイドとふたりぼっちで生きろ～』は、プログラミング問題を解きながら物語を進める近未来SFアドベンチャーゲームです。死滅したエ

なぜScalaがバカ向けなのか。 ぼくの経験を元に、バカ向け言語と非バカ向け言語を比較しながら見て行きましょう 非バカ向け言語 C プログラマーとして最初に携わったのがC言語です。 それは以下のようなものでした。 何十ものファイルにまたがるグローバル変数 緻密な制御が必要であるにも関わらず、無秩序に取得/開放が行われているメモリー管理 このような複雑な構造を、ぼくのようなポケコン並の処理能力しか持たないバカに把握可能でしょうか。もちろん不可能です そこで、次のようなコーディングを心がけました。 グローバル変数を使わず、関数に引数を定義して渡す メモリーの取得/解放を同一ファイル内に限定する これで、メモリーや変数参照の影響範囲を限定し、ぼくのようなバカでも理解できるようになります。 ですが、わざわざそんな事をやらなくても全てを理解できるエリート様達は、 「なぜ引数で渡すんだ。グローバル変数

レガシーシステムの大規模リプレイスで分かった「Vue.jsでSPAならNuxt.jsが有力」 10年以上前に作られたレガシーシステムをVue.jsで大規模リプレイスしたエムスリーに、導入して感じたVue.jsのメリットや、活用法を伺いました。 JavaScript（JS）のフレームワークは、何を使うのがベストなのでしょうか。ここ3年ほどで数々のJSフレームワークが誕生していますが、React、Angularという二大巨塔を超えるものはなかなか現れていません。 そんな状況の中、GitHubではReactを上回るスター数を誇っている1のが、2014年のリリース後、着実に進化を重ね、日本でも採用事例が増えてきているVue.jsです。「JavaScript ベスト・オブ・ザ・イヤー」に2016年、2017年と2年連続で選ばれているほか、Ruby on Rails（Rails）やLaravel とい

スマートフォンはもちろん、デジタル一眼レフなどでカメラ撮影する機会が増えています。撮影した写真をより魅力的に仕上げる、プロ顔負けのPhotoshopアクション素材を利用してみませんか。再生ボタンを押すだけで、自動的に写真を加工、調整してくれる無料PSアクション素材をまとめてご紹介します。 ボタンをクリックするだけのお手軽な操作性だけでなく、写真編集アプリより柔軟なカスタマイズが可能な点もポイントです。アクションファイルのインストール方法は、こちらのエントリーを参考にどうぞ。 詳細は以下から。 写真加工を完全マスター！すごい無料PSアクション素材40個まとめ Pretty 以前PSチュートリアルでご紹介した、雰囲気たっぷりなモノクロ写真エフェクト5種類を収録しています。 Food Photoshop Actions 食べものを撮影した写真の加工に向いているアクションで、以前紹介した20種類の

今年も数多くのフリーフォントを見かけましたが、それらの中で個人的に好みなものやダウンロードしたフリーデザインフォントを紹介します。 いずれもエントリー公開時点ですべて個人・商用問わず利用できるものになっています。 紹介しているフォントを使用する際は、ライセンス等は各自で再度確認してください。

最近はwebサイト上にインスタグラムに投稿した画像を表示しているサイトも珍しくなくなってきました。 ここではInstagram API を使ってインスタグラムのデータをhtmlファイルに埋め込む方法を説明していきます。 Instagram APIを使って出来る事・出来ない事 ※ 2018年4月4日にInstagram API の仕様が大幅に変更されました。 今までは、Sandboxというモードを使うことによって、他のユーザーの承認を得られることができれば、限定的にではありますが、他のユーザーの写真を取得することができるようになっていました。しかし、これは2018年4月4日をもって一切できなくなったようです。 なので、クライアントの画像を取得する場合、下記で説明している［CLIENT-ID］と［REDIRECT-URI］をクライアントのアカウントで作成する必要があります。 さらに、2020年

ハフポスト日本版ニュースエディター 特集「#だからひとりが好き」ディレクター News Editor, HuffPost Japan

はじめに 東京に引っ越すのは初めてなので，東京のクソ不動産と戦うために役立った情報などを本記事で掲載する． 自分自身は，完全紹介性の不動産業をしている方とやりとりを行なった為，特段苦しい出来事は発生しなかったが調べて役に立った情報もあるのでまとめて開示する． メモなので走り書きですが，これから都内に引越しを検討している方の役に立てば． はじめに 不動産に聞いた「分かりやすいクソ不動産」の見分け方 不動産に聞いた「ベストな物件選びシーズン」 自分の要求物件について 希望賃料 希望する物件の条件 MUST OPTION(あると良い) 物件探しのスケジュール 物件探し 内見 持ちもの 現地に行く前に確認する事 現地で確認する事 契約にあたっての交渉 交渉で値切れるもの 交渉するタイミング 仲介手数料に関して その他雑感 参考文献 不動産に聞いた「分かりやすいクソ不動産」の見分け方 不動産の店舗前

こちらは ピクシブ株式会社 Advent Calendar 2014 の12/16の記事です。 こんにちは、エンジニアの@dnskimoです。 先日、はじめてCORSを実装する機会があったので、覚書がてらまとめておきたいと思います。 CORSとは Cross-origin resource sharingの略です。 読み方は「コルス」でいいんでしょうか？ Same-Origin Policyに弾かれずに、異なるドメイン間でリソースを共有する仕組みです。 2014年1月にW3C勧告になり、JSONPに替わる方法として徐々に普及してきているようです（要出典）。 アクセスコントロールの仕様も定義されているので、特定のサイトからのみ利用可能なAPIを作る際などに便利です。 JSONPのような「裏ワザ」的な方法ではないところも個人的に好みです。 詳しいことはネット上に素晴らしい記事がたくさんあるので

十三章第一回　XMLHTTPRequestこのページの最終更新日：2019年7月1日 今回は、かなりよく使われる技術のひとつであるXMLHTTPRequestを紹介します。 略してXHRと呼ばれることもあるこの技術は何かというと、JavaScriptでHTTP通信を行うためのAPIです。Ajaxという言葉はもはや死語かもしれませんが、その根幹をなす技術です。 HTTP通信がどういうものかご存知でしょうか。ブラウザでインターネットを閲覧する場合はHTTP通信により行われます。HTTP通信は、基本的にはページを見たい側（クライアント）がウェブサイト（サーバー）に対してリクエストを送り、それに対してサーバーからページの内容（レスポンス）が帰ってくるというものです。このようなHTTP通信をJavaScriptから行うことができるのです。 リクエストを送るJavaScriptからHTTPリクエストを

更新日: 2017年3月14日公開日: 2015年12月6日ゼロから始めるJavaScript講座Vol23　Ajaxとは "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 ゼロから始めるJavaScript講座　AjaxとはWebページの仕組み GoogleやYahooなどを代表とした無数にあるWebページは、それぞれの企業が管理しているサーバ(PC)のファイルをブラウザで見ています。 例えばhttp://User名.lesson.codecamp.