2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「iPhone6」と「iPhone6 Plus」の発売日、多くの中国人が転売のために押し寄せた。それらはご存知のように日本の多くのメディアで報道され、どう贔屓目に見てもポジティブには見えない内容となった。 異文化交流の練習問題として考えてほしいことがある。この中国人の行動が漠然とダメならば、何の行動が読者自身のコモンセンスに引っかかったのか。日本市場向けに販売される製品に対して「１．外国人が購入するのがダメなのか」「２．転売がダメなのか」「３．集団での組織的転売がダメなのか」「４．数十人分の待ち行列を1人で肩代わりして、結果割り込んだという行為がダメなのか」について問いただしてみた上で、その考えが行き過ぎではないか、ないしはその逆なのか

Docker ? Packer ? 何が違うの？と個人的にわけがわからなくなっていたのでまとめてみた インフラ系技術の 3 つのレイヤー Orchestration アプリケーションのデプロイ Capistrano Configuration ミドルウェアレベルの設定 Chef, Puppet Bootstrapping OS のインストールにあたる領域 Docker, Vagrant, Packer 今回は、Configuration ツールと Bootstrapping ツールの違いをまとめる Bootstrapping Tool Docker 公式ページ Linux コンテナの内部でアプリケーションを動作させるためのツール Go 言語で記述されている 環境構築は Dockerfile と呼ばれるファイルでコード化できる コンテナ型仮想化を提供するツール イメージの作成から実行まで A

4月にね、ビットチェックって日本の会社を創りました。日本一のビットコイン会社を目指して、峰松浩樹さんと設立した会社です。 こちらの峰松さんは当時も今も、ビットコイン採掘の第一人者でありエンジニアなんですが、2月末のマウントゴックスの破綻がキッカケとなって一気に同社の設立へ…　と動くことになったんです。

「制限だらけで何も出来ない公園」に行ってみたら、商業施設の敷地内だった 2014-09-22 「公園の制限事項が増えてて、何もできない」という話題は、よく見かけるものです。公共の場としては行動を制限しすぎじゃないか、という社会問題でもあります。 目次 遊戯禁止の「公園」？ そしてつい最近、以下のツイートが僕のソーシャルフィード上に上がってきました。記事執筆現在で約4,000リツイートされています。 最近また禁止事項が多すぎて子供が遊べない公園が話題になってましたが、これは目黒駅上の公園の注意書きです。ご確認ください。 pic.twitter.com/IYunZGO6FT — ⌬ まっしぃ ⌬ (@massyi1007) 2014, 9月 19 禁止事項は以下の通りです。 喫煙 火気 危険物持ち込み 撮影 物品購入 ペット持込み 自転車等放置 自転車等侵入 宿泊 飲食 炊事 遊戯 スポーツ

8/11-9/5の4週間、はてなサマーインターンに参加してきた。夏休みの期間、はてな近辺のホテルに宿泊させてもらい、はてなとホテルを往復する毎日を送りながら(時には居酒屋を経由して)、コードについて考えたり、書き続けたりすることができた。更には、高2のころから利用しているはてなブログのコードに触れることができた。(激アツじゃん!!!) はてなサマーインターン2014 はっきり言って、ここまで集中してプログラミングに取り組めたのは人生で初めてだったと思うし、良い体験が出来た。未だ参加していない人にもぜひ参加して欲しいので、どんなインターンだったのかを振り返りながら、感想エントリを書く。ずいぶんと遅くなりました。 応募する前のこと:自分なんかがはてなインターン? はてなインターンに応募するときの自分は、様々な理由が重なって、かなり自分の技術力に自信を持てていなかった。自分なんかが応募してしまっ

life2018.11.28By - grape編集部 母親「どうせ長くない」　息子が『余命宣告』を受けて絶望していると、主治医が？ entertainment2018.11.28By - grape編集部 DA PUMPの新MVに『既視感』　気付いたファンからは「感動で涙が…！」

北海道・札幌発祥の料理である「スープカレー」をご存じですか?さまざまなスパイスを調合した味わい深いカレー風のスープと、ゴロっと入った大きめの野菜や肉類などの具材が特徴の料理で、2000年代に入ってからブームが拡大。現在は札幌のみならず首都圏や全国にも専門店が多く展開されています。 実は何を隠そう筆者も大のスープカレー好き。かねてからいろいろなお店を食べ歩いていたのですが、「猫を前面に押し出したスープカレーのお店がある」との噂は以前から聞き及んでいました。ぜひ足を運ばねば!と思い続けてかなりの期間が経ってしまいましたが、このほどついに来店が実現。どんなお店なのか、簡単にご紹介したいと思います。 お店の名前は「薬膳スープカレーShania(シャナイア)」。東京の目黒区にあり、JR山手線の恵比寿駅と目黒駅のちょうど中間あたりに位置しています。恵比寿駅の東口からガーデンプレイス方面に向かい、写真美

シャープは9月24日、同社の「電子ノート」とキングジムのコンパクトプリンター「ココドリ」を連携させるソフトを開発、公開した。 電子ノートはタッチパネル式モノクロ液晶を搭載し、2000ページ分のデータを保存、1回の充電で約30日間利用できる電子文具的な使い方をするドキュメントリーダー端末。キングジムのココドリは、パソコンの画面をキャプチャーする感覚で利用できるコンパクトな卓上感熱プリンター。 開発されたソフトは、電子ノートに取り込んだ文書をココドリで印刷できるようにする機能と、ココドリのアプリであるパソコン画面キャプチャー機能を利用してキャプチャーデータを電子ノートに取り込む機能。 パソコンでブラウジング中の画面を気軽に保存、メモ化して手帳に貼り付けるなど、電子ノートと紙のメモを連携することデータの持ち運びなどがより便利になるとしている。対応する電子ノートはWG-N10、WG-N20、WG-

KDDI、沖縄セルラーは9月24日、Xperiaシリーズの最新モデル「Xperia Z3」（ソニーモバイルコミュニケーションズ製）を10月下旬以降に発売すると発表した。 Xperiaシリーズとして8機種目となるXperia Z3は、最高感度となるISO12800（Xperia ZL2の2倍）を搭載した約2070万画素のカメラを特長とする。暗い環境でもノイズを抑えたキレイな写真が撮影できるほか、動きながらでも安定した撮影が可能な電子式手ブレ補正機能「インテリジェントアクティブモード」を搭載する。 また、ソニー製カメラと最大3台までWi-Fiダイレクトで接続し、複数のアングルから異なる視点で撮影できる「マルチカメラ」や、手持ちのMP3音源などの音源をハイレゾ相当にアップスケーリングするソニー独自技術「DSEE HX」も備える。 さらに、狭額縁の約5.2インチフルHDディスプレイと4つのカラーバ

はっきりとした理由は結局分かってはないんだけれど…。 状況 1GBのファイルをアップロードできるアプリ。ファイルサイズが1GB以上の場合はエラーメッセージを返却する作り。 しかし、1.2GBのファイルをアップロードしたときに $_FILES['hoge']が undefined になってしまった。 仮説 memory_limit, post_max_size, upload_max_filesize のいずれか、もしくは全ての設定値が1.2GBに対して足りないため、$_FILES['hoge'] が作られないのではないか。(このとき、php.ini の設定は1GBのアップロードに最適化させていた) php.ini の設定 1GBアップロードの想定はこんな感じで設定してた。 memory_limit = 1230M post_max_size = 1130M upload_max_files

テンポラリファイルみたいなのを削除していくのにディレクトリを掘って消していくのは大変です。 コード ファイル名の先頭に"tmp_"が付くファイルを削除していきます。find -L /var/www/html/test/ -name "tmp_*" | xargs rm

チェックボックス(複数)のチェック状態を見て、サブミットボタンを有効・無効化させる。 ユースケース以下のようなケースでユーザにチェックボックスをチェックさせた上でボタンを押させたい。 規約同意のチェックボックスサービス退会時の確認項目のチェックボックス仕様チェックボックスは 1 つ〜複数チェックボックスが 1 つでもチェックされていない場合、ボタンはdisabled(初期状態) <input type="checkbox" class="js-required-check" id="inlineCheckbox1" /> <button type="button" disabled class="js-btn-submit">Submit</button> let checkboxies = document.querySelectorAll(".js-required-check");

"ひらがな"のみ入力許可とする Input を作ってみる。 ユースケース会員登録フォームなどの「ふりがな」仕様許容文字: \u3040-\u309f ぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんペースト許容しないドラッグ&ドロップ許容しないデモ input.addEventListener("keyup", function (e) { let tmp = []; this.value.split("").forEach(function (item, i) { if (item.match(/^[\u3040-\u309f]+$/)) { tmp.push(item); } }); if (tmp.length > 0) { this.value = tmp.join

PHP で文字列を省略する方法はご存知かもしれないですが、自前で実装するのはちょっと面倒。 でも WordPress には便利な独自関数があります。 PHPの場合 通常は以下の様な感じで文字列の省略は行います。$tag = ''; $title = get_the_title(); $chara = get_bloginfo('charset'); if( mb_strlen($title, $chara) > 30 ) { $tag .= mb_substr($title, 0, 30, $chara) .'…'; } else { $tag .= \$title; } echo \$tag; WordPressの関数を使う場合 WordPressの独自関数wp_trim_words()を使えば以下の1行でOKです。 英数字もマルチバイト文字も1字としてきちんとカウントしてくれるので便利

FTPなどで完成したアプリをまるまるアップロードした際に .svn などが非常に邪魔になります。Windows環境で開発し、本番のLinuxへアップする流れが想…

ファイル名には使用不可能な文字列がいくつかあります。 プログラムでファイルを作るときはこれらを考慮しなければいけないわけで。 ファイル名 - Wikipediaで確認すると不可能な記号の他に禁止文字列も存在するようです。

Uncaught TypeError: Object [hoge] has no method 'replace' 状況"."や"-"を取り除く関数を実行した際に発生 function trimSymbol(numStr) { return numStr.replace(/./g, "").replace(/-/, ""); } Object に対して、String のreplace()を使用した事が原因。 前述のコードだとnumStrが String ではなく Object だった。 参考: String.prototype.replace() - JavaScript | MDN: 解決方法String 型に変換するか、String 型以外は弾くような処理をする必要がある。 単純な解決方法は以下。 function trimSymbol(num) { return String(num

「"サニタイジング jquery"」などのような検索ワードで当ブログへのアクセスが沢山ありますので、JavaScript や jQuery でサニタイジングメソッドを実装してみました。 JavaScriptでエスケープ function htmlentities(str) { return String(str).replace(/&/g, "&amp;") .replace(/"/g, "&quot;") .replace(/</g, "&lt;") .replace(/>/g, "&gt;"); }分かりやすいように上記のように書きましたが、以下のように短くできます。 function htmlentities(str) { return String(str).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "

チェックボックスの値が正か負かどうかを確認するメソッドです。全く複雑な処理ではないのですが、メソッド化して呼び出した方がスッキリするので書きました。コードjQu…

古いブラウザでは、2GB を超えるファイルのダウンロードをする際には注意が必要となります。 2GB 以上のファイルのダウンロードに失敗する 「[XP] 2GB 以上のファイルのダウンロードに失敗します - マイクロソフト コミュニティ」より 質問 > Internet Explorer 6 を使用して 2GB を超えるファイルをダウンロードしようとすると失敗します。 >どうすればダウンロードできるようになるでしょうか ? 答え > それぞれの、Internet Explorer におけるファイル ダウンロードの上限は次の通りです。 > Internet Explorer 6: 2GB > Internet Explorer 7: 4GB > Internet Explorer 8: 上限なし 要するに、古いブラウザを使用している際には注意です。 また、Norton Internet Sec

z-index「私の上限値は 21 億 4748 万 3647 です…ですが、もちろんフルパワーであなたと戦う気はありませんからご心配なく…」 z-index の上限値は 2147483647 です。 何の数字だろう。まぁ、32 ビットの上限値とかそんなんだろう……と軽く調べてみました。 Wikipedia の 32 ビットのページによると、 32ビットに格納できる符号なし整数の範囲は、0 から 4,294,967,295 である。2の補数で表現できる符号付き整数は −2,147,483,648 から 2,147,483,647 を格納できる。

概要jQuery のtoggle() は、指定要素を非表示・表示を切り替えるイベントである。jQuery としてtoggle() は、v1.9 で廃止されてしまったが、toggle()系のイベントといえば、他にtoggleClass()、slideToggle()、fadeToggle()などがあり、これらも同じように状態を切り替える（toggle）イベントである。 toggle()に関していえば、display プロパティのnone / blockを切り替える。ただ、display が none になると、「要素が存在しない」状態になるため、要素が隣接しているとレイアウトが崩れてしまう場合が多い。単純に要素を視覚的に非表示させたい場合に使用するのは visibility プロパティである。 jQuery に、visibility プロパティを操作する API は今のところはないため、作成

「記事件数」が<a>タグに包括されていない為、<a>に対してdisplay: blockを指定したい場合など使い勝手が悪い。 この「記事件数」を<a>タグに包括させるようにしたい。 // アーカイブのリンクをカウント数まで含める function alt_archives_link($output) { $output = preg_replace('/[\[()\]]/', '', $output); $output = preg_replace('@</a> ([\d]+)@', '(\1)</a>', $output); return $output; } add_filter( 'get_archives_link', 'alt_archives_link', 10,2 );

コミュニケーションが生まれるツイートまとめツール

Early attempts at making dedicated hardware to house artificial intelligence smarts have been criticized as, well, a bit rubbish. But here’s an AI gadget-in-the-making that’s all about rubbish, literally: Finnish…

2014年9月23日 Wordpress いつもWordPressでWebサイトを制作する際、お決まりのプラグインばかり利用していてる私です。長年愛され続けているプラグインもいいのですが、最近開発された中でも素敵なものがあるはず！という事で、今年開発されたプラグインで便利で使いやすいプラグインをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ WP Canvas – Shortcodes WordPressのショートコードって本当に便利ですよね。小難しい機能も簡単に挿入・表示できます。WP Canvas – Shortcodesはそんなショートコードを使ってアコーディオンやタブ、Googleマップ、ボタン等様々な要素を表示できます。 期限を指定してカウントダウンを表示したり…。 [wc_countdown date="Sep 28, 2014, 12:00:00 AM" fo

ブログなんてチラシの裏。誰でも好きなことを適当に書いていい媒体だ。いま見ているドラマがツマラナイ、結婚してから妻がトド化している、今日食べたランチがまずかった……　金をもらって書いてるわけじないから、自由に書いてOKだ。 ただ、オレは言いたい。 セミ・プロブロガーを自称する連中に言いたい（趣味のブロガーはのぞく、ここ重要だ）。新しいガジェットを購入したときに書く「開封の儀」はつまらないから即座に止めて欲しい。 「開封の儀」とは、買ってきた製品の箱を見せて、製品を取り出し電源を入れるまでのプロセスを、写真でワンステップごとに紹介していく、褌もビックリの長さはあるけど超絶ツマラナイエントリーのことだ。 奴らがなぜこんなクソツマラナイエントリーを書くかというと、理由は簡単、「手抜きで書け」＆「自慢できる」からだ。自慢はわかる。素敵な商品を買ったら、それを自慢するのは当然だ。オレもしたい。 ブログ

var str = "00000010"; console.log(parseInt(str, 10)); // ⇒10 冒頭の'00000010'は文字列型だが、JavaScript の場合はparseInt()に渡すと出来るだけ数字を維持したまま数値型に変換してくれる。 単純にparseInt()に渡すだけで 0 を取り除いた数値にしてくれる。 もっと複雑な文字列の場合は文字列操作をする必要があるが、このような単純な数値の場合はparseInt()で事足りる。

背景Excel のワークシートをシート名のアルファベット順にソートする。 コードSub SortSheets() Dim intLoopA As Integer Dim intLoopB As Integer For intLoopA = 1 To Sheets.Count For intLoopB = 1 To Sheets.Count - 1 If Sheets(intLoopB).Name > Sheets(intLoopB + 1).Name Then Sheets(intLoopB).Move after:=Sheets(intLoopB + 1) End If Next intLoopB Next intLoopA End Sub

SELECT SUM(CASE WHEN Jouhou = 'A' THEN 1 ELSE 0 END)as 'A', SUM(CASE WHEN Jouhou = 'B' THEN 1 ELSE 0 END)as 'B', SUM(CASE WHEN Jouhou IS NULL THEN 1 ELSE 0 END)as 'null' FROM DBTable

方法Java でパーセントを表示する場合、String.formatメソッドを使用すると実装できます。 int numerator = 2; int denominator = 63; double ratio = (double)numerator / denominator; String percentage = String.format("%.2f%%", ratio * 100); // 0.0317460317 // → 3.17% numeratorに 2、denominatorに 63 を設定し、ratioにnumeratorをdenominatorで割った値を代入String.formatメソッドでratioに 100 を掛けた値を小数点以下 2 桁まで表示し、最後にパーセント記号「％」を付けるここで、「%.2f」はフォーマット文字列で、小数点以下 2 桁まで表示するこ

フレッツのリモートサポートについて、知人の契約を解約する機会があったので調べてみた。 重要事項確認書に以下の文があった。 ウィルスクリア、リモートサポートは2か月後無料後、自動更新となりますので、設定終了後ご不用であれば、0120-116-116 もしくはWeb上にて解約してください。 Web上にてと書いてあったので、Web上で解約できるものだと思っていたのが、解約した人のブログの記事を見る限り電話で解約した模様。フレッツの「よくあるご質問」を見ると、 ( http://flets.com/faq/detail/661.html ) Q：サービスを解約する場合にはどうしたらよいのか教えてください。 A：専用コールセンタまたは0120-116116に対して、その旨お伝えください。 ※お客さまとの電話応対時においては、ご注文・ご意見・ご要望・お問い合わせ内容などの正確な把握、今後のサービス向上

MySQL 5.6からの機能であるGTIDを、Facebookの環境に適用した際の流れと主な不具合、そしてそれらの修正点について、Facebookのエンジニアによるまとめ。 by Evan Elias and Santosh Praneeth Banda Global Transaction ID (GTID)は、MySQL 5.6の新機能の中でも最も使わずにはいられない機能の一つだ。このおかげで、フェイルオーバやポイントインタイムリカバリ、階層を持ったレプリケーションなどに非常に有益だし、クラッシュセーフなマルチスレッドレプリケーションの必須条件にもなっている。この数ヶ月で、我々はFacebookの全ての本番用MySQLインスタンスで、GTIDを有効にした。その中で、この機能の適用方法や操作について、たくさんの知見が得られた。たくさんのサーバサイドの修正事項については、WebScaleS

岩手県は米Googleが提供中の位置情報を利用したスマートフォン（スマホ）向けゲーム「Ingress（イングレス）」（写真）を、観光振興や地域活性化に活用する試みを始めると2014年9月24日に発表した。25日に広報や観光、復興推進などの担当者10人を集めた研究会を県庁内に発足、初会合を開く。ゲームのプレーヤーを狙った誘致イベントの開催や情報発信への活用方法を検討、来年以降の実施を目指す。自治体がIngressの活用に動き出すのは全国で初めて。 25日に発足するのは「岩手県庁Ingress活用研究会」。IngressはGoogleが2013年11月から提供しているスマホの位置情報機能を活用したゲーム。緑と青の2チームに分かれ、実在する場所に紐付けられた「ポータル」と呼ぶ拠点を奪い合う陣取りゲームである。今年7月にiOS版が公開されて以降、iPhoneの普及率が高い国内でもプレーヤーが増えて

久々に劇場版を見漁ってました。 そして、色々と思ったのが犯人の動機です。 犯罪の動機って、実際些細なことなんでしょうけど、 劇場版ならもっと感情移入できるような動機の方が私は好ましいです。 と、言うことで。(どういうことだ) とりあえず、軽く劇場版の犯人とその動機をまとめてみました。 「劇場版 名探偵コナン」の犯人と動機 犯人 動機 第1作 時計じかけの摩天楼

概要アコースティックやポップス、R&B など音楽によって様々な設定ができる「イコライザ（EQ)」 iTunes において"パーフェクト"な設定があるのはご存知でしょうか。 その名も「iTunes パーフェクトイコライザ セッティング」が以下です。 (ちなみに iTunes じゃなくてもパーフェクトに使えます） 方法 『A 'perfect' iTunes equalizer setting』より db +3, +6, +9, +7, +6, +5, +7, +9, +11, +8 db イコライザの設定を画像と同じように調節をする。 iTunes イコライザを使用する手順iTunes で、「表示」メニュー ->「イコライザを表示」を選択スライダーをドラッグして周波数設定を調整「プリセットを作成」を選択してプリセットに名前を付ける

By Bill Dickinson オンラインストレージサービスBackblazeが、自社のサービスに使用してきた200種類、合計約3万5000台の運用データから算出した、「HDDの信頼性データ」の2014年9月最新版を発表しました。以前からメーカーやモデルによって壊れやすさの偏りは明らかでしたが、その傾向はあまり改善されていないようです。 Backblaze Blog » Hard Drive Reliability Update – Sep 2014 https://www.backblaze.com/blog/hard-drive-reliability-update-september-2014/ どこのメーカーのHDDが信頼性が高いのかが一発で分かるグラフがこれ。灰色の棒グラフは2013年通年での故障・エラー発生率、色の付いた棒グラフは2014年6月までに生じたエラー発生率を示し

ネット上では「@higepon」のIDで知られる日本人のソフトウェアエンジニア、蓑輪太郎（みのわ・たろう）さんは、2014年9月現在、米国サンフランシスコ市内にあるTwitter本社に勤務している。前職であるサイボウズ・ラボを退職し、Twitterの日本法人へ転職したのは2年半前。ビザ手配の関係から渡米が遅れたが、1年8カ月ほど前に妻子を連れて家族ごとサンフランシスコへ移住した。 もともとエンジニアとしてアメリカで働いてみたいという憧れがあったという蓑輪さん。単に「憧れ」というだけではなく、着々とプログラミングや英語といったスキルを磨き上げて渡米したという印象が強い。「いつも当初の計画の数年遅れ（笑）」と自嘲気味に笑う蓑輪さんだが、数年単位で「憧れ」を1つずつ実現してきたことから周囲のエンジニアからも一目置かれる存在だ。 蓑輪さんは、趣味でOSや言語処理系を実装したり、IPAの未踏ソフトウ