You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
※こちらの記事が「先月もっとも多く読まれたノート」の一つに入りました。ありがとうございます! こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してプロダクトを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 ✔︎この記事の内容 実務、学習のため問わず、Web制作をするに当たって便利なツールと使いかたをご紹介します3年ほど独学でWebサービスを作り運用したり、フリーランスとしてお客さまのサイトを作る中で、様々なツールを見つけました。 初心者の方ほどこうした作業効率が上がるツールを知っていた方がいいと思うのですが、周りにエンジニアがいないため情報が流れてこなかっ
去年当ブログで紹介した際にも評判が高かったSTUDIOが、満を持して2.0にアップデートされました! STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。 STUDIO STUDIOの特徴 STUDIOの使い方 STUDIOの特徴 STUDIOは無料で利用できる国内産のデザインツールで、Webサイトやスマホアプリのモックアップ作成から、デザイン、さまざまな実機でのプレビュー、公開、そして運用や解析まで、それぞれの専門知識に詳しくなくても簡単にできます。
砲撃する自走砲(PzH2000自走榴弾砲)。自走砲は戦車によく似ていますが、戦車ではありません。*本編とは関係ありません。 こんにちは、エムスリー基盤開発チーム小本です。 Pythonのパッケージ管理周りでは、 「setup.pyでrequirements.txtを読み込むのが普通なんですよね?」 「pipenv があれば venv はオワコンなんですね?」 「pyenvは要らないんですよね!?」 「Pythonは歴史が古い分、Rubyなどに比べてカオス」 みたいな混乱をよく目にします。 実際、複数のツールがあって(一見)複雑です。また「なぜこうした状況にあるのか」がドキュメント化されているわけでもありません。 なので、私なりに整理してみることにしました。 ※「追伸」を追加しました。この記事では汎用プログラミング言語としてPythonを使うケース(Webアプリとか、CLIツールとか、ライブ
PCの操作は可能な限りVimキーバインドで統一したいと思っています。といっても9割はコンソールとVim+VSCode+Inkdrop、ブラウザで済んでしまいます。ブラウザはVimiumにお世話になっています。 残りの1割の少なくない部分を占めるPDF観覧もVim風に操作したいなと思ってました。Ubuntuの場合、デフォルトのビューワーも少しVimライクですが、もっとVim風に操作したいと思っていたら、こんなソフトを見つけました。 https://pwmt.org/projects/zathura/ 「ZATHURA」読み方これでしょうか?ザスーラ? ザスーラ - Wikipedia 操作画面 インストール サポート環境 設定 コマンド 便利ポイント 参考URL 操作画面 うまく伝わるかわからないですが、GIFで撮ってみました。Vimバインドでストレス無く操作できます。 インストール 手元の
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
君は無料の最強プロジェクト管理ツール「ClickUp」を知っているか! 2018年8月30日投稿 2020年11月6日更新 カテゴリ:タスク・スケジュール管理 著者: jMatsuzaki 私の愛しいアップルパイへ 呼びましたか?私を?よろしい、あなたの悩みはよく分かっています。 私のようにフリーランスや自営業をやっており、少人数のチームに複数所属する者にとってプロジェクト管理やチームのタスク管理を行うソフトの選択は悩みの種です。痛みの止まない虫歯くらい悩みの種です。 7年前、私が最初に使っていたのはサイボウズLiveでした。その後より高機能で使い勝手のいいproducteevへと乗り換えました。しかし、なんとも嘆かわしいことに、このどちらのサービスも終了が決まってしまいました。 今日はこれらの代替となり、その上これら2つよりも高機能かつ高性能なサービスとして私があなたに自信を持ってオスス
誰でも参加できるYYPHPという勉強会があります。この勉強会の大きな特徴は、毎回内容をYouTubeライブ配信していることです。 もし見逃しても安心。ライブ配信後はアーカイブとして過去回を閲覧できるようになっています。→YYPHP YouTubeチャンネル 今回7/27(金)のテーマは、DockerでLaravelの開発環境を作るハンズオンでした。 動画でわかるDocker Dockerの説明は20分過ぎたあたりから始まります。 (それまではYYPHP自体の説明と、参加者の自己紹介が入っています) 概要DockerでLaravelを起動できるところまでを説明します。 Laradockなどの既に構築されていて複雑化してしまったものだとDockerへの理解がなかなかできないため、この #動画でわかるDocker では、とてもシンプルな形を作ってみます。 目次 ・Dockerとは何か? ・他の仮
“カンバン方式”という言葉をご存知ですか? トヨタ自動車で“ジャスト・イン・タイム”を推進した大野耐一さんが取り入れた生産管理の方法です。 生産管理を合理的に行うことができるカンバン方式は、タスクやプロジェクトの進捗を把握するのにも有効です。 最近ではカンバン方式を取り入れたタスク管理ツール、プロジェクト管理ツールも多くみられます。 今回は、フォーム作成・顧客管理ツール「formrun」を手がける株式会社ベーシック提供のもと、カンバン方式を採用したツールを5つ紹介します。 カンバン方式とは? そもそも「カンバン方式」とは、トヨタ自動車が実践している生産管理方式です。 もともとスーパーマーケットで使用されている、商品名、品番、置き場所などが明記された商品管理用のカードからヒントを得ているため「スーパーマーケット方式」とも呼ばれています。 「必要なものを、必要なときに、必要なだけ」という“ジャ
Powerline Shellを使えば、以下のようなカラフルでカッコイイなプロンプトにすることができます。 カッコイイだけじゃなく、プロンプトに以下のような便利機能が追加されます。 GitやSVNなどのブランチ名を表示する。コマンドが失敗した時にプロンプトの色が変わる。深いディレクトリに移動した時、ディレクトリを省略表示する。 PowerlineフォントのインストールPowerline Shellにはパッチが当てられたPowerline Fontsが必要です。以下の手順でまとめて最新版をインストールできます。「./local/share/fonts/」ディレクトリ以下にインストールされます。 git clone https://github.com/powerline/fonts.git --depth=1 cd fonts ./install.sh cd .. rm -rf fontsフ
Win/Mac/Linuxのクロスプラットフォームに対応したシーケンス図エディタ「daisy sequence」がリリースされています。詳細は以下から。 daisy sequenceはMichinari Nukazawaさんが開発&公開したシーケンス図エディタで、Electron製でWindows/Mac/Linuxのクロスプラットフォーム用バイナリが公開されています。 Release "daisy sequence" is (not) UML sequence diagram editor. for win / mac / linux !https://t.co/iVCpQS46m9 pic.twitter.com/tvBDw99vTn — Michinari Nukazawa (@MNukazawa) 2018年3月1日 概要 daisy sequenceは、Win/Mac/Linux
19ヶ国178地域でコワーキングスペースを展開しているユニコーン企業「WeWork」。 ※2017年11月時点 WeWorkは、その良質なコミュニティに入ることで様々な恩恵が受けられるという点で、通常のコワーキングスペースとは異なる存在です。 オフィス自体もとても素敵で、東京では2018年を目処にコワーキングスペースがオープンする予定だそうです。 ▼本社があるニューヨークのコワーキングスペース ▼こちらはパリのコワーキングスペース そして、このWeWorkが実現しようとしているのは、全く新しいスタイルの働き方です。 その高い生産性と、コワーキングスペースからコラボレーションを実現させる働き方には今後も目が離せません。 今回は、そんなWeWork社で使われている、新しい働き方を実現するツールを紹介します。 ▶︎今回紹介するツールのリスト メンバーそれぞれに生産性を向上させるためのコーチロボッ
Googleではこれまで、生産性が高く、働きやすい組織を作るために、従業員に対して大規模な調査を行ってきました。 その結果として、2009年には「Project Oxygen」として、最高の上司になるための「8つのルール」を定義しています。 ※1番から、重要だと思われる順に並んでいます。 <チームのパフォーマンスをあげる優秀なマネージャーの条件> いいコーチであること チームを勢いづけ、マイクロマネジメントはしない メンバーの成功に気を配り、積極的に関与する 生産的、かつ成果主義であること 良いコミュニケーターであること メンバーのキャリア開発を手助けすること チームのための明確なビジョンと戦略を持っていること チームにアドバイスできる技術的な専門知識を持つこと ※こちらから参照 Googleの強みは技術が優れていることだと思われていましたが、意外にも技術的な専門知識がマネジメント能力に及
Markdownやターミナルからの編集をサポートしたオープンソース&クロスプラットフォームのデジタルノートアプリ「Joplin」がリリースされています。詳細は以下から。 JoplinはロンドンのLaurent Cozicさんが開発したオープンソースのEvernote代替アプリで、CozicさんはEvernoteが有料プランの価格を改定後、Evernoteに保存した4,000以上のノートの移行先を考えJoplinの開発を開始したそうで、オープンソースに加えクロスプラットフォームでほぼ全てのシステムで利用できるように開発したそうです。 Joplin is an open-source, cross-platform Evernote replacement for Windows, MacOS, Linux, Android, iOS, and the command line. Suppor
アインシュタインは「数学の難問に遭遇したとしても決して案ずるには及ばない、私たちの容量はそれより大きいからである」という言葉を残したといわれていますが、どうしても解き方が見つからない難問に出会うこともあります。「Alternate Math Solver」は解だけではなく、途中でどのような式変形があったかも示してくれるソフトウェアなので、解き方を考える上での助けになるかもしれません。 Alternate Tools - Alternate Math Solver http://www.alternate-tools.com/pages/c_mathsolver.php 本体を入手するには、公式サイトの下部にある「Download von Alternate Math Solver Starten」をクリックし、「MathSolver.exe」をダウンロード。サイズは903KBです。 保存し
What is Sudachi? Sudachi is a timetable editor to list up your tasks in a day and organises their priorities at the beginning of the day. Make a timetable with Markdown Sudachi allows you to write a timetable with Markdown. The tasks in the editor area are shown in the timetable area. Edit a timetable easily The start time and required time of tasks can be edited easily by drag and drop in the tim
プログラミング言語だけではなく、アルゴリズムとデータ構造や開発ツールの使い方、デバッグ方法など、さまざまな知識が必要となる開発作業。 効率良く作業を行うためには、必要な情報を書き留めておくための「ノート」が重要となってきます。この場合、従来通り紙とペンを使うアナログな方法も考えられますが、プログラミングの場合はやはり、コピペや検索のしやすさからデジタルノートアプリを無視することはできないかもしれません。 今回テックサイトMakeUseOfが、「7 Best Note-Taking Tools for Programmers」と題したブログ記事を公開し、プログラマー向けの7つのノートアプリを公開しています。 一般のノートアプリと異なり、ソースコードを見やすく表示できるシンタックスハイライト機能や、効率良く構造を記述できるMarkdown記法をサポートしてものが多く取り上げられています。 以下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く