書こうと思ったきっかけ 昨年、社内のSVNレポジトリをGit移行してから、 チームメンバーにGitコマンドについて色々質問をうけました。 そこで、メンバーに教えた便利なコマンドをまとめておきます。 基本的なコマンドは理解している事を前提に書いて行きます。 この記事内ではざっくりと説明していくので、 気になるコマンドがあれば調べてみてください。 git reset resetは大別して3種類あります。 resetを使いこなすとかなり幸せになれるので、必ず覚えておく事をオススメします。 参考:http://qiita.com/LOUIS_rui/items/8bc0c9058a69a3d6de97 git reset --hard コミットハッシュ 指定したコミットハッシュのindexに一致させるときに使用します。 指定したコミット以降にindexに追加したファイルは削除されます。 気に入らな
リンク切れ爆速で検出するMac専用ソフト「Integrity」。どのくらい速いかって、1000~2000程度のリンクを辿る程度なら1分掛からないくらいに速いです。 ほぼアタックになっちゃうのかと心配するくらい速いのが「Integrity」。このくらい優秀だとみんな記事にしているのかなと思ったら凄くマイナーで勿体ないので紹介します。 ウェブマスター必携と言えるでしょう。 ローカルファイルもチェックできます setting(設定) Blacklists and whitelists:一致、除外のURLを選択できます。 Timeout:応答が返らないと判断する時間(500または404エラーが返ります) Threads:同時進行の数です。並列処理でサーバ負荷も高くなるのでご注意を。 – 説明には The default is 12, minimum is one and maximum is 40
ちょっと仕事で楽するのに社内用にリマインダーBotを作ったのでメモ SlackのIncoming Webhooksへの登録方法は以下から Incoming Webhooks | Slack PostのURLとか投稿先のChannelの設定とか登録しちゃってください。(そうしないと使えません) サンプルコードなど こんな感じでPostしやがります。 後は適当にトリガー登録して自動的に有用なことをPostさせるのにお使いください。 そんじゃまた。 Google Apps Scriptクイックリファレンス 作者: 横山隆司出版社/メーカー: 秀和システム発売日: 2013/01/01メディア: 単行本この商品を含むブログ (1件) を見る
はじめに:通信量が少ない&&爆速なAMP AMP(Accelerated Mobile Pages)はサイト表示を高速化する技術です。特に帯域制限されたスマホでも素早く快適に画面が表示されるので、(私もそうなのですが)スマホの通信料金を節約したい!帯域細い!というユーザーには待望の技術ではないでしょうか。 しかしその高速さの一方で、AMP開発チームがその技術を User Experience > Developer Experience > Ease of Implementation と言い切っている通り、「UX(スピード)最優先、作りやすさは二の次!」で扱いにくい側面もあります。 参考: https://www.ampproject.org/learn/design-principles/ そんなAMPを、なるべく既存のコードを修正せず(特に、画面テンプレートにはほとんど手を入れないで
JavaScriptのデバッグは必ず覚えておきたいウェブ開発の必須スキルの1つです。プログラムの実行をデバッグすることで現在の変数の値や、処理がどのように進んでいるのかを確認します。これを利用してプログラムが意図した動作になっているかの分析に役立てることができます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」(以下「デベロッパーツール」)を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、1つ一つ順番に試しながら読み進めてください。 この記事で学べること ・デベロッパーツールの使い方 ・JavaScriptのブレークポイントの使い方 ・実行中の変数
スマートフォンアプリではおなじみのプッシュ通知ですが、ウェブサイトからもプッシュ通知できることをご存知でしょうか? JavaScriptのServiceWorkerとPush APIを使用することで、ウェブサイトからでもスマートフォンアプリと同様にユーザーにプッシュ通知を送ることができます。また、モバイルだけでなくデスクトップでも通知を行うことができるため、ユーザーエンゲージメントの向上の手法として有効です。 プッシュ通知のデモ プッシュ通知を行う簡単なサンプルを用意しました。Chrome 42以降のブラウザで確認してください(2018年3月現在のChrome 65で動作することを確認しています)。 「プッシュ通知の配信設定」のトグルを選択すると、「cURLコマンド」のボックスにコマンドが生成されます。このコマンドをMacをお使いの方はTerminal上から実行してください。Windows
MacBookAirでIEのテスト環境を作ろうとして、つまづいたりしたので書いておく。 さっとGoogleで調べてみると似たような記事はいっぱい出てくるのだけれども、どうやらどれも少し古いらしい。 VirtualBoxのDL&Installは問題ない。 ↓からfor OS XのやつをDLして、手順通りインストールすれば簡単に問題なくできる。 Downloads – Oracle VM VirtualBox 問題はWindows Virtual MachinesのDLです。 仮想マシン (VM)、Windows Virtual PC、および BrowserStack : Microsoft Edge Dev 2015年12月20日時点ではこのように↓なっているのだけれども。 左側の部分でDLしたいWIndows OSとIEのversionとVMの種類(今回はVirtualBox)を選んで、右
タイトルについて 映画のパロディです。 ジョニーの凱旋が流れるシーンが好きです。 私の担当 チームにおける私の配置は プロダクトオーナー チーフエンジニア 雑用係 の3つです 経緯 私は業務外でゲーム開発チームを運営しています。 役割分担は「システム」「シナリオ」「デザイン」の3人でした。 ひとまず開発が落ち着いた段階で、製品そのものはゲーム性を備えたので、販売を強化しようということになりました。 すなわち、販売強化に関わるタスクを誰かが受け持つ必要がありました。新しく人とかまだ雇えないし。 この時点でデザインさんは投入可能時間と要求作業量が均衡しており、新しいタスクは振れません。 シナリオとシステム、どちらが作業したほうがゲームのプロダクト価値をあげられるか、と考えた時、データ分析から、明らかにシナリオ量のほうがユーザーに訴求することが明らかでした。また、ゲームシステム開発はひと段落し、
あらためてなるほどな、と思えるいい記事でした。 【これからのスキル】デザイナーとエンジニアの境界線がどんどん無くなる | freshtrax | btrax スタッフブログ 自分にも重なる部分があると思って経験と雑感込みで書いてみた、毎週水曜更新のデザインラボbyツクロア、今週私のターンではデザイナーがコードを書く意味についてです。 一枚絵では通用しないアプリデザイン 某携帯電話メーカーからAndroidアプリデザインの依頼があったときの話です。 電話着信画面や起動直後の待受ロック解除のデザインを含め、使い心地や操作感から画面構成まで一緒に考えてもらえるデザイナーを探しているということでした。 担当者いわく「静止画だけではアプリデザインの良し悪しが決められないんですよ」という話から始まり、では「実際うごくデザインモックを作りながら一緒に考えましょう」という作業の流れを提案して検証からリリー
iPhone(iOS)アプリとAndroidアプリではOSが異なるため、開発言語も開発環境も異なります。アプリ開発の参考に、iOSとAndroidの違いをまとめました。iOSで開発する、Androidで開発する、どちらも開発する、いずれにしてもそれぞれの特徴を知っておいて損はないです。 まずiOSとAndroidでは開発言語が異なります。 iOSはObjective-CかSwift、AndroidはJavaを用います。 Swiftは2014年6月にAppleが発表した新しいプログラミング言語で、Objective-C、Objective-C++、C言語との共存が可能です。 SwiftはAppleが推奨していることもあり、これから普及していくと思われます。 iOS:Objective-C、Swift Android:Java iOSではMac OS Xに付属しているXcodeを開発環境として
Google Apps Scriptにてウェブアプリを作る場合、通常doGet()でHTMLを表示し、HTML側からスプレッドシートのデータをリクエストした時に、スプレッドシートデータを普通は二次元配列形式でデータを受け取ります。その後、配列を例えば ss[2][3]といった具合に配列の場所を指定して、データを処理します。 しかし、この手法だと行を指定する部分は数字でも良いのですが、列を指定する部分まで何列目として指定しなければならず、少々面倒です。列指定はタイトルの文字で指定できたら楽ですよね。そこで、スプレッドシートのデータをJSON形式でHTML側へ送ってあげて、JSONデータとして扱えば、HTML側の処理が少し楽になります。 今回はこれに加えて、スプレッドシートのデータをJSON形式として、Web APIとして配信もしてみたいと思います。 今回使用するスプレッドシート スプレッドシ
) 4月1日に10年続くとあるWebサービスをフルリニューアルしました。 リニューアルの目的は、システムが度重なる機能拡張により、必要以上に複雑化してしまい、ちょっとした修正でも非常に時間がかかるので今後、事業のスケールを拡大していく上のが難しくなってきたためです。 特に大きなところですと、スマホサイトがリニューアル前のサイトだと、スマホとPCで機能が完全に分断されてしまっていました。サイトを立ち上げた当初はスマートフォンすらなかった時代なのでしょうがないとは思いますが、これをこれ以上保守していくのはしんどいので、スマホファーストの思想を取り入れサイトを設計していきました。 技術的にも、PHPからRubyに変更して、ELBやS3をとりいれ、Githubベースの運用に変更することで、時代の流れに取り残されていたWebサイトを今風な感じの仕組みへと変更しました。 リニューアル自体はプロジェクト
Version 11.0 was released on May 7, 2024 Version 7.0 was released on May 7, 2024 Read Blog Post Release Notes Git Made Easy Drag and Drop • Undo everything • A unique Conflict Wizard • File history • Extensive documentation • Great customer support Learn More All of Git's Power (And None of the Pain) Pull Requests • Single-line staging • Interactive Rebase • Submodules • Git LFS • Git-Flow • File
自分のPCでもJSファイルの自動圧縮や自動デプロイなどやる必要が出てきたので、今更ですがフロントエンド開発の必須アイテムでもあるビルドツール「Grunt」を自分のMacBook Proにインストールしました。若干ハマった部分もあったので、参考のためにインストール方法を書いておきます。 Gruntを使う前提としてGruntはNode.js上で動作します。まずGruntをMac OSにインストールするには、以下がインストールされている必要があります。 インストールされているかは以下のコマンドで確認できます。 Node.jsの確認 $ node -vnpmの確認 $ npm -vHomebrewの確認 $ brew -vこちらのインストール方法などについては過去に投稿しています。そちらを参照してください。自分の場合はすでにインストール済みの状態でした。 Mac OS X Mountain Lio
2014/6/2 : 投稿先の画像や文言を変更できるものに更新しました。 2014/7/4 : LINEボタンのhref="http://line.me/R/msg/text/ のあとに?(クエスチョンマーク)が無かったため、追加しました。?無しでも動作してたので気づきませんでした。ありがとうございます! 完成品 HTML Twitterのツイートボタン tweetする(装飾無バージョン) <a class="twitter btn" href="http://twitter.com/share?url=[共有したいURL]&text=[任意のテキスト]&via=[ツイート内に含まれるユーザー名]&related=[関連アカウント]" target="_blank">tweetする</a> このように表示されます。 お好みでいらない記述は消してください。 例えば関連アカウント入れる必要がな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く