Rails Girls - Japanese
Rails Girls アプリ・チュートリアル Created by Vesa Vänskä, @vesan まず、Railsがインストールされていることを確認してください。 ** もしくはこちらのリンクを見てインストールしてください。** ツールを知る テキストエディタ Sublime Text, Komodo Edit, Vim や Emacs, Gedit は、テキストエディタの例です。コードを書いたりファイルを編集したりすることができます。 ターミナル (Windows の場合はコマンドプロンプト) rails serverを起動したりコマンドを実行したりするものです。 Webブラウザ (Firefox, Safari, Chrome) アプリケーションを表示するためのものです。 1.アプリケーションを作る railsgirls という名前の Rails アプリを作っていきます。
Setting up Rails with React and Jest
React is Awesome! Rails is Awesome! Jest is awesome! Using Jest with React in Rails should be Awesome Cubed... and yet it seems so difficult. Recently, the author was in a position where a legacy project wanted to redesign the front-end while keeping the Rails backend. The project decided to go with a React based redesign phased in, piecemeal, over time. Eventually the old JavaScript would just d
JSHint入門 - JSHintを使ってJSコードの信頼性を高める - Qiita
2016年2月現在、JSHintよりESLintの利用を奨励します。 全て の JavaScript ファイルは JSHint ないしその他のソース解析ツールで管理されるべきだと思っている。 今回は JSHint の基本的な使い方を説明する。 インストール JSHint は Node.js で実装されているのでまずはそれをインストールする。Mac なら brew install node でサクッとインストール可能。また、インストールには npm を使うのでそれもいれる。そして npm をつかって JSHint をインストールする。 -g オプションはシステムにインストールするという意味。インストールディレクトリを PATH に追加するのを忘れない（デフォルトで追加されたかどうか記憶が曖昧）。 % brew install node % curl https://npmjs.org/ins
Browserifyの使い方について調べてみた - yutaponのブログ
最近Browserifyって単語を良く見るようになりました。 Browserifyをざっくり説明すると、 ブラウザ上でもNode.js用モジュールを使えるようにする ブラウザでもrequire()を使ったモジュール管理を使えるようにする という特徴があるようです。 browser（ブラウザ）+ fy（〜する）という単語からもNode.jsをブラウザ化するってニュアンスでしょうか。 require()といえばRequireJSも提供してますよね。 Browserify使うことでRequireJSを使わなくてもモジュール管理ができるようになりそうです。 Browserifyの使い方 まずは公式サイトに載ってるコードを試してみます。 browserify これはどうやらNode.js向けのモジュールをブラウザでも使えるようにするチュートリアルのようです。 まず作業ディレクトリを作成します。 $
むしろ駄菓子屋さんで | browserify概説
browserify(ぶらうぜりふぁい、と発音しているのを誰かから聞きました)は、その便利さに比して、利用例などが少ないため、お粗末ながら、今日までにわかったことをまとめてみようと思いました。ドキュメントが足りない状況はしばらく変わらないと思いますので、ハックヒント用に内部構造を含めて、概要を伝えられればと思います。 そもそもbrowserifyとは 御存知の通りnode.jsはブラウザでも動作するjsで記述します。ですから、サーバーとクライアントで共有できるコードは共有したいものです。ですが、それには幾つかの壁がありまして、思いつく分だけを書きますとこのぐらいになります。 モジュールシステム(CommonJS) node.jsの組み込みモジュール http要求を受け取って、ブラウザへコードを届ける仕組み これらを提供するのがbrowserifyです。 処理の概要 browserifyの流
合格は難しい？塾に行かずに医学部を目指すのはあり？なし？
塾に行かずに医学部に合格できる可能性について 医学部はとてもハードルの高い学部だ。 中途半端な学力だと、まず合格することは難しい。 そんな高レベルの学部だから、塾に通っている学生さんも多いんだ。 でも、塾へ通うとお金がかかるし、プライベートの時間も減っちゃうのがネックになる。 だから通いたくない、自分で勉強したい！って学生さんもいるんじゃないかな？ 確かにお金はかかるけど、塾に行かず医学部に合格するのはかなり難しいよ。 むしろ塾や予備校へ通わず合格できる人は、元から成績がトップクラスの学生さんだけだ。 それも頭の回転が人一倍速くて、地頭がいい場合に限るね。 だから普通の人は、まず無理だと考えたほうがいい。 塾や予備校に行かずに医学部に合格するのはかなり難しい 上でも触れたけど、医学部に合格したいなら塾か予備校に通うべきだよ。 お金はかかるけど、独学で合格を目指すのは本当に難しい！ 浪人する
国内Web業界で活躍する方の素敵な名刺デザインいろいろ | Webクリエイターボックス
2017年6月30日 インスピレーション, 名刺 その人、その会社の第一印象でもある名刺デザイン。海外では多くの名刺デザインが紹介されていますが、日本国内だとなかなか見つかりませんよね。という事で、オフ会で直接頂いた名刺の中から素敵なデザインのものを一挙紹介します！シンプル・ポップ・エレガントなど、様々なデザインがあるので、ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ オフ会に参加しました ホームページを作る人のネタ帳のYamada氏が東京に遊びに行くという情報をキャッチしたので、それにあわせて私もオーストラリアから帰国！1月29日に「ネタ帳とWebクリエイターボックスの上京を歓迎してくださいの会」と題し、オフ会を開催しました！総勢約80人とあって、めまぐるしく挨拶まわりを…。もしお話できなかった人がいたら本当にごめんなさいです…。 素敵な名刺頂きました そのオフ
BackWPup｜エラー：フォルダを作成することはできません
BackWPupを使用していて、サーバーを移管すると、実行時に「フォルダを作成することはできません」というエラーが出る 「BackWPup > 設定 > ログ > ファイルフォルダのログ」を移管後のパスに変更
minutes.io — the best meeting tool since pen & paper*
People have meetings. Make sure their time isn't wasted, and that everyone knows what was said, who decided what, and what needs to be done next. Make meetings worth everyone's time. Have better meetings with minutes.io: Take notes quickly and efficiently: minutes.io is designed to easily let you take minutes during meetings, not after. Smooth and fumble-free: practical hotkeys let you do everythi
全てがJSONになる - ✘╹◡╹✘
TL;DR JSON Schemaを使ってこういうことが実現可能になった。 ダミーAPIサーバの提供 ドキュメントの自動生成 APIクライアントの動的定義 APIサーバのバリデータの動的定義 APIサーバのレスポンスの自動テスト JSON Schemaとは JSON SchemaというのはあるJSONのデータ構造を記述するための方法および書式の仕様で、 JSON SchemaもJSONで記述される。 これを利用すれば、リソースベースの(=RESTfulライクな)APIの仕様が簡便に記述できる。 例えば、我々のAPIはレシピとユーザというリソースを扱っていて、 それぞれCRUDのAPIを備えており、レシピはidとtitleとdescriptionという属性を持つ、 という旨をJSON Schemaで表現できる。 なんで最近ちょっと流行ってんの Mobile First、 Service Or
RescueTime
Take back controlof your time Millions of people simplify their lives by installing RescueTime's automated time tracking software.
~健康応援マガジン~カラダととのエール ｜ 株式会社バスクリン
健康応援マガジンカラダととのエール 健やかで心地よい生活をサポートする Tipsをお届けする健康応援マガジンです。 キーワードから探す
子テーマ - WordPress Codex 日本語版
なぜ子テーマを使うのか? 子テーマの使用にはいくつかの利点があります。 テーマを直接変更した場合、そのテーマがアップデートされると変更が失われるかもしれません。子テーマを使用すればテーマの変更は確実に保持されます。 子テーマを使用することで開発時間を短縮できます。 子テーマの使用することでWordPressのテーマの開発を良い形で学べます。 子テーマの作り方 子テーマは、少なくとも 1つのディレクトリ(子テーマディレクトリ)と、2つのファイル(style.css と functions.php) から構成されます。以下を作成する必要があります。 子テーマディレクトリ style.css functions.php 子テーマを作成する最初のステップは、子テーマディレクトリの作成です。wp-content/themes ディレクトリ下に作成します。子テーマディレクトリの名前には最後に '-ch
根気・度胸・忍耐力・社交性が足りない人必見、個人的な資質を伸ばす秘訣 | ライフハッカー・ジャパン
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
次の買収はここだ！キュレーション・バイラルメディア5選 | The Startup
DeNAによるiemo＆mery買収に続いたエニグモによる4meee!買収。スタートアップ界隈ではキュレーションメディアの買収はもうないという説もあるが、本誌ではまだまだあり得ると予測する。 そこで、次の買収ターゲットとなるであろうキュレーション・バイラルメディアを本稿で5つ紹介する。事業会社のM&A担当者はぜひ目を通していただきたい。 注：全て各小見出しの画像から各サイトにリンクを貼っているので飛べます １：あこがれのライフスタイル提案メディア「Locari」 まずはLocari（ロカリ）。ライフスタイル提案というコンセプトを標榜しているが、女性向け恋愛ファッション領域という観点では幅広くいうとmeryや4meee!と競合する。「あこがれのライフスタイル提案」という意味ではちょっと高飛車な女性が好みそうということもあり、サイバーエージェントのby.Sが最も近しい領域であろう。少しだけカカ
HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ
本気でweb制作を仕事にしたいなら 現場で通用する実践的なスキルを身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら 今回は、web制作時によくある悩み「ワイヤーフレームの作り方がわからない」を解決します。 意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。 そのため、以下のような悩みを抱える人が多くいます。 ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。 ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。 ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。 適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの
goemon + pandocでmarkdownを快適に書く - Qiita
twitterで↓のようにつぶやいたら、すぐにmdのひな形対応が入ってた。 @mattnさんすごい。 goemonでREADME.mdをpandocでhtml化してますが、とても便利です。"@mattn_jp: goemon で *.cxx、command に make とかやってフツーに便利だった" — takasago (@sago35tk) March 4, 2015 ということで、markdownをvimで書くためにgoemonを使ってみました。 goemonは、いろいろなことに使えて便利ですね。 Big Sky :: 開発速度を加速するツール、goemon を書いた。 Goal 好きなエディタでmarkdownを書いて、リアルタイムプレビューできるようにする。 きっかけ 職場で一部GitBucketを使っていますが、 ローカルである程度整形してからgit pushしたい 社外に持
goemon + pandocでmarkdownを快適に書く - Qiita
twitterで↓のようにつぶやいたら、すぐにmdのひな形対応が入ってた。 @mattnさんすごい。 goemonでREADME.mdをpandocでhtml化してますが、とても便利です。"@mattn_jp: goemon で *.cxx、command に make とかやってフツーに便利だった" — takasago (@sago35tk) March 4, 2015 ということで、markdownをvimで書くためにgoemonを使ってみました。 goemonは、いろいろなことに使えて便利ですね。 Big Sky :: 開発速度を加速するツール、goemon を書いた。 Goal 好きなエディタでmarkdownを書いて、リアルタイムプレビューできるようにする。 きっかけ 職場で一部GitBucketを使っていますが、 ローカルである程度整形してからgit pushしたい 社外に持
ウェブを高速化する「HTTP/2」を知る
Steven J. Vaughan-Nichols （Special to ZDNET.com） 翻訳校正： 石橋啓一郎 2015-03-04 06:00 これまでHTTPの最新バージョンだったHTTP/1.1が承認されたのは1999年だ。その頃、ハイエンドPCには500MHzの「Pentium III」が搭載されており、米国の大統領はBill Clinton氏だった。ソフトウェアエンジニアは、Y2K問題への対応で忙しかった頃だ。インターネットに関して言えば、米国の連邦通信委員会はブロードバンドを200Kbps以上の回線と定義しており、ほとんどのユーザーは56Kbpsのモデムで接続していた。その後時代は大きく変わったが、ウェブの基礎を担うプロトコルであるHTTPも、ようやく変わることになった。 2年以上もの検討を経て、インターネットエンジニアリングタスクフォース（IETF）がとうとうHTT
人は1ヶ月でエンジニアになれるのか
This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensur
Your nesting is harmful
Two years ago we’ve started adding a preprocessor, Sass to be more precisely, to our toolchain. I was super excited. I was extremely happy about the low entrance barrier and all the new opportunities: Variables, Nesting, Mixins and Extends felt like a huge empowerment and a lot more “programmy” to me. What started as a wonderful journey at the time ended up in a not so beautiful picture about the
Opera News
Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gatekeeper, and requesting to keep freedom... AI, Gaming, Opera GX Aria gets Buffed in Opera GX July 1st, 2024 Aria gets buffed in Opera GX. New features are being added to improve Aria's capabilities. Deskt
React入門 - Part2: Browserify/Reactify/Gulpを使う - Qiita
前回作成したhelloworldはブラウザでJSXTransformerを読み込みオンラインでjsにコンパイルしていました。実行時にChromeのデベロッパーツールに表示されるように、予めJSXはコンパイルすることが推奨されています。コンパイルの方法は、jsxコマンドを使う方法、 BrowserifyとReactifyを使う方法、最後にGulpのタスクでまとめる方法を順番に試してみます。 Getting Startedの復習 作成したhelloworld.jsxを少し修正してコンポーネントを作り構成してみます。ディレクトリ構成は以下です。 $ cd ~/react_apps/helloworld/ $ mkdir src dist $ mv helloworld.jsx src/ $ tree . . |-- dist |-- index.html `-- src `-- hellowor
Browserify: それはrequire()を使うための魔法の杖 - Qiita
JavaScript界のハリーポッターこと「Browserify」が最近元気ですね。Node.js的な var myModule = require('myModule')式の記述が、ブラウザのスクリプトでも使えるようになって、ついでに1ファイルにまとめるのもやってくれるツールです。ポストRequireJSとして期待されています。 ただ、公式ドキュメントがコマンドラインの説明に重点を置いていて、最初これだけだといまいち分かりにくい...。そこで、実際の開発で使いやすいように、ビルドツール(gulp.js)から実行するための最小構成を作ってみようかと思います。(Gruntでも同様のことは可能です) require!: Bowerも使えます 対象のスクリプトの中身は、例えばこんな感じ。この例では、ModernizrとjQueryと、独自スクリプトを組み込んでいます。外部ファイルを指定するだけで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vim Plugins
GitHub - pangloss/vim-javascript: Vastly improved Javascript indentation and syntax support in Vim.
http://altarf.net/computer/rails/2658
wordsu.com
Ruby 2.2.1で解決されたSymbol GC のメモリリーク問題について - Qiita
Ruby 2.2.1で解決されたSymbol GC のメモリリーク問題について - Qiita
UI/UXコンサルティング「Webサイト品質管理サービス」株式会社シロクロ
My mother’s strange definition of empowerment
Node.jsのpackage.jsonのバージョン指定の"~（チルダ）"と"^（キャレット）"の違い - Qiita
GitHub - browserify-rails/browserify-rails: Browserify + Rails = a great way to modularize your legacy JavaScript
GitHub - reactjs/react-rails: Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.
