Zenn｜エンジニアのための情報共有コミュニティZennはエンジニアが技術・開発についての知見をシェアする場所です。本の販売や、読者からのバッジの受付により対価を受け取ることができます。
Goではじめてみたブラウザの自動操作 - Qiita
はじめに 面倒なWEBブラウザの定型作業を自動化したくて。 WEBブラウザの自動操作には定番のSeleniumを利用する。 Seleniumは主にウェブブラウザのテストに利用されているが、テスト用途以外でも利用はできる。 なおウェブスクレイピングが目的であれば、scrapeとかgoqueryなどを利用するほうが簡単。 それでもSeleniumを利用するのは、 実際のブラウザが利用できるという点であり、以下のような利点があると思っている。 IEなど特定のブラウザのみをサポートしているサイトの自動操作 ごりごりのJavascriptやFlashを利用されているサイトの自動操作 証跡として画面のスクリーンショットを取得できる 前提知識 WebDriverを介することで、スクリプトとしてJava,C#,Pythonなど多くの言語から利用できる ブラウザごとにWebDriverが用意されており、１つ
10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
npm とか bower とか一体何なんだよ！Javascript 界隈の文脈を理解しよう - Qiita
背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower の違いは？ npm はサーバーサイド用、bower はクライアントサイド用らしいよ えっ、でもなんで bower のインストールに npm が必要なの？ サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ ていうかサーバーサイドJSとか node.js って何？ よく見る browserify って何？ こういった疑問が沸き上がるのは、各ツールが生まれた文脈がよくわかっていないからです。いろいろ調べてやっとちょっとわかってきたのでメモします。間違いがあったらご指摘ください。 「CommonJS」誕生 - Javascript は汎用プログラミング言語へ その昔、Javascript 大好きおじさんは言いました。 Javascrip
プログラミング未経験者がWEBエンジニアになるためにやるべきこと
最近よくプログラミング未経験の方から、これからエンジニアとしてやっていきたい、もしくはそこまでいかなくても自分でプロダクトを作れるようになりたいけど何からやったらいい？っていう相談を受けるようになってきました。個別に色々話を聞きつつこれやってみたら？っていうリンク送ったりはしてたんですが、その人たちにとっての大まかな地図的な意味でも、（「これ見といて」って自分が楽するためにも、）未経験者の人におすすめする学習教材をまとめてみました。 参考事例 ぼく自身ゼロからエンジニアを育て上げた経験があるわけではないので、先人の事例に学べることは学ぼう、かつこうやって伸びた人がいるんや！っていう本人のモチベーションになったらいいな、ということで紹介します。 リブセンスさん リブセンスさんの、非エンジニアを1ヶ月でエンジニアに育て上げる話、かなり強烈でしたね。フルコミットでかつ桂さんという突出したメンター
Spring MVC - soracane
調べてみて意外だったのは、機能が分かりやすく、簡単で、しかも柔軟性があることです。 Spring MVCの日本語の情報はかなり少ないので、初めて触れる方が実践まで進める橋渡しができるとうれしいです。 【この記事でのバージョンについて】 以下のバージョンでサンプルを動かしています。 ・Spring ：5.0.8※、4.2.4、3.0.7、および3.1.1（Spring MVC5～4で動作すると思います） ・hibernate-validator ：5.2.3.Final ・validation-api ：1.1.0 ・commons-fileupload ：1.3.1 ※ただし、spring5の場合、tilesフレームワークをver.3にして、XMLのTilesConfigurerをxx.tiles2.TilesConfigurerに変更する必要があります。
すべてのRailsプロジェクトでいれておくべき7つの開発用Gem - Qiita
bundle installをして、rails consoleを立ち上げなおします。 だいぶ見やすくなった感じがします。 ただ、Rails4.2からは、PrettyPrintというのが標準ではいるようになっていて、標準でもだいぶみやすくなってますね。 Rails Panel このgemをいれると、ChromeのDeveloper ToolでRailsの情報を取得できるようになります。 まず、Railsアプリケーションにmeta_requestを入れる必要があります。Gemfileにgem 'meta_request', group: :developmentを追加して、bundle installします。 ここからChromeの拡張をインストールして、Railsアプリケーションをブラウザで開いて、[要素の検証]でDeveloper Toolを開くとRailsタブが表れます。 その中でいろい
『jQuery で親フレーム子フレーム間の参照、操作【JavaScript】』
jQueryで親フレームと子フレーム間で関数の実行や要素の参照・設定を行うメモ。 本来はフレームなんか使わないでdiv要素なんかをゴッソリ変えるほうがスマートなんだけど 業務用しかも内容がたっぷりある場合はファイル自体が膨大になるし重くなる。 メンテも大変だしねｗ 当然PHPと非同期しまくりで内容によってはガリガリ動かすよりもフレームで切り替えたほうがヌルッと動く。 セキュリティや他の事情によりPHP側で出力を分けたいってときもある。 そんな時のために。（いいわけはこれぐらいでｗ） 子のnameやidで参照できるが、Firefoxではnameを設定していないと動作しない。 以下では子（インラインフレーム）のIDをchildframeとする。 jQuery1.4.4821145.1.712OKOKOKOKOK parent.html 親 <html> <script src="jquery-
Androidのコードを 見やすく！ 書きやすく！ するアノテーション - Qiita
Android開発をしていると、同じint型でもDrawableのidだったりLayoutのidだったり、はたまたアプリ内で使う独自の数値であったりと様々な使い分けを求められるシチュエーションが多々あります。 Android Support libraryにはそんなときに便利なコードを見やすく、書きやすくするアノテーションがandroid.support.annotation パッケージの中に入っています。 その一部の使い方をまとめてみました。 2016/03/22 追記 その2も記載しました Androidのコードを 見やすく！ 書きやすく！ するアノテーション その２ メソッドの引数にNullを許容しない @NonNull メソッドの引数にNullを許容しないことを明示できます。 これを指定していると呼び出し側が引数にNullを指定した場合に Lintで Probable bugs の
プログラミングで変数名や関数名のネーミングに迷ったときに便利なカンニングペーパーまとめ
関数名によく使われる英単語（動詞）の意味とニュアンス 関数名によく使われる英単語（動詞）の意味とニュアンス | PHP Archive プログラムで、よく利用される動詞の種類が豊富なリストです。 動詞を見つけるなら、一覧になっているのでcodicで検索するよりも手軽かもしれません。 以下のような、よく利用される単語の、主な用途と細かい意味、ニュアンス、使い分けについてリストアップされています。 追加・作成 保存・出力 読み込み・解析・取得 編集・変更・修正 削除 検索 検査 許可・禁止 その他 プログラミングに出る！英単語 C言語編 – プログラミングに出る！英単語 名詞なども含めて、一般的に関数名などで使われる英単語を百数十個まとめてあるページです。 C言語編と書かれていますが、どのような言語でもよく利用されている単語ばかりなので、ここにある単語さえ押さえておけば、自分以外の人にも理解さ
プログラミングフォントの決定版「Ricty Diminished」 : 作々！ -さくさく-
作々！ -さくさく- ゲーム制作、アニメ制作、グラフィックソフト、プログラミング、3DCG等、創作活動の話題全般を取り扱う(予定)。 プログラミングに最適なフォントとしてよくおすすめされるRictyが再配布可能な形で公開されていた プログラマーにとってフォントは生産性に影響する重要なポイントの１つです。lとIが区別のつかないフォント、oと0が区別のつかないフォント。残念なことにデフォルトで使われるフォントはWindows,Linux共にそういったものが多いです。もしまだデフォルトのフォントを使っている人がいたらこの機会に是非Rictyに乗り換えましょう！ プログラミングに最適なフォントとしてよくおすすめされるRictyが再配布可能な形で公開されていた | デジタネイティブ 今までのRictyとどう違うか Rictyは日本語フォントにMigu 1Mを使用していたために、フォントが統合された
AddinBox(祝日マクロ-1)
自由に各自のマクロに組み込んで利用して下さい。なお、フリー/シェアソフト 開発での利用も可（フリー/シェアでの利用の場合、事後で結構ですので一言 お知らせください）です。ただし、引用に当たっては、マクロの先頭に記述してある コメント（CopyRight ）を必ず一緒に引用する事 を条件とします。 なお、 他サイト上で本マクロを直接引用(マクロ全体を丸々貼り付ける等) する事は、ご遠慮願います。本ページへのリンクによる紹介で対応して下さい。 [ktHolidayName]という関数名そのものは、各自の環境における命名規則に沿って 変更しても構いません。 ＶＢＡ（ＶＢ含む）で利用する場合はマクロのコード構成を一切変更しないでください。 ＶＢＡというレスポンス的に不利な言語でも出来る限りレスポンスを良くする事を前提に 設計してある為､コード内容を変更するとレスポンスが低下
テキストボックス内のカーソル（キャレット）位置や選択範囲を，JavaScriptで取得・設定する方法 - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ input や textarea などのテキストボックスをフォーカスした際に表示される，「｜」の形をしたカーソルの事をキャレットという。 また，Shiftキーを押しながらキャレットを移動させると，文字列が選択状態になる。 キャレットや選択文字列の情報は，JavaScriptで取得・設定できる。 下記は，IEで・・・ カーソル（キャレット）の位置を 取得する方法。 設定する方法。つまり，カーソルの移動。 選択状態になった文字列の範囲を 取得する方法。 設定する方法。つまり，指定した範囲を選択する。 のサンプルコード。 また，これらを応用して テキストボックスで，クリックした文字を取得する方法 についても述べる。 （１）IEで，カーソル位置を取得するサンプル （２）IEで，カーソル位置を設定するサンプル （３）IEで，選択範囲の取得をするサンプル
Windows 8.1ではじめるイマドキの開発環境 - Qiita
今までは、メインマシンにはLinuxやMacを利用していました。 ただ、最近はVagrantとかが充実してきてLinuxで動くWeb系の開発をするからって、環境をUnix系にする必要もないかな、と思って変化を求めてWindows 8.1 環境をデスクトップにししてみました。 別に紙芝居ゲームや艦これのため変えたわけじゃないですよ？ ええ、違うんです。 作業してて結構ハマったり、昔のWindowsの環境構築とは様変わりしてた部分もあるので、その辺をメモります。 はじまりはアカウントから プログラマがWindows 8.1を使うならばまずはじめに考慮することはログインアカウントです。 Windows 8からは認証アカウントをMicrosoftアカウントと連携させることが推奨されます。 利用しているアカウントがローマ字などASCIIだけなら問題はありませんが、私のようについうっかりと日本語名にし
開発者がSurfacePro3を買ったらまずやること - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? SurfacePro3買いました。なかなか面白いデバイスですね。 こころがぴょんぴょんするんじゃ～～ SurfacePro3を機に久しぶりにWindowsを触るという方もいらっしゃるかと思うので、Windowsでの開発環境構築まとめを書いてみます。タイミング的にタイトルにSurfacePro3を入れましたが、SurfacePro3特有の話はありません。 アカウント作成 いきなりですが、アカウント作成のときに注意点があります。ユーザー名に日本語を使ってはいけません。GNUツールの中には日本語パスやスペースを含むパスを考慮していないものが割
PHPerの書くコードの保守性・管理性が劇的に上がるのスマートな方法
みなさんお仕事の進捗どうですか？ 今日は ふと今こそ保守性・管理性が劇的に上がるPHPのスマートなコードの書き方まとめを俺が書くときじゃないだろうか。 — そーだい＠初代ALF (@soudai1025) 2014, 8月 12 こんな軽はずみな発言をしてしまったが故にネットで触れては行けない3大炎上案件について触れる。 ※ネットで触れては行けない3大炎上案件とは？ Excel関連（スクショとか） 宗教（エディタとか） PHP のこと。 で今話題の元ネタを既に@sue445さんが魚拓してくれてる。 「Hello! my name is 404 お探しのページはありませんでした！申し訳ありません。。」 http://t.co/MS8Xy0bCMz 魚拓とっててよかったｗ http://t.co/UvG3gzsPul — sue445 (@sue445) 2014, 8月 12 （炎上したら即
WebブラウザだけではじめるRuby/Railsプログラミング - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これからプログラミングを始めてみたい人に向けて、Webブラウザだけですぐに使えるRuby/Railsのクラウド開発環境 (Nitrous.io) を紹介します。 Rails環境構築の壁 プログラミングを始めるためには、開発環境を構築する必要があります。RubyとRailsの開発環境の構築方法はRails Girls インストール・レシピが参考になりますが、いくつかのソフトウェアをインストールする必要がありました。 Ruby本体 Rails データベース (SQLite) エディタ (Sublime Text, TeraPad) ターミナ
最強の情報収集術！初心者向けRuby＋NokogiriでWebスクレイピング徹底解説 - サラリーマン休日副業で月10万円以上目指すページ
はじめに 情報氾濫の時代、インターネット上には数えきれないほどの情報で溢れています。効率よく情報収集を行うことができたら・・・そんなあなたにオススメしたいのはWebスクレイピング。 プログラミングを使って自動でWeb情報をクローリングし、加工した上で必要な情報を効率よく収集します。 プログラミングと聞いて顔が曇った方も多いかも知れませんが、現在はプログラミングの敷居もかなり下がっています。 Rubyは日本語製のスクリプト言語。和製ゆえにドキュメントも豊富です。今回はWindowsな方向けにRubyの導入から実際にサンプルプログラムを動かしてみる所まで詳説したいと思います。 Rubyのインストール Ruby InstallerのHPから「Ruby 2.0.0-p***」をダウンロードします。 RubyInstaller - Homepage インストーラーを実行してください。 日本語を選択。
「ログイン時に起動」を実装する - a.out
2014/08/13 追記 AppleScriptを使った実装が MacAppStore の審査で Reject される件について書きました。 「ログイン時に起動」を実装する (2) Mac アプリを使っていると、よく「ログイン時に起動 (Launch at Login)」という設定項目を目にします。 とても便利な機能なので、皆さん当たり前のように利用しているかと思いますが、実はけっこう実装が面倒です。 僕も自分の Mac アプリで実装したいと思ったのですが、情報が古かったり間違っていたり、日本語の情報が少なかったりで非常に苦労しました。 そこで、これから Mac アプリを作る人のために「ログイン時に起動」の実装方法をまとめておこうと思います。 「ログイン時に起動」3つの実装方法 「ログイン時に起動」を実装する方法は3つあります。(他にもあるかも, CFPreferencesとか) Lau
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実行時の関数全ての in/out をトレースする - Qiita
