(翻訳)【GitHub公式】Gitコマンドチートシート - Qiita
githubが公式にgitコマンドのチートシートというのを出していたので、それを日本語に翻訳しました。 gitとはオープンソースの分散バージョン管理システムで、ラップトップやデスクトップ上での活動を促進します。 このチートシートは簡単なGitのコマンドラインを参照できるようになっています。 GITをインストールする GitHubは、最も一般的なリポジトリアクション用のグラフィカルユーザーインターフェイスを含むデスクトップクライアントと、高度なシナリオ用のGitコマンドラインエディションが用意されています。 GitHub for Windows https://windows.github.com Mac用GitHub Linux用GitディストリビューションPOSIXシステムは公式のGit SCM webサイトで利用可能です Git for All Platforms http://git
OHTOのシャーペン『no-noc（ノノック）』は折れない！ノック不要！
OHTO『no-noc（ノノック）』レビューOHTO（オート）から発売中の折れない・ワンノックでひたすら書けるシャーペン『no-noc（ノノック）』を使ってみたのでレビューを書いていきます。 500円ほどのシャーペンでこの高機能を謳っていたので正直「使い物になるの？」とか疑っていたのですが、使ってみたら高性能で優秀なシャーペンでした！ デザイン こちらがノノック。ひょうたんみたいな不思議な形をしたアルミ軸のシャーペンです。買った色が黄緑のような色だったのでなおさらひょうたんっぽい…。 黒い口金やギンギラギンのノックカバー＆クリップも金属製で、握ると結構な重量を感じます。 ちなみに金額は500円程なのですが、この金額で軸、口金、クリップ、ノックカバーも金属製というのは結構珍しいですね。それも通常のシャーペンではなく、折れない＆ノック不要を謳っている高機能シャーペンですので、それでこの金額はか
Electron アプリをつくる時に便利なパッケージ - はやくプログラムになりたい
この記事は Electron アドベントカレンダー2016 の13日目の記事です． 本記事では，僕が Electron アプリをつくる上で便利だったり，ほしかったのでつくったりしたパッケージを7つほど紹介します． electron-about-window electron-dl electron-in-page-search electron-window-state menubar node-auto-launch electron-mocha electron-about-window electron-about-window は 'このアプリについて' ウィンドウを簡単にクロスプラットフォームにつくるためのパッケージです．下記のように関数を1つインポートして呼び出すだけで「このアプリについて」ウィンドウを生成することができます．（example） import openAbout
SketchからObjective-CやSwiftのコードが生成できちゃう？！新デザインツールAnima Sketch to Codeが間もなくローンチ。
数々のプロトタイピングツールを試しているうちに、エンジニアの方なら誰しもが思ったこと…それは 「ここまで出来るんならコード生成してよ……」 ってことなんじゃないでしょうか？ プロトタイピングツール？NO！新しいデザインツールだ。 たぶんこのAnimaが開発中の「Sketch to Code」という新しいツールは今までのプロトタイピングツールを利用した工程に縛られているとピンと来ないツールなのではないでしょうか？ 今まではデザイナーがどんなに頑張ってアニメーションを作っても、それをエンジニアが再び頑張って実装する…という二重構造だったわけですが、これからはAnima上でレイアウトやアニメーションがバッチリ決まれば、エンジニアはよしなに生成されたコードを利用すればいいということに。 とりあえずデモを見てください。 Auto Layoutからアニメーションまで。 リアルタイムプレビューしながらA
今だからこそ使いたい、若手エンジニア向けEmacs実践入門 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
今だからこそ使いたい、若手エンジニア向けEmacs実践入門 エディタソフトウェアとして有名なEmacs。若手エンジニア向けに、今だからこそ「Emacs実践入門」をお送りする。 はじめまして、大竹智也と申します。過去に『Emacs実践入門』（技術評論社）を上梓し、雑誌での執筆経験もありますが、Webでの執筆は初めてとなります。そのためお見苦しい点があるかもしれませんが、何卒ご容赦ください。 突然ですが、みなさんはGNU Emacs（以下、Emacs）というソフトウェアを知っていますか？ 本日はまだEmacsをよく知らない方に向けて、このソフトウェアの魅力を紹介していきます。 Emacs概要 Emacsの簡単な歴史 Emacsの特徴 Emacsの基本的な5つの機能 1. 検索と置換 2. シンタックスハイライトと自動インデント 3. ウィンドウ分割 4. 矩形（くけい）編集 5. バージョン管
富士フイルムの高級コンデジX70を、6ヶ月間使用した本音レビュー！ | Cola Blog (コーラブログ)
こんばんは。シュンスケ(@shunsuke333)です。 富士フイルムX70は本気で気に入っています。なのでレビューというより、いかにX70が素晴らしいかを語ります。 よく持ち出すし、よく撮るカメラ X70は、小さくて、薄くて、堅牢性も高いカメラです。 もう購入して半年経ちましたが、飽きもせずバッグに入れて持ち運んでいます。撮影枚数の累積は8000枚ほどになりました。連写したりしないので、そんなに多くはありませんが、少なくもありません。 28mmという画角で、液晶を見ながら撮るスタイルのX70は、限りなくiPhoneと似ていると感じます。見たままに記録に残すような使い方が非常に合っています。 息子のいい表情の写真が欲しくなったら、液晶を上に回転し、自撮り仕様にすれば簡単です。 28mmだけじゃない、デジタルテレコン X70は、28mm F2.8の単焦点レンズを装着していますが、35mm、5
【書評】初学者はもちろん、中級者にもオススメのAuto Layout解説書 - その後のその後
著者の川邉さん（@jeffsuke）および出版社のリックテレコム様より『よくわかるAuto Layout - iOSレスポンシブデザインをマスター』をご献本いただきました。 タイトルの通りAuto Layoutの解説書で、豊富な図やスクリーンショットを用いて、非常にわかりやすく書かれています。前書きによると、本書の対象読者は 過去一度はXcodeを用いてiOSアプリをつくったことがあるが、Auto Layoutとサイズクラスを用いたAdaptive Layoutと言われると尻込みしてしまう開発者 とのこと。 なんかもうベストセラーになったりしてるらしく、 「よくわかるAuto Layout iOSレスポンシブデザインをマスター」発売しました。@tokorom 監修。今、モバイルプログラミング分野でベストセラーらしいです！ https://t.co/wx7ZfuWVdf— Yusuke Ka
Let’s EncryptのSSL証明書で、安全なウェブサイトを公開 | さくらのナレッジ
安全なウェブサイトを公開するため、無料で利用可能な Let's Encrypt の証明書を使う方法をご紹介します。Let's Encrypt の背景とSSL証明書の自動発行をはじめ、CentOS 7 上の Nginx ウェブサーバを SSL に対応する方法、そして、証明書を自動更新する方法を見ていきましょう（所要時間10～20分）。 なお、Let's Encrypt については既に中津川さんの記事「すべてのWebサイトの暗号化を目指すLet's Encryptを試す」で取り上げられていますが、今回は新しいクライアント certbot-auto を使う方法や、証明書の自動更新の仕方をとりあげます。 こんにちは！こんにちは！ みなさん、はじめまして。さくらインターネットの前佛雅人（ぜんぶつまさひと）です。さくらのナレッジに何か書け（業務命令）ということで、皆さんがサーバをより活用できるよう、ナ
簡単な記述で手軽に使えるCSSアニメーション | SONICMOOV LAB
はじめに アニメーションを取り入れることで躍動感のあるサイトになります。 ただし、古いブラウザでは対応していないので下記のリンク先を参考にして利用するようにしてください！ 参考： http://caniuse.com/#search=transform http://caniuse.com/#search=transition http://caniuse.com/#search=animation 書いてみる 使うプロパティはこの3つ。 transition（要素の時間的変化） animation（アニメーションをまとめて指定する） transform（要素の変形） それではひとつひとつ見ていきましょう。 transition – 要素の時間的変化 – html [sourcecode lang="html"] <div class="demo"> <
初心者から始めるiOS SDK - 逆引き - Qiita
逆引きiOS SDK基本機能 前提となる基礎知識は以下のサイトなどを利用してください。 - Xcodeの使い方（ドットインストール） - Xcode公式ガイド（日本語・英語） - Swift公式（英語） - iOSアプリ開発公式チュートリアル（英語） - iOS テクノロジーの概要 静的UI ラベル・画像・ボタンを縦に並べてみる（UIKit::UIStackView）（2016/03/19追加） スタックビューを入れ子にして複雑なレイアウトを構成する（UIKit::UIStackView）（2016/03/20追加） iOS View Controllerカタログ（日本語・英語） Auto Layout ガイド（日本語・英語） iOS Table View プログラミングガイド（日本語・英語） Collection View プログラミングガイド（日本語・英語） iOS Scroll Vi
動く絵本のiPhoneアプリ作成で学ぶSwift文法総まとめ
これからプログラミングやiPhoneアプリ作成を始めてみたい方を対象に、必要な知識を基礎から解説していく本連載「初心者のためのSwiftで始めるプログラミング入門」。前々回の「初心者でも絶対に始められるiPhoneアプリの作り方＆Xcode・シミュレーターの使い方」からは「動く絵本アプリ」を作ることを目標に、Xcodeを使ったiPhoneアプリ作成について解説しています。 前回の「初めてiPhoneアプリをデザインするには、どうすればいい？――すぐ分かるInterface Builder、Storyboard、Auto Layoutの使い方」の中では、作り始めたiPhoneアプリを「動く絵本アプリ」として作り上げるには、次のような作業が必要であると説明しました。 画面に部品を配置し、レイアウトする 画面に応じたプログラムを記述する このうち、前回は「画面に部品を配置し、レイアウトする」を行
Reactコンポーネントをnpmパッケージとして開発する - Hatena Developer Blog
こんにちは！ブログチームの id:amagitakayosi です。 今回は、業務で書いた小さなReactコンポーネントをnpmパッケージとして分離した話をします。 今回公開するパッケージ 実装方針 なぜnpmパッケージにするのか 他のコンポーネントの影響で壊れることを防げる アドホックな修正の積み重ねで複雑になることを防げる 本体プロジェクトのコードを削減できる デメリット Babelなパッケージのディレクトリ構成 実装 npmの注意点 reactはpeerDependenciesに入れる npm link を用いてローカル開発する場合、npmはpeerDependenciesを解決できない browserify-shimを利用する場合 npm publish 次回予告 追記 今回公開するパッケージ www.npmjs.com 今回は「無限スクロール」のためのReactコンポーネントを作
position: absolute; の指定で要素が上下左右中央配置になる理由
人様の人気エントリーに乗っかる感じで恐縮ですが、「CSSで block 要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。」 という記事が話題になっていたので、なんでその指定で上下中央配置になるのか補足してみます。 詳しい話は下記のリンク先をご覧ください。 CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 ： バシャログ。 何でこういうことを書くかというとですね、例えば CSS でこういう指定をするとこう表示されるっていう話に関しては、仕様書を基準に話して欲しいのです。 「なんかよくわからないけどこういう風に書いたらこういう表示になった。よかったね」 で終わらせるのは個人の自由ですが、仕様書を基になぜそうなるのかの根拠を知るとより一層理解が深まると思いますので。 なので余計なお世話なんですが、下記に小難しく書きます。 解説のためのサンプルソース 例えば、下記の
初めてiPhoneアプリをデザインするには、どうすればいい？――すぐ分かるInterface Builder、Storyboard、Auto Layoutの使い方
これからプログラミングやiPhoneアプリ作成を始めてみたい方を対象に、必要な知識を基礎から解説していく本連載「初心者のためのSwiftで始めるプログラミング入門」。前回「初心者でも絶対に始められるiPhoneアプリの作り方＆Xcode・シミュレーターの使い方」からは「動く絵本アプリ」を作ることを目標に、Xcodeを使ったiPhoneアプリ開発について解説しています。 前回はiPhoneアプリの作り始めのステップとして、Xcodeプロジェクトの作り方と、アプリを実行する方法を解説しました。自分が書いたプログラムがiPhoneアプリとして動作したことに、感動した人もいるのではないでしょうか。 さて、作り始めたiPhoneアプリを「動く絵本アプリ」として作り上げるには、次のような作業が必要です。 画面に部品を配置しレイアウト 画面に応じたプログラムの記述 このうち、今回は「画面に部品を配置しレ
え！？まだHTMLコーディングでEmmet + LiveStyleを使ったことがないの？
Sublime Text3 公式サイト Sublime Text3は、Windows、Mac、Linuxで動作します。 http://www.sublimetext.com/3 Emmetって何ができるの？ 続いて、「Emmet」について説明しましょう。 「Emmet」とはテキストエディタの拡張機能として利用できる、HTMLやCSSのコーディングの入力をサポートするプラグインとなります。 SublimeTextなどのテキストエディタでは、「p」などと入力してtabキーなどを押すと「 」のように、簡単に展開してくれる機能があります。 簡単に言うと、Emmetはそれの高機能版だと思ってもらえればよいです。 EmmetのHTML、CSS展開例 例えば、Emmetを導入した環境下で下記のように入力します。 div.header>div.header__inner>ul.header__inner_
Markdown in Swift - Justin Duke
Nov 30, 2014 Markdown in Swift A thought process I had last week: Man, it would be great if I could write descriptions for Barback in Markdown. Wait, maybe I can. There are Markdown compilers for everything, right? Wait, what would it even compile to? HTML? An NSAttributedString? How would that work? Blargh. Let’s just Google things and hope for the best. But for you, reader dearest, I have compil
Best jQuery Carousel Plugins | Learning jQuery
Tips, techniques, and tutorials for the jQuery JavaScript library As web developers, we spend precious time laying out our pages, using every UI concept in the book to conserve space, while trying to maintain a user’s focus on the task at hand. There are many techniques being used to decorate your website like Lightbox, Carousel and Tabs, sliders and many more. Amongst above techniques, jQuery Car
CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。
Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基本的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 任意の値 height: 任意の値 これだけ。これだけで親要素に対しての上下左右中央寄せを実現できます。 追記： 親要素にはposition: absolute;かposition: relative; を設定してください。body に対してセンター寄せしたい場合はそのままでOKです！ 今までtop とleft の値を50%にとって、要素の高さと幅の分だけマイナスのmarg
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Audioタグで効果音を鳴らすシンプルな方法 - Qiita
【新製品】cheero、小型化したダンボーバッテリー『Power Plus 10050mAh DANBOARD version』を発売