タグ

ブックマーク / qiita.com (335)

  • 開発中マジで使える便利なツール集 - Qiita

    個人の開発環境で使っているツール 個人開発で使っている、便利なツール集を備忘のためにまとめました。 色々なアプリを使っていますが、マジで使えるものだけを紹介しています! ※Mac専用、有料のツールもあります。 紹介するツール紹介 便利系 Clipy Wunderlist FontPreview Mini Calender Memory Clean Sequel Pro Transmit Spectacle Chrome拡張系 HTMLエラーチェッカー JavaScript Errors Notifier shell系 fish shell 便利系ツール 1.Clipy Clipy - @econa77 ※いつも使わせていただいております クリップボードを拡張できるアプリです。 コピー&ペーストを繰り返して作業するときに、コピーのページまで戻って、またペーストしてって作業あったりしますよね。

    開発中マジで使える便利なツール集 - Qiita
  • CSSアーキテクチャについて軽くまとめてみた - Qiita

    概要 最近バックエンドからフロントエンドになり、「CSSアーキテクチャについてお勉強してみよう!」ということで、一旦代表的なものをまとめてみました。 CSSアーキテクチャとは cssの設計方法 命名規則やディレクトリ構成や色々ある 汎用性を持たせる設計をするために、誰がみても、途中で誰が入っても構成等がわかるように設計しようねという思想からきてるっぽい BEM コンセプト CSSセレクタの命名規則と言われている Block,Element,Modifierの略 Block:塊 ヘッダー、ナビゲーション、フッターなどのパーツ 独立してる Element:要素 検索ボタン、検索ボックスなどの部品 機能を持っている Modifier:装飾 部品の状態の色等の装飾 実例 命名規則 blockに対して、elementとmodifierをそれぞれ_(アンダースコア1つ)・__(アンダースコア2つ)・-

    CSSアーキテクチャについて軽くまとめてみた - Qiita
  • スマート家電も赤外線家電もGoogle Homeでまとめて操作 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Google Homeに声をかけるだけで、赤外線では操作できないスマート家電も、赤外線でしか操作できない赤外線家電も、まとめて操作できるシステムを開発しました。 複雑な操作も簡単に実現できるので、シンプルにスマートホームを構築できます。 (他のシステムでは、家電のON/OFFのような単純な操作しかできなかったり、複雑な操作のためには複雑怪奇な設定が必要だったりします。) 「初心者でもできた!」という報告もたくさん頂いているので、ぜひお気軽にお試しください。 #できること 「OK Google、行ってきます」の一言で、スマート家電も、赤外

    スマート家電も赤外線家電もGoogle Homeでまとめて操作 - Qiita
  • Kubernetes: アプリケーションのデバッグ方法 (kubectl exec など) - Qiita

    はじめに Kubernetes 上のアプリケーションに対して、curltcpdump など使い慣れたツールを使ってデバッグを行いたいと思う場合があるかと思います。kubectl exec を利用するとコンテナ内のコマンドを実行することができ、従来 ssh で行っていたデバッグに近いことが可能になります。一方、コンテナには必要最低限のものしか含めないことがベストプラクティスとなっているため、使いたいコマンドが含まれていないこともあるでしょう。 記事では、kubectl exec を主としたデバッグの方法と、コンテナに使いたいコマンドが含まれていない場合や kubectl exec が利用できない場合の対応方法などについて説明します。確認は Kubernetes v1.8 で行い、コンテナランタイムは Docker を前提としています。 kubectl exec を使ったデバッグ ku

    Kubernetes: アプリケーションのデバッグ方法 (kubectl exec など) - Qiita
  • 個人開発ならHerokuよりDokkuを使おう - Qiita

    皆さん個人開発してますか? 個人開発の時にせっかく作ったならリリースして誰かに見てもらいたい・使ってもらいたいですよね。でもあまりお金はかけられない。 静的サイトならgithub.ioやfirebase hostingがありますが、Webアプリケーションだと使えません。 ちょっと前まではHerokuがデファクトな選択肢でしたが、スリープしたりで不便だったりします。 そんな方にDokkuがオススメです。 DokkuはOSSのPaaSで、シェルスクリプトを実行するだけでインストールができるHerokuライクなアプリケーションです。 自分はVultrという激安VPSにインストールしています。 実際どうなのか? インストール方法や基操作等は以下が参考になるので割愛します。 Getting Started with Dokku DockerでミニHeroku!「Dokku」をさくらのクラウドで試す

    個人開発ならHerokuよりDokkuを使おう - Qiita
  • ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita

    ReactStudioを使ったアプリの作り方はこちら React Studioを使ってQiitaの記事一覧アプリを作成してみる はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールでございますので、予めご了承下さい。 公式サイト 公式サイトへのURLはこちら。 React Studio https://reactstudio.com/ ツールの使い方 ReactStudioでコンポーネントをデザインします。 その後、コードが自動生成されます。 無料で

    ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita
  • LinuxコアメンバーによるMeltdownとSpectre 対応状況の説明 (1/19更新) - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Linuxの安定カーネルのとりまとめ役、グレッグ・クラーハートマンによるメルトダウンとスペクター問題に関する1/6時点での現況の説明の訳文です。 太字は訳者が主観で独自に付加したものです。 2018/1/19: 対応状況がGreg氏によりアップデートされましたので、追記しました。 ライセンス 原文は当人のブログでby-nc-sa3.0で公開されています。 この文章のライセンスも原文に準じます。 謝辞 何よりもまず多忙な中情報をシェアしてくれた原著者のGreg氏に。 表記間違いについて指摘ありがとうございます。以下修正しました。

    LinuxコアメンバーによるMeltdownとSpectre 対応状況の説明 (1/19更新) - Qiita
  • 無料で手に入る技術書のPDFをありったけ上げてみた - Qiita

    この記事の目的 技術書は巷にあふれていますが、いろいろ勉強しようとすると大変な金額になります。しかし、英語という一点を我慢すれば、出費をかなり抑えることができます。この記事では、私がこれまでに見つけてきた技術書のリンクをありったけ貼っておきたいと思います。 ここでのリンクはすべて英語の記事になります。日でも出版されているものに関しては日語の書名も並べて書いておきます。 リンクが切れる前にお早めに!! リンク集 C言語 Oualline "Practical C Programming (3rd edition)" (C実践プログラミング) Java Niemeyer "Learnig Java (3rd edition)" Harold "Java Network Programming (4th edition)" (Javaネットワークプログラミング) Python Summerf

    無料で手に入る技術書のPDFをありったけ上げてみた - Qiita
  • Juliaの速さを体感する - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    Juliaの速さを体感する - Qiita
  • React Native おすすめコンポーネント一覧v2 - Qiita

    はじめに よくよく考えると今日クリスマスイブらしいですが、残念ながら記事書くぐらいには予定がないです! クリスマスの高円寺は逆にとても空いているのでオススメですよ! 色々と進捗あって【React Native】良さげなコンポーネント紹介が古くなってしまったのでそれ以降変更あったり、新しいやつみつけてたりするので改めての報告です。 去年と同じものを紹介したりしてますが、それはとても良かったり、情勢に変化があったパターンは紹介しています! 僕もまだまだ知識浅いのでこっちだぜ!これもあるよ!などあればお教えいただけますと幸いです! 今年は僕がこの記事を書いた地点のスター数を記載しています! ルーティング react-native-router-flux ★:6048 バージョン追えていない感と進んでいない感が半端なくなってきた頃合いですが、色々と触ってみた感じ、(動く環境なら)一番ちゃんと動くん

    React Native おすすめコンポーネント一覧v2 - Qiita
  • 知っておきたいLinuxファイルシステムの概念 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ファイルシステムとは ファイルシステムとは、データとメタデータをある構造に従ってストレージデバイス上に格納したものを指す。 ファイルシステムの作成には mkfs(8) コマンドを使用する。 全体アーキテクチャ 以下の図の通りである。詳細は以下で説明する。 ファイルシステムの構造 ここでは、古典的ファイルシステムであるext2をベースに説明する。 ファイルシステム内で領域を割り当てる基単位を論理ブロックという。ディスクデバイスの連続する物理ブロックから構成される。論理ブロックサイズ1024,2048,4096バイトのいずれかを選択できる

    知っておきたいLinuxファイルシステムの概念 - Qiita
  • 無料のはずのGCEのf1-microインスタンスで11月だけ1円課金された理由 - Qiita

    2017年3月からGCEのf1-microインスタンスが一人1台無料になりました。私自身3月からずっと起動したままで運用してきて10月まで無料で使わせてもらっていたのですが、下記の通り11月は1円を請求されていました。 GCEのf1-microインスタンスは1ヶ月分(月の日数に応じて720時間もしくは744時間)のCPU利用が無料になるのですが、11月は721時間使っていたというのです。 課金された理由はサマータイムの終了 いい大人であれば1円くらい仕方ないなと思うところでしょうが、私は理由が気になって課金ログを確認してみました。すると、11/5だけ25時間分のCPUを使っていることがわかりました。アメリカの11月第1日曜日はサマータイム終了の日なので、実際に1日が25時間あるのです。 これがGoogleさんの意図通りかは不明ですが、おそらく考え漏れなんじゃないでしょうか。サマータイムって

    無料のはずのGCEのf1-microインスタンスで11月だけ1円課金された理由 - Qiita
  • 「Oh shit, git!」を簡単に和訳してみた。(追記あり) - Qiita

    翻訳元: Oh shit, git! gitは使いにくい! Gitは難しい: 中身を破壊にするのは簡単なのに、過去の過ちを修正する方法を見つけるのは極めて困難だ。ドキュメントには修正するコマンド名が書かれていても、その名前を知らなければ使いものにならない。これは「鶏が先か、卵が先か」というジレンマを抱えている! だから私が陥った数々の問題をいかにして抜け出すかを書いた。 なんて事だ!私は大変な誤ちを犯した!タイムマシンを呼び出すにはどうすればいい!? git reflog # you will see a list of every thing you've done in git, across all branches! # each one has an index HEAD@{index} # find the one before you broke everything git

    「Oh shit, git!」を簡単に和訳してみた。(追記あり) - Qiita
  • 大規模memcached障害と私 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は ex-mixi Advent Calendar 2017 19 日目のエントリーです。 こんにちは。@bonnu と申します。 株式会社ミクシィには2006年1月から2012年3月末までの間、6年と3ヶ月ほど在籍していました。その後株式会社FreakOut(現在はホールディングスとなっています)に転職。そこからさらに転職を重ね、現在は株式会社GameWithでサーバーサイドを主としたエンジニアをやっています。 ミクシィに入社した当時はまだ社名が株式会社イー・マーキュリーで、入った翌月に社名変更したタイミングでした。なので希少

    大規模memcached障害と私 - Qiita
  • Webアプリケーションフレームワーク導入時に考慮すべき22の観点 - Qiita

    記事では、 チームによる持続的に変更可能なWebアプリケーションの開発を目標に、フレームワーク導入時に考慮すべき22の観点を紹介する。 フレームワークによって特徴は異なるが、番導入にあたって、考慮すべきポイントはあまり変わらないので、極力フレームワーク1に依存しすぎないよう配慮する。また、話をシンプルにするため、REST APIを提供するアプリケーションを題材とする。 前提 ソフトウェアのエントロピー ソフトウェアがエントロピー増大の法則を避けられないことを、体感している開発者は多いだろう2。普通にアプリケーション開発を続けると、開発スピードは鈍化し、品質は低下してバグが増え、開発者からは技術的負債への怨嗟の声が聞かれるようになる。エントロピー増大というフォースは極めて強力で、意思を持って立ち向かわなければ、容易にダークサイドに堕ちてしまう。 関心事の分離 大規模Webアプリケーション

    Webアプリケーションフレームワーク導入時に考慮すべき22の観点 - Qiita
  • HTTPS通信の疎通確認に覚えておきたい3つのコマンド - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    HTTPS通信の疎通確認に覚えておきたい3つのコマンド - Qiita
  • I/O負荷の正確な状況はiowaitでは分かりません - Qiita

    さくらインターネットのアドベントカレンダー9日目として、サーバ屋らしく、運用に関するコマンドの使い方を紹介します。 サーバの負荷が高まってきたときに、vmstatやtopなどのコマンドで調査する事が出来ますが、I/O負荷をwa(iowait)によって判断する人も多いと思います。 ただ、結論から言うと、iowaitは正確にI/Oの負荷を表しているわけではありません。 これらを、実際に演習をしながら見ていきたいと思います。 iowaitとidle iowaitとはあくまでも、CPUが空いているのにI/Oがボトルネックになっているプロセスを示しているだけで、CPUの利用率が高いときにはI/Oがボトルネックになっていてもiowaitが上がりません。 同様に勘違いされがちなのが、id(idle)はCPUの空きを示しているというものですが、idleは必ずしもCPUの空き時間を示しているものではありませ

    I/O負荷の正確な状況はiowaitでは分かりません - Qiita
  • イミュータブルデータモデルと webアプリケーションにおける現実解 - Qiita

    これは第2のドワンゴ Advent Calendar 2017の5日目です 5日11時時点で2日担当の yonex がまだ記事書いてないですが、気にせず続けます。niconico(く)のリリースが来年と聞いて残念な気持ちです。 おめー誰よ? ドワンゴ Advent Calendar皆勤賞っぽいですが、私はドワンゴ社員ではありません。 定年をとうに過ぎたおじさんです。 前置き web アプリケーションの開発において、データモデリングはとても重要です。 SIerではDBAとか言って専門の設計担当がいるみたいですが、中小webサービス企業でそこまでの分業ができるわけもなく、大体においてwebアプリケーション(サーバサイド)エンジニアが担当することになります。 イミュータブルデータモデル 詳細はリンクに譲りますが、「履歴を全て残すようなデータ設計にし、 UPDATE を廃することで情報の追跡可能性

    イミュータブルデータモデルと webアプリケーションにおける現実解 - Qiita
  • dev.toがなぜinsanely fastを実現出来ているか - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? INSANELY FAST Qiitaを読んでる人なら https://dev.to をほとんどの人が見たはず。見てない人は見てきてください、速すぎて驚くはず。またmizchiさんがdev.toに書いた なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか - dev.to を見た人も多いと思う。個人的にHeroku, Railsを採用してここまで爆速なサイトを構築出来ていることは今までの常識を覆す衝撃な出来事だった。こんな新しい発見をもたらしてくれたdev.toには当に感謝してる。自分もこんなサイト作ってみたいな

    dev.toがなぜinsanely fastを実現出来ているか - Qiita
  • ID生成大全 - Qiita

    セッションIDやアクセストークン、はたまた業務上で使う一意の識別子など、いろんなところで一意のIDを生成しなきゃいけないケースが存在します。 そこで世間で使われているIDの生成方法について調べてみました。 選択基準 ID生成における要求として、以下の観点が上げられるかと思います。 生成の速度 大量にデータを短期間で処理し、それらにIDを付与する場合、ID生成そのものがボトルネックとなることがあります。 推測困難性 IDを機密情報と結びつける場合、IDを改ざんされても、機密データが見れないようにできている必要があります。 順序性 採番した順にデータをソートする必要がある場合は、IDがソートキーとして使えないといけません。 それぞれについて各生成手段を評価します。 ID生成の手段 データベースの採番テーブル 採番用のテーブルを作り、そこで番号をUPDATEしながら取得していくやりかたです。古い

    ID生成大全 - Qiita