Help us understand the problem. What is going on with this article?

webpackについて自分用のメモになります。 #最低限という背景 普段はBtoB向けのコーポレートサイトの制作が多く、ビルドツールはGulpでもGruntでもなんでもよいのが現状であり、ビルドツールを使用しなくてもなんとかなる感じです。 ただ、流行や今後の動向は理解しておきたいということで、自分の中で最低限webpackでやりたいことを実装してみました。 #最低限やりたいこと javascriptのモジュール管理、Minify、es6/2015のトランスパイル Sassのコンパイル、ベンダープレフィックスの付与 ブラウザのオートリロード 上記の内容を数回に分けてまとめたいと思います。本記事では1のJS関連を扱います。 #対象読者 流行はつかんでおきたいけどあまり難しいことはしたくない、とにかくwebpackを使ってみたいという方向けかと思います。 #インストール まずはwebpackをイ

All slide content and descriptions are owned by their creators.

「App」にある【Documents】をクリック。「Documentsの書類」の下にある欄に「.enex」ファイルをドラッグ＆ドロップします。 3. メモアプリに取り込む コピーが完了したら、iPhoneでDocuments 5を開きます。 © 2008-2014 Readdle Inc. 【iTunesのファイル】というフォルダをタップします。 © 2008-2014 Readdle Inc. 画面右上の【編集】をタップし、コピーした「.enex」ファイルをタップして選択します。 © 2008-2014 Readdle Inc. 画面右下の【操作】をタップ。 © 2008-2014 Readdle Inc. 【開く】をタップします。 © 2008-2014 Readdle Inc. 【メモに追加】をタップ。 【メモ読み込む】をタップしましょう。 作業が終わったら、メモアプリを開いて確認し

具体的なAPIの監視方法 では、具体的にこれらのAPIの監視を、どのように実現すればよいのだろうか。Androidアプリは、利用者情報の取得や外部との通信を行うために、アプリケーションフレームワークが提供する前述のAndroid APIを用いている。そのため、APIフックを行い、その情報を記録することで、利用者情報の取得や通信内容の追跡が可能である。具体的には、下図のような仕組みとなる。 なお、APIの先頭には、ロギングメソッドを呼び出すように改変を加える。ロギングメソッドでは、下記のような情報を記録する。 パッケージ名やUIDなどの、アプリケーションの識別情報 プロセスIDやスレッドIDなどの実行情報 APIの種類、引数、戻り値などの情報 APIが呼び出されるまでの呼び出し過程 これらの情報は、PCに取り出して解析することができる。特に、呼び出し過程については、各スレッドのスタックをさか

こんにちは。ディレクターの川原田です。 クックパッドでお気に入りレシピを保存する「MYフォルダ」のサービス開発や、保存・記録に関する新規サービスの検討・開発を担当しています。 ディレクターの仕事は様々ありますが、今回は私が身につけたことで仕事領域が広がった！と感じているSQLについてお話ししたいと思います。 いきなりですが、SQLが使えてよかった点をまとめると以下です。 よかったこと 数値抽出から分析まで自己完結 エンジニアとのコミュニケーションがスムーズに 仕事が増えていそうで実は効率アップ 周囲の知的好奇心を刺激 それぞれ具体例を交えてお話します。 数値抽出から分析まで自己完結 事例１：ログ構造を理解でき後の仕事がスムーズに 昨年、アプリのサービス開発を担当した際、エンジニアの設定したログが、実際に送信されるかどうかを事前チェックをしました*1。 アプリのリリースはタイミングが決められ

表題にあるとおり、Software Design8月号の特集記事を書かせていただきました。GitHub入門的な記事です。 今書店で売ってる号は7月号ですので、今売ってるやつには載ってません（でももちろん買ってくださってもいいんですよ？）。発売日は7/18ですので、その後書店で購入したり、Amazonなどでお求めください。 www.amazon.co.jp 今年に入ってから、web+DB Pressの91,92号、SD8月号と、技術評論社さんの雑誌に記事を書かせていただく機会を立て続けにいただけて、ほんとうにありがたい限りです。 ところで、web+DB vol. 91の記事はYAPC::Asiaでの発表がきっかけでチャンスをいただいたのでした。92はPerlコミュニティつながりで頂いたお話でした。今回の記事に関しては、「Gitをはじめからていねいに」というドキュメントをGitHub上で公開し

現在のWebメディアにおいて、Webデザイナーの役割は相対的に落ちている。はっきり言えば、Webデザインというものは、ほぼ死語になりつつある。 WebメディアはPCと比べて圧倒的に小さなモバイルの画面で閲覧されるので、凝ったデザインを施す余地がない。というより、Webメディアは小さな画面の中でできるだけ大きくコンテンツを見せなければならないので、コンテンツ消費の邪魔になりかねないデザインはむしろ排除するべき「余分な脂肪」なのである。だから現代のWebメディアにおいてはデザインは最小限でよい。 本サイトを見るユーザーはWebデザイナーである人が多いだろうが、この数年以内に単なるデザインをするだけのWebデザイナーという職業は消えて無くなると思った方がいい。 デザインが脂肪ならば（脂肪だから少しは必要ではあるが）、コンテンツこそが筋肉である。コンテンツを目立たせ、できるだけ多くのコンテンツを読

どうも、まさとらん（@0310lan）です。 みなさんは、音声認識を活用していますか？ 例えば、iOSの「Siri」と会話してみたり、Androidなら「OK Google」と喋って検索した経験があるのではないでしょうか？ 今回は、このような音声認識を利用し、PCのChromeブラウザに喋りかけることで動作するサンプルデモのチュートリアルをご紹介しようと思います！ ■音声認識に必要なAPIとは？ まず最初に必要なのが、自分の「声」を音声として認識してくれるAPIなのですが、実はPCのChromeブラウザであれば今すぐJavaScriptから利用できるようになっています。 Web Speech API：ブラウザ対応状況 「Web Speech API」を使うことで、特別なツールをインストールしたり、余計なライブラリを読み込む必要は無いわけです。 ちなみに、このAPIには大きく分けて「音声認識

ユーザーリサーチってなに？残念なリサーチと、意味のあるリサーチの違い。以前は「UXデザイン」というと、なんだか理解が難しいモノかと思っていたが、本当はすごく単純なものかも、と思うようになってきた。実際にモノを使う人に会って、フィードバックをもらって、「その人が必要としているモノを作ること」の結果がいいUXデザインなのだ。(多分) じゃあどうやったら「その人が必要としているモノ」が分かるのか？その唯一の方法は、実際に会って、「その人」と「その人が生活する環境」を出来るだけ理解することだ。 これは人見知りの私には結構ハードルが高いことなんだけど。。やってみると意外と楽しい。(まだマスターするまでには程遠いけど) そこで、最近ユーザーリサーチをするようになって分かってきた、残念なリサーチと意味のあるリサーチについてまとめてみる→→→ ▶︎新車開発のプロジェクト ビジネスのビジョンを踏まえ、最初の

今日からブログを始める事にしました、ハチと申します。 Twitterも同時に始めましたので、よければフォロー頂けると嬉しいです。（@hachipo_6） 僕は小学生の頃からネットを見るのが好きで、趣味でブログを書いていた時期がありました。 しばらくの間は何かを発信するという事はせずに、人のブログやメディアを閲覧するだけの時期が続いていましたが、ここ最近でブログの収益だけで生計を立てるプロブロガーという人達の存在に興味を持つようになりました。 僕は今大学2年生で、後1年もしたら就職活動が始まります。 しかし、現時点でやりたい事は特にないし、正直な話、働かなくて良いのであれば働きたくはないと言う気持ちがあります。 僕自身文章を書いたり、こうやって世に発信する事は嫌いではなく、もしもそれだけで生計を立てられるのであれば、これ程自由な生活は無いなと考えるようになりました。 そして、半年近く色々な人

おはようございます。プログラマーのhakatashiです。 普段はpixivコミックやpixivノベルの開発を手伝っています。が、今回はそれとは全く関係ないSlackの話をします。 一句BOTとは みなさんSlackは使っているでしょうか。普段から業務にプライベートにと幅広くSlackを使っていると、メンバーの何気ない一言に“一句”を感じることがあります。 風流ですね。 pixivにはこのような日常に潜む和の心を大切にする風雅なエンジニアが多いので、平安貴族よろしく日常会話や業務連絡に5・7・5の形の川柳を混ぜて会話します。とても優雅ですね。 ですが、上の画像のような完全に日常に溶け込んだ野生のステルス一句は、誰にも気づかれずにログの彼方へ流れていってしまうことも多いようです。そこで、Slackのメッセージから自動で一句を検出してReactionをつけるBOT、slack-ikkuを(1時

最近ちょっとアジャイル（風）PJTに首を突っ込んでいるんだけど、やっていて思うのはエンジニアとしてある程度のラインを超えていないとお話にならないよねってあたり。で、このある程度のラインを超えていない人たちがそこをクリアするためには育たなくてはならないんだけど、お話にならないアジャイル開発の現場で育てることは可能なのだろうか。みんなそこをどうクリアしているんだろうか、というあたりがすごく気になる。 僕自身はそういう点について経験がなさすぎて、無償で貼り付けるんだよとかそういうのも込みで値段設定しているんだよとか育った人間しか使わないんだよとか甘えんな勝手に育てなのか何が正解なのか全然わからないんだけど、アジャイルのプロからすれば自明の問題に過ぎないと思うので知ってたら教えてほしいんだよな。 ウォーターフォールって一度始まっちゃえばよっぽどのことがない限りエンジニアが一定割合ポンコツでもある程

撮影して家や事務所に帰ってきたあと「もうちょっと広く撮ればよかったな...」ってことあると思うんです。 実は上記の写真のもとはこちら 左側に周囲に調和したコンテンツが増えております。しかもたった数秒で!! PhotoshopCC2015.5に追加された新機能なのですがこちらを試してみて面白かったので、どのくらいまでならコンテンツに応じた拡張が可能だったのかをご紹介いたします。 PhotoshopCC2015.5の切り抜き設定をコンテンツに応じるに まずは、PhotoshopCC2015.5にアップデートまたはインストールしたら、切り抜きを選択し「コンテンツに応じる」にチェック 上記の様に選択して切り抜くだけで・・・ 上部に雲が広がり、ほんの数秒で右側の空間が広がりました!! 写真かどうかって言われたら写真じゃないって論議が飛び交いそうなこの機能ですがめっちゃすごい!!と面白がっていろんな写

まとめサイト・知恵袋・NAVERまとめなどを除外してGoogle検索する検索エンジンの紹介 2016/3/27 [更新:2023/10/22] ノイズレスサーチ 35 まとめサイト・知恵袋・NAVERまとめなどの邪魔でうざいスパムサイトを除外して検索できないかと日頃から思っていて、ノイズレスサーチという検索エンジンを作成し、公開しました。 よく邪魔だと言われることが多いまとめサイト・キュレーションサイト・NAVERまとめ・知恵袋・2ch転載・食べログ・クックパッド、その他多数のサイト（約5000個）をブラックリストで除外して、調べ物に威力を発揮する検索エンジンにしました。 とくにレシピ検索、大学や仕事の調べ物、商品レビュー、医療検索で人気があります。 インストールは必要なく、ノイズレスサーチのページを開いて検索するだけで、誰でも使えます。パソコン・スマホ両対応。

www.airdays.net 自由を手に入れるためにプロブロガーを目指す、ですって？ またまたご冗談を、プロブロガーが自由だなんて、一体どこでどういう風にインターネットを眺めていたらそういう発想が出てくるんでしょうか？ ここ最近、プロブロガーなる、よくわからない肩書きを名乗っているインターネットアカウントを見かけますが、彼らは、本当に自由なんでしょうかね？ “プロ”ブロガーと言うからには、ブログを本職とし、それで生計を立てて生きていくわけですよね。つまり金銭収入のための労働手段としてブログの執筆（や周辺活動）に勤めるのがプロブロガーということになります。 プロに自由なんてあるんですかぁ？ リンク先の大学生さんは、 僕自身文章を書いたり、こうやって世に発信する事は嫌いではなく、もしもそれだけで生計を立てられるのであれば、これ程自由な生活は無いなと考えるようになりました。 と書いておられます

var script = document.createElement('script'); script.src = 'http://example.com/hoge.js'; document.body.appendChild(script); 上記のように、src属性を指定してscriptタグをDOMに追加すれば、jsが実行される。 しかし、この方法でDOMに追加した場合、src属性に書かれているURLに非同期的に通信が発生し、読み込みが完了したものから実行されるため、実行の順番を確保しないといけない場合は、ただ追加すればよいわけではない。

リスティング広告の運用担当者だったら遅かれ早かれ誰もがたどり着くといわれている、今や定番の広告メニュー。 和食なら鯖の味噌煮、中華なら回鍋肉あたりの位置づけ（当社調べ）、それがリマーケティング広告です。 今回は、そんなリマーケティングをこれから始めたいと思っている人、あるいは始めようか悩んでいる人に、知っておいてほしい2つのポイントをご紹介します。 ※なお「リマーケティング」とはGoogleの機能名です。Yahooの場合は「サイトリターゲティング」と呼びますが、ここでは「リマーケティング」に統一しています。 そもそもリマーケティング広告って？リマーケティング広告とは「あなたのサイトを訪問したけれど、何らかの理由と経緯で去ってしまった人を追いかけていく広告」です。そこからもう一度来訪してもらい、コンバージョンにつなげるのです。マーケティング執念による産物といえましょう。 それだけに、あなたが

はじめまして、イノベーター・ジャパンの福岡オフィスで働いている @akase244 です。 今日は私が使ってる「キーボード」の話をしてみようかと思います。 「プログラマーが一日中ずっと触るもの」というタイトルをつけてみましたが、みなさんは普段どんなキーボードを使われているでしょうか。 メーカー製のデスクトップPCであれば標準で同梱されているキーボードかもしれませんし、ノートPCであれば特に意識せずにそのまま使われている場合もあるでしょう。 私の場合はというと、KB Paradise社のV60というキーボードを使っています。 キーボードの種類 パンタグラフ メンブレン メカニカル 静電容量無接点 キーボードの種類としては大きくこの4つに大別されるようです。それぞれについて詳しい説明はここでは省略させてもらいますが、私が使っているV60は「メカニカル」に分類されます。 なぜわざわざ外付けキーボ

「また新しいブラウザー？ もういいよ。」いえいえ、Bliskはちょっと違います。Web開発者向けに便利な機能を搭載した、開発者専用のブラウザーなんです。 日々のWeb開発にどんなブラウザーを使っていますか？　私がTwitter上で先日実施した投票の結果によると、開発者の4分の3は一般的なWebブラウザーを使っています。おそらく以下のような理由が想像できます。 1番よく使うアプリケーションである すでに自分が使いやすいように調整できている 優れた開発ツールが入っている（どれもそうですよね！） それらのユーティリティが快適である そもそも、好みのブラウザーである しかし、そのブラウザーはWeb開発作業に向いているのでしょうか？ 私もそうですが、いつもブラウザーにさまざまなアプリやツール、あとで読もうと思っている記事（……でもほとんど読みませんけどね！）のタブを57個くらい開いているのでは？　こ

自称プロブロガーのみやも氏が1日に50円で何でもやります！　と宣言し募集をかけるも「50円で1日にあなたを買うので、1日に働いてその給料を私に下さい！」というユーザーが出てきて炎上している。 今日からアホなことします！— みやも@クラウドファンディング挑戦中！ (@Miyamo_H) 2016年7月2日 更新！わたくし、みやもの1日を50円で売ります！1か月限定です！ #はてなブログ 【一ヶ月限定！】プロブロガーの1日を50円で買いませんか？ - 未来は変えられるの？https://t.co/C1juZhyeOv pic.twitter.com/0EhySCJuv1— みやも@クラウドファンディング挑戦中！ (@Miyamo_H) 2016年7月2日 プロブロガーさんの1日が50円で買えると聞いて、プロブロガーさんに日雇い労働をしてもらって、賃金を振り込みをしてもらうという錬金術を思いつい

スキル ボクは以前、こんな記事を書きました。 www.b-chan.jp この記事は膨大なアクセス数を獲得しましたが、多くの人が、このExcelスキルが無い同僚のことを、中高年のおじさんだと思ったようです。 実は彼はボクより歳下。30代半ば。 若いんですが、パソコンが全然ダメ。 ボクは別に何かの能力があるとか無いとかは仕方ないと思うんです。 ボクだってプロ野球やプロサッカーの世界で活躍しろと言われたら無理ですから。 www.b-chan.jp そう言うことじゃなくて、仕事で必要とされるスキルを学ぼうとする姿勢の無さにガッカリなんです。 だって、まったく同じ作業、同じ結果を1時間で出す人と5時間で出す人がいたら、企業の業績に与える影響が違うじゃ無いですか。 お客さんへのサービス面でも全然違いますし。 世の中の一部の人しかできない特殊能力を身につけてほしいと言う話じゃなくて、多くの人ができるこ

まだ起動できません gulpfileにどんどん記述して見たいと思います。 今回はScssとMarkDownを入れてみたいと思います。 まずScssを導入していきたいと思います。 var gulp = require('gulp'); var sass = require('gulp-sass'); var plumber = require('gulp-plumber'); var dir = { watchScss : "*.scss", exportCss : "./" }; // Sassコンパイルタスク gulp.task('scss', function(event) { return gulp.src(dir.watchScss) // エラーが気た時に処理が落ちるのでplumberでカバー .pipe(plumber()) .pipe(sass().on('error', s

Result チェックボックスの数を制限する時に。 jQuery$("input[name='tech']").change(function () { //チェックボックスの最大数を設定 var maxAllowed = 2; //チェックされた数をチェック var cnt = $("input[name='tech']:checked").length; if (cnt > maxAllowed) { $(this).prop("checked", ""); 設定した数より多くチェックが付けられる場合にアラート表示 alert('' + maxAllowed + 'つ以上は選べません！'); } });viaHow to limit the number of selected checkboxes?

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ある言語でちょっとしたコードを試したいと思った時に、まずその実行環境を用意しなければならないという点で心が折れたりした経験はないでしょうか。今更過去バージョンの言語を入れたり、逆に最新のβ版環境を立てたりするのは面倒なことです。 そこで使ってみて欲しいのがWandboxです。多彩なプログラミング実行環境をオンラインで提供してくれる素敵なソフトウェアです。 Wandboxの使い方 左側でプログラミング言語を選択して、後はプログラミングコードを書いて実行すれば良いだけです。仮想マシンが立ち上がって、その中でコードを実行してくれます。 用意されている言語はC/C++、D、Rill、Haskell、C#、Perl、Python、Ruby、PHP、Erlang、Elixer、JavaScri

窓のない部屋に鮨詰めにされて 会議用の長机とパイプ椅子で 隣の人の肘があたったり、前の人の足が当たって 便所は長い行列で漏れそうになる 当然毎日終電 助けて 関連：【悲報】みずほ銀行の次期システム、デスマプロジェクトが破綻か。完成のメドなく4000億円がパー