「え？それそんなかかるの？」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ
良質なデザインのための10の原則＆10のチェックリスト
Murielは熱心なユーザーリサーチャーであり、デザインの編集者。ユーザーのニーズや要望を見つけ出し、そこにある「ギャップ」を埋める解決策を見出すことをやりがいにしている。加えて遠隔教育やeラーニング分野など学習のデザインにも関わっている。 あなたはどんなタイプのデザイナーでしょうか？ デザインをあなたのものたらしめる、原則やチェックリストやメソッドはありますか？ または、０から創作を始めた後でチェックリストを使って分析する方がお好みですか？ あなたが安心するのは、未来を見据えるときか、過去を振り返るときか、それとも完璧主義なため過去も未来もどちらも見据えるときでしょうか。どちらに当てはまるとしても、この記事はあなたに役立つでしょう。 自分らしくあれ。自分以外は皆に取られてしまっているから ―Oscar Wilde 制約を設けてデザインするタイプか？ 多くの人は、制約は創造性の邪魔をすると
クリック1発でFirebaseにデプロイ！無料のクラウドIDE「Glitch」の新機能を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回はブラウザ上でJavaScript / Node.jsの開発環境を構築できる無料のクラウドIDE「Glitch」の新機能をご紹介しようと思います！ その新機能というのは、Glitchから直接Firebaseにプロジェクトを1発でデプロイできる機能のことで、面倒な作業はすべてGlitchが自動的にしてくれるので非常に重宝します。 これにより誰でも簡単にFirebaseプロジェクトをブラウザだけで構築できるようになるので、ぜひ参考にしてみてください！ 【 Glitch 】 記事後半で、Glitchのコードエディタについて詳細を解説しているので合わせて参考にしてみてください。 ■「Glitch」を使ったFirebaseのデプロイ機能について それでは、クラウドIDE「Glitch」が提供するFirebaseのデプロイ機能がどのようなものなのかを実
人工衛星が撮影の画像 誰でも無料で利用可能に | NHKニュース
日本の人工衛星が観測した地上の画像などの膨大なデータが、誰でも無料で利用できるようになりました。農業やマーケティングといったビジネス利用だけでなく、小学生でも自由に使うことができるということです。 「テルース」と名付けられた今回のサービスは、経済産業省がＩＴ企業に委託して開発を進め、21日から運用が始まりました。 専用のサイトにアクセスすると、人工衛星が撮影した地上の画像やレーダーで捉えた地形といった膨大なデータを、原則として誰でも無料で利用できます。 これまで、ＪＡＸＡ＝宇宙航空研究開発機構などの人工衛星のデータの民間利用をめぐっては、高度な技術が必要なうえ、大きなコストもかかることが大きな妨げとなっていました。 これに対して、今回のサービスはサイトに解析ソフトが組み込まれ、データの分析や加工ができるほか、気温や雨量などの人工衛星以外のデータと組み合わせることも可能です。 農地の画像から
コメントで意見交換もOK！無料でWebサイトのプロトタイプを作成・公開可能な「Draftium」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に短時間でWebサイトのプロトタイプを作成・公開できる無料のWebサービスをご紹介します！ デザイン性の高いプロトタイプを構築できるのが魅力なうえ、コメント機能を活用することで公開したプロトタイプに不特定多数の人からさまざまな意見をもらうこともできるスグレモノです。 これからプロトタイプを作ろうと考えている人も含めて、ご興味ある方はぜひ参考にしてみてください！ 【 Draftium 】 ■「Draftium」の使い方 それでは、「Draftium」をどのように使っていけばいいのかを見ていきましょう！ まずは簡単なユーザー登録を済ませるために、トップページに配置されているボタンをクリックします。 ユーザー登録フォームが表示されるので、好きなユーザー名・メールアドレス・パスワードを入力しましょう。 すると、自分専用の「ダッシュボー
便利なWeb開発向けツールまとめ｜かずたか
※こちらの記事が「先月もっとも多く読まれたノート」の一つに入りました。ありがとうございます！ こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してプロダクトを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 ✔︎この記事の内容 実務、学習のため問わず、Web制作をするに当たって便利なツールと使いかたをご紹介します3年ほど独学でWebサービスを作り運用したり、フリーランスとしてお客さまのサイトを作る中で、様々なツールを見つけました。 初心者の方ほどこうした作業効率が上がるツールを知っていた方がいいと思うのですが、周りにエンジニアがいないため情報が流れてこなかっ
さるでき.com | 世界のおもしろITツールを巡る旅
はじめに 自動化、という言葉に憧れます。 私がコンピューターにして欲しいことの第一位が「自動で仕事をしてもらうこと」というくらい憧れております。朝起きてパソコンを開いたら、今日やることが全部終わっていたら最高ではないですか。 というより、小さい頃はコンピューター（ロボット）と言えば、ドラえもんにせよ鉄腕アトムにせよ、「自動で動く」が基本でしたので、当然大人になる頃にはそういうコンピューターが登場しているものだとばかり思っていました。 それから幾月が流れたのでしょう。私の代わりに自動で仕事をしてくれるコンピューターは何処に……？ 今回は、そんな「自動化」ということに焦点を絞って作られたツール「make」をご紹介します。現代のコンピューターはどこまでドラえもんに近づけているのか、インターネット越しにチェコ共和国まで見に行ってみましょう。 make 公式サイト URL：https://www.m
Chrome拡張機能の開発 その1-1：概要編 - Qiita
この記事について この記事はChrome拡張機能の公式ページを翻訳、補足を追記した連載記事である。ひとつ前の記事は以下を参照。 Chrome拡張機能の開発 その1：拡張機能の基礎 https://qiita.com/gtracker64/items/95bec2b584638cc03388 基礎 拡張機能は、Google Chromeブラウザに機能を追加するHTML、CSS、JavaScript、画像、その他必要に応じて追加したファイルをzip形式でバンドルしたもの。 拡張機能の本質はWebページであり、通常のWebページと同様にブラウザが提供するすべてのAPIやJSON、XMLHttpRequest、HTML5を利用することができる。 拡張機能は"ContentsScript"や"Cross-Origin-XMLHttpRequest"を利用して、Webページやサーバとデータをやりとりで
プロダクトのドキュメントにプルリクエストを送れる仕組みがすごい - Qiita
これ↓なんですけど、意外と RT や Like が付いてたので、ちゃんと書きますね。 しっかしMicrosoftのドキュメントシステム良く出来てるなー。右のEditボタン押すとGitHubが開いてすぐPR送れる。あちらでマージされれば即サイトに反映される。Contiributorsに自分のアイコンが増えた♪ これはフィードバックするのに「面倒」は理由にできないですぞ。https://t.co/9KhAwhV5PP pic.twitter.com/r46zFUvkEp — あめいぱわーにおまかせろ! (@amay077) 2018年6月12日 このツイは Microsoft の製品やサービスのドキュメントについてなんですが、 Microsoft Docs というポータルがありまして、同社のサービスの多くはここでドキュメント公開されている模様です。 ここで公開されているドキュメント群は、バック
小さなWeb制作会社がつくったBtoB Webサービスで課金が発生するまでにやった8つのこと。
当社では創業からいくつものWebサービスをリリースしては閉鎖して、ということを繰り返してきました。そんな中で、最近ではBtoBサービス、企業の日常業務で使えるWebサービスに力を入れています。 収益モデルはBtoBサービスですので、広告収入ではなくユーザー課金がメインです。 ありがたいことに、ここ最近でやっと課金してご利用いただけるユーザー様が出てきました。 この記事で紹介するサービスは、具体的にいうと「Grmo(グルモ)」というグループウェアです。 (サービス紹介の記事ではないので、サービスの説明は割愛します。) グループウェアはすでに大手サービスも多々あり、完全に後発でサービスを開始したのですが、色々な試行錯誤をすることで、やっと課金して利用していただけるユーザー様が増えてきました。 とは言ってもまだまだ月に数件ですので、まだまだこれからですが、課金が発生するまでにここまででやってきた
JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita
JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！ こんにちは！エイチーム引越し侍の加藤です！ みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が
なぜあなたのPull Requestは読まれないのか - Qiita
Pull Requestを出してレビューしてもらってから反映。 どこにでもあるありふれた開発フローに付きまとう、どこにでもあるありふれた問題。 「Pull Requestがレビューされない」 もちろん開発フローにレビューが含まれている以上、レビューをしないメンバーにも非がないとは言えませんが、多くの場合はレビューされないPRには問題があるものです。 デカい 兎にも角にもデカいPRは読むのがつらいです。 もちろん要件が明記されていないなど、他にもPRが読みにくくなる原因はたくさんありますが、一番はこれです。 極端な話、1行変更のPRは他に何も書かれていなくても実装内容を察することができますが、10ファイル100行の差分と箇条書き20点の要件が書かれたPRは内容を把握するだけで一苦労です。 しかし、このこと自体は数カ月でもコードを書いていれば自然と勘づくもの。 問題はなぜPRが大きくなってしま
「Google丸投げ」でiOSアプリ開発が恐ろしくラクになる！Firebaseの使い方
Googleが運営するFirebaseを使えば、面倒なサーバーの処理は任せて、クライアント側の開発に集中できます。サンプルアプリを例に、基本的な使い方を体験してみましょう。 Firebaseは、アプリを素早く開発しデプロイできるようにするための「Backend as a Service（BaaS）」プラットホームです。Firebaseは多くの機能を提供しています。リアルタイムデータベース、ユーザー認証（Eメールとパスワード、Facebook、Twitter、GitHub、Googleアカウントを使用できる）、クラウドメッセージング、ストレージ、ホスティング、リモートコンフィギュレーション、Test Lab、クラッシュレポート、通知、アプリのインデックス付け、ダイナミックリンク、招待、AdWordsとAdMobなどが含まれています。 この記事ではシンプルなToDoアプリを作成しながら、Fir
運用の問い合わせチケットを10分の1に削減した話 - Qiita
Help us understand the problem. What is going on with this article? 会社で働いていると、運用チームからの問い合わせがあると思います。 問い合わせというものは、割り込みに繋がり生産性を下げるのでなるべく減らしていきたいものです。 Redmineで管理されているオープンなチケットを10分の1に削減した話をまとめます。 常時、約50枚ほどオープンなチケットを5枚ほどに減らしました。 問い合わせが多くて辛みを味わっている方の参考になれば。 概要 Web自社サービス タスク管理ツール Redmine 毎日、5枚ほどチケットが増える 運用と開発がそれぞれ20人ほど こんな環境です。 改善のきっかけ うちのチームは、当番制で「問い合わせの窓口」(以下、窓口)となる人を作ります。 窓口の人がチケットを解決したり、有識者にチケットを委譲した
10年以上続くサイトを初めてリニューアルして感じた事 | Basicinc Enjoy Hacking!
) 4月1日に10年続くとあるWebサービスをフルリニューアルしました。 リニューアルの目的は、システムが度重なる機能拡張により、必要以上に複雑化してしまい、ちょっとした修正でも非常に時間がかかるので今後、事業のスケールを拡大していく上のが難しくなってきたためです。 特に大きなところですと、スマホサイトがリニューアル前のサイトだと、スマホとPCで機能が完全に分断されてしまっていました。サイトを立ち上げた当初はスマートフォンすらなかった時代なのでしょうがないとは思いますが、これをこれ以上保守していくのはしんどいので、スマホファーストの思想を取り入れサイトを設計していきました。 技術的にも、PHPからRubyに変更して、ELBやS3をとりいれ、Githubベースの運用に変更することで、時代の流れに取り残されていたWebサイトを今風な感じの仕組みへと変更しました。 リニューアル自体はプロジェクト
HTML/CSSを爆速コーディング Emmet入門 第1回 Emmetを薦める理由 | Adobe Blog
Web制作に欠かせないツールである「Emmet」というものを、知っていますか？ この連載では、お使いのエディタの機能を拡張するEmmetのインストールから、HTML・CSSの展開、あまり知られていない便利な機能などを解説しま す。初回は、Emmetの概要と、BracketsとDreamweaverにEmmetをインストール方法についてです。 Emmetとは何か？ Emmetは、主にHTMLやCSSの記述・編集を強力にサポートするプラグインです。Dreamweaverをはじめ、様々なIDEやエディタに対応しており、CodePenのようなコードを公開するオンラインサービスなどでも採用されています。 元々はZen-Codingという名前でしたが、2012年9月ごろから「Emmet」という名前で開発が進められ、正式リリースされた現在も機能の拡張が行われています。 Emmetの主な特徴は、独自の省
意外に少ない！初めてサーバーを組む際に覚えておくべきUNIXコマンド24個 – 和洋風KAI
まいど。最近Rubyを書くことが楽しくてしかたありません。するぷ（ @isloop ）です。 でも楽しくスクリプト言語を書くには、いろいろ遊べるサーバは必須。 1からサーバを組むのは、元々コマンド操作が大嫌いだった当方には大変難儀でしたが、先日ようやくnginx+Apacheを積んだいろいろ遊べる理想のサーバが完成。 まぁ大変でしたが今振り返ってみると最初に想像してたよりそんなに覚えるコマンドはなかったなぁと。 というわけで今日は、僕がサーバ組み始める前に欲しかった「サーバを組む際に必要なUNIXコマンドリスト」を書いてみたいと思います。 とりあえずこの23個を頭に叩き込んでおけばサーバは組める！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PhpStorm45分集中超絶技巧 #phpconsen #phpconsen_b
メルカリもBASEも使ってる！ 画像変換サービスImageFluxの魅力と新機能をご紹介！ ImageFlux meetup #2 レポート (前編) | さくらのナレッジ
snippets.jsonを拡張してCoda2+Emmetで爆速コーディング
